Loading menubar.....

Difference between revisions of "Team:Tuebingen/Killswitch"

(Created page with "<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html"> <meta charset="UTF-8"/> <style> /* Paste this css to your style sheet file or unde...")
 
 
(3 intermediate revisions by the same user not shown)
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: #292935;
        }
+
    }
  
 +
    .se-pre-con img {
 +
        width: 40%;
 +
        height: 40%;
 +
        margin-left: 30%;
 +
        margin-top: 15%;
 +
    }
 +
 +
    @media screen and (min-width: 1500px) {
 
         .se-pre-con img {
 
         .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/4/49/T--Tuebingen--DNA_gif.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
 
     }
 
     }
  
 
     .bg-dark {
 
     .bg-dark {
         background-color: #343a40 !important
+
         background-color: #232323 !important
 
     }
 
     }
  
     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;
 
     }
 
     }
  
    .judges-will-not-evaluate {
+
 
        border: 4px solid #e4dede;
+
        padding: 2% !important;
+
        width: 92% !important;
+
    }
+
  
 
     /* OWN Global Settings */
 
     /* OWN Global Settings */
Line 9,144: Line 10,042:
 
     }
 
     }
  
     #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,078:
 
     }
 
     }
  
     #bodyContent a[href ^="https://"], .link-https {
+
     #bodyContent a[href ^="https://"],
 +
    .link-https {
 
         padding-right: 0px;
 
         padding-right: 0px;
 
     }
 
     }
Line 9,266: Line 10,169:
  
 
     .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,176:
  
 
     .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,183:
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
 
Nav CSS ++++++++++++++++++++++++++++++*/
 
Nav CSS ++++++++++++++++++++++++++++++*/
     .dropdown:hover > .dropdown-menu {
+
     .dropdown:hover>.dropdown-menu {
 
         display: block;
 
         display: block;
 
     }
 
     }
  
 
     .dropdown-menu {
 
     .dropdown-menu {
         background-color: rgba(100, 100, 100, 1);
+
         background-color: #232323;
 
     }
 
     }
  
     .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,217:
 
     }
 
     }
  
     .glpContainer > * {
+
     .glpContainer>* {
 
         padding: 20px 25px;
 
         padding: 20px 25px;
 
     }
 
     }
Line 9,377: Line 10,285:
  
 
     #glpreferences a {
 
     #glpreferences a {
         color: #F4F0DE!important
+
         color: #F4F0DE !important
 
     }
 
     }
  
 
     ol li {
 
     ol li {
  counter-increment: list;
+
        counter-increment: list;
  list-style-type: none;
+
        list-style-type: none;
  position: relative;
+
        position: relative;
}
+
    }
/* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */
+
 
 +
    /* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */
 
     ol li:before {
 
     ol li:before {
  color: #F4F0DE;
+
        color: #F4F0DE;
  content: counter(list) ".";
+
        content: counter(list) ".";
  left:-32px;
+
        left: -32px;
  position: absolute;
+
        position: absolute;
  text-align: right;
+
        text-align: right;
  width: 26px;
+
        width: 26px;
}
+
    }
  
  
Line 9,424: Line 10,333:
 
     }
 
     }
  
     .table-of-contents li + li {
+
     .table-of-contents li+li {
 
         margin-top: 2em;
 
         margin-top: 2em;
 
     }
 
     }
Line 9,575: Line 10,484:
 
     }
 
     }
  
     .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,495:
 
     }
 
     }
  
     .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,506:
 
     }
 
     }
  
     .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,578:
 
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,603:
 
         }
 
         }
  
         .glpContainer > * {
+
         .glpContainer>* {
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
Line 9,717: Line 10,628:
  
  
     @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,635:
 
         }
 
         }
  
         .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 - Kill Switch</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/Model"
                        <a class="dropdown-item" href="/Team:Tuebingen/Results"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
                        <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Results"
                        <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
                        <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
                    </div>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
                </li>
+
                        </div>
                <li class="nav-item dropdown mx-3">
+
                    </li>
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                    <li class="nav-item dropdown mx-3">
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                        PARTS
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                    </a>
+
                            PARTS
                    <div class="dropdown-menu">
+
                        </a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Parts"
+
                        <div class="dropdown-menu">
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts Overview</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Parts"
                        <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic Parts</a>
+
                                Overview</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved Parts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
                        <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
+
                                Parts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
                        <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part Collection</a>
+
                                Parts</a>
                    </div>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part"
                </li>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized
 +
                                Parts</a>
 +
                            <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
 +
                                Parts</a>
 +
                            <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
 +
                                Collection</a>
 +
                            <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a>
 +
                        </div>
 +
                    </li>
  
                <li class="nav-item dropdown mx-3">
+
                    <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/Sponsors"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</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 Engagement</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Experts"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experts"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</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
                        <a class="dropdown-item" href="/Team:Tuebingen/SDG"
+
                                Development Goals</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
                            Goals</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
                        <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
+
                                Science Center</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta Science
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Survey"
                            Center</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</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;">
                        AWARDS
+
                            AWARDS
                    </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;">Integrated Human Practise</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                                Human Practise</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
                            Engagement</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                & Public Engagement</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
                            Entrepreneurship</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
                        <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
+
                                Entrepreneurship</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                        </div>
                    </div>
+
                    </li>
                </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
                        FORM ⇗</a>
+
                            ⇗</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,330:
  
  
     @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,344:
 
*/
 
*/
  
.btn-link {
+
    .btn-link {
 
         font-weight: 400;
 
         font-weight: 400;
 
         color: #007bff;
 
         color: #007bff;
Line 10,437: Line 11,357:
 
     }
 
     }
  
     .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,364:
 
     }
 
     }
  
     .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,408:
 
========================
 
========================
 
*/
 
*/
.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,510:
 
         -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/a/a0/T--Tuebingen--description-banner.jpg) center no-repeat;
+
         background: #1B2030 url(https://2019.igem.org/wiki/images/8/83/T--Tuebingen--banner-killswitch.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,528:
 
     }
 
     }
  
     .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,574:
  
 
         .header {
 
         .header {
             height:40vh
+
             height: 40vh
 
         }
 
         }
 
     }
 
     }
Line 10,644: Line 11,580:
 
     @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,592:
 
     @media only screen and (max-width: 500px) {
 
     @media only screen and (max-width: 500px) {
 
         .header {
 
         .header {
             height:30vh
+
             height: 30vh
 
         }
 
         }
 
     }
 
     }
Line 10,667: Line 11,603:
 
     }
 
     }
  
    @media only screen and (max-width: 450px) {
+
 
        .header {
+
            height:25vh
+
        }
+
    }
+
  
 
     @media only screen and (max-width: 400px) {
 
     @media only screen and (max-width: 400px) {
Line 10,689: Line 11,621:
 
             transform: scale(1)
 
             transform: scale(1)
 
         }
 
         }
 +
 
         50% {
 
         50% {
 
             transform: scale(1.2)
 
             transform: scale(1.2)
Line 10,698: Line 11,631:
 
         ==========================
 
         ==========================
 
         */
 
         */
 
+
        .vegan {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  width: 70%;
 +
}
 
</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;">Kill Switch</h1>
+
        <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">Kill Switch</h1>
  </div>
+
    </div>
 
</div>
 
</div>
 
<!-- Header Banner End-->
 
<!-- Header Banner End-->
Line 10,712: Line 11,650:
 
<div style="background-color: #232323; overflow-wrap: break-word;">
 
<div style="background-color: #232323; overflow-wrap: break-word;">
  
<div class="glpContainer">
+
    <div class="glpContainer">
    <aside id="glpContentsOuter" style="background-color: #232323">
+
        <aside id="glpContentsOuter" style="background-color: #232323">
        <aside id="phaContents" class="table-of-contents">
+
            <aside id="phaContents" class="table-of-contents">
            <!-- will be generated with JS -->
+
                <!-- will be generated with JS -->
 +
            </aside>
 
         </aside>
 
         </aside>
    </aside>
 
  
    <main class="post-content">
+
        <main class="post-content">
        <div id="image-popups">
+
            <div id="image-popups">
  
        <h2 style="font-family:'Righteous'; color:#2ecc71;">The CRISPR/Cas3 System</h2>
+
                <h2 style="font-family:'Righteous'; color:#2ecc71;">The CRISPR/Cas3 System</h2>
        <div class="row">
+
                <div class="row">
            <div class="col-12">
+
                    <div class="col-12 col-md-6">
                <p>
+
                        <p>
                    Similar to the type II CRISPR/Cas9 system, the type I CRISPR/Cas3 system is part of the microbial
+
                            Similar to the type II CRISPR/Cas9 system, the type I CRISPR/Cas3 system is part of the
                    adaptive immune system. However, unlike the Cas9 based system, the Cas3 based system does not only
+
                            microbial
                    cleave double stranded DNA, but also degrades longer strands of DNA [1].
+
                            adaptive immune system. However, unlike the Cas9 based system, the Cas3 based system does
                </p>
+
                            not only
                <p>
+
                            cleave double stranded DNA, but also degrades longer strands of DNA [1].
                    Generally, CRISPR/Cas-based defence relies on the recognition of known pathogenic DNA sequences
+
                        </p>
                    (e.g. bacteriophages) via the crRNA (crispr RNA). After the primary invasion of a bacteriophage,
+
                        <p>
                    parts of the foreign DNA are cleaved [2,3,4,5]. These parts are subsequently integrated as short
+
                                Generally, CRISPR/Cas-based defence relies on the recognition of known pathogenic DNA
                    spacers between repeating palindromic sequences within the CRISPR locus of the bacterial genome,
+
                                sequences
                    resulting in the formation of CRISPR arrays transcribing for crRNA [2,3,4,5]. Upon reinfection with
+
                                (e.g., bacteriophages) via the crRNA (crisprRNA). After the primary invasion of a
                    the same virus, the transcribed crRNA guides the surveillance complex Cascade (CasABCDE) to its
+
                                bacteriophage,
                    complementary sequences located within the viral DNA [2,3,4,5]. As a consequence, the targeted viral
+
                                parts of the foreign DNA are cleaved [2,3,4,5]. These parts are subsequently integrated
                    DNA is unwound, generating the so-called R-loop. The Cas3 helicase-nuclease protein attaches to this
+
                                as short
                    R-loop and unidirectionally degrades the invader DNA in a 3′–5′ direction, beginning at the site of
+
                                spacers between repeating palindromic sequences within the CRISPR locus of the bacterial
                    a protospacer adjacent motif (PAM) by inducing a sequence of cleavage by a reeling motion [2,3,4,5].
+
                                genome,
                    The degradation is facilitated by the large Cas3/Cascade complex, which pulls the substrate DNA towards
+
                                resulting in the formation of CRISPR arrays transcribing for crRNA [2,3,4,5]. Upon
                    itself, introducing single strand breaks [2,3,4,5]. The resulting degradation products are approximately
+
                                reinfection with
                    the length of a spacer sequence, whereas the cuts are enriched in PAM-like NTT motives at the 3´-end.
+
                                the same bacteriophage, the transcribed crRNA guides the surveillance complex Cascade
                    Therefore, most of the degradation products are suitable for the integration into the CRISPR locus [2,3,4,5].
+
                                (CasABCDE)
                </p>
+
                                to its complementary sequences located within the viral DNA [2,3,4,5].
            </div>
+
                            </p>
        </div>
+
                        <p>
 +
                            As a consequence, the targeted bacteriophage DNA is unwound, generating the so-called
 +
                            R-loop.
 +
                            The Cas3 helicase-nuclease protein attaches to this R-loop and unidirectionally degrades the
 +
                            invader
 +
                            DNA in a 3′–5′ direction, beginning at the site of a protospacer adjacent motif (PAM) by
 +
                            inducing
 +
                            a sequence of cleavage by a reeling motion [2,3,4,5]. The degradation is facilitated by the
 +
                            large
 +
                            Cas3/Cascade complex, which pulls the substrate DNA towards itself, introducing single
 +
                            strand breaks
 +
                            [2,3,4,5]. The resulting degradation products are approximately the length of a spacer
 +
                            sequence,
 +
                            whereas the cuts are enriched in PAM-like NTT motives at the 3´-end. Therefore, most of the
 +
                            degradation products are suitable for the integration into the CRISPR locus [2,3,4,5].
 +
                        </p>
 +
                    </div>
 +
                    <div class="col-12 col-md-6">
 +
                        <figure>
 +
                            <a style="font-size: small"
 +
                                href="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
 +
                                data-effect="mfp-zoom-out" title="Fig.1">
 +
                                <img src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
 +
                                    class="figure-img img-fluid rounded" alt="Placeholder"></a>
 +
                            <figcaption style="font-size: small; color: #F4F0DE;">Figure 1: General overview over the
 +
                                CRISPR/Cas system. Foreign DNA is
 +
                                taken up and a short spacer sequence cut out and integrated into the CRISPR array in the
 +
                                genome.
 +
                                This array is transcribed together with cas genes. The array is cleaved into several
 +
                                specific
 +
                                gRNAs that form a complex with the cas proteins. These complexes bind to their target
 +
                                sequence
 +
                                and the cas protein cleaves the foreign DNA.</figcaption>
 +
                        </figure>
 +
                    </div>
  
            <h2 style="font-family:'Righteous'; color:#2ecc71;">Our application</h2>
 
            <div class="row align-items-center">
 
                <div class="col-12 col-md-5">
 
                    <figure>
 
                        <a style="font-size: small"
 
                          href="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
 
                          data-effect="mfp-zoom-out"
 
                          title="Fig.1">
 
                            <img src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
 
                                class="figure-img img-fluid rounded"
 
                                alt="Placeholder"></a>
 
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 1: Schematic structure of the circuit-based chassis. Shown are three
 
                            regulatory elements, which are responsive to environmental conditions, controlling the expression
 
                            of cas3, Cascade and the crRNAs of both genomic and plasmid targeting arrays. A designer plasmid
 
                            encoding for our gene of interest is connected with the circuit via a sequence potentially targeted
 
                            by the CRISPR system upon prohibitive conditions.</figcaption>
 
                    </figure>
 
                </div>
 
            <div class="col-12 col-md-7">
 
                    <p>
 
                        Based upon an idea kindly provided to us by Dr. Pengfei Xia, we build a chassis relying on a
 
                        genetic circuit. The circuit uses the CRISPR/Cas3 complex as a kill-switch by regulating its
 
                        expression under various environmental conditions (see Figure 1, Regulators A,B and C).
 
                        Our chassis determines the existence of a plasmid carrying our gene of interest (GOI), as well
 
                        as the survival of the bacterium.
 
                    </p>
 
                </div>
 
            </div>
 
  
 +
                    <h2 style="font-family:'Righteous'; color: #2ecc71;">Our Application</h2>
 +
                    <div class="row">
 +
                        <div class="col-12 col-md-6">
 +
                            <p>
 +
                                Based upon a design kindly provided to us by Dr. Pengfei Xia, we built a chassis that
 +
                                relies on
 +
                                a genetic circuit. The circuit uses the CRISPR/Cas3 complex as a kill-switch by
 +
                                regulating its
 +
                                expression under various environmental conditions. The regulation of our kill-switch is
 +
                                based
 +
                                on three NOT gate modules [14] (see Fig. 2), consisting of doubly negated sets of
 +
                                biosensors
 +
                                chosen due to their ability to recognize the human intestines as a permitted
 +
                                environment.
 +
                                A NOT gate module is a circuit structure, which initiates the death of the bacteria if a
 +
                                certain survival signal is not present.
 +
                            </p>
 +
                        </div>
 +
                        <div class="col-12 col-md-6">
 +
                            <figure>
 +
                                <a style="font-size: small"
 +
                                    href="https://2019.igem.org/wiki/images/4/4b/T--Tuebingen--Pengfei-kill-muster.png"
 +
                                    data-effect="mfp-zoom-out" title="Fig.2">
 +
                                    <img src="https://2019.igem.org/wiki/images/4/4b/T--Tuebingen--Pengfei-kill-muster.png"
 +
                                        class="figure-img img-fluid rounded" alt="Placeholder"></a>
 +
                                <figcaption style="font-size: small; color: #F4F0DE;">Figure 2: Simplified figure of the
 +
                                    principle NOT gate modules making up
 +
                                    the kill-switch. Modified from Pengfei Xia [14]. The NOT gate modules determine that
 +
                                    if
 +
                                    a survival signal is not present, the bacteria is killed.</figcaption>
 +
                            </figure>
 +
                        </div>
 +
                    </div>
  
            <h3 style="font-family:'Righteous'; color: #2ecc71;">Permitted Conditions</h3>
+
                    <h2 style="font-family:'Righteous'; color: #2ecc71;">NOT gate module Survival Signals</h2>
            <div class="row">
+
                    <div class="row">
                <div class="col-12">
+
                        <div class="col-12">
                    <p>
+
                            <p>
                        Common conditions in a healthy human’s intestines include a temperature of 37°C (regulator A),
+
                                In our design, common conditions of human intestines were chosen as
                        availability of fatty acids in form of Acyl CoA (regulator B) and N-Acetyl-Glucosamin (GlcNAc)
+
                                NOT gate module survival signals (see Fig. 2). Module (1) is determined by a permitted
                        (regulator C) (see Figure 1), which is released by the metabolism of mucus by commensal microorganisms
+
                                temperature of 37°C, while module (2) requires fatty acid availability in form of Acyl
                        [6]. Consequently, if the conditions correspond to those in the intestine, the Cas3 protein and
+
                                CoA
                        Cascade cannot be expressed and the CRISPR arrays for the self-targeting of the plasmid and genome
+
                                as survival signal. Module (3) is designed to sense N-Acetyl-Glucosamine-6-phosphate
                        are not transcribed (see Figure 1 and 2).
+
                                (GlcNAc6P) ,
                        However, if the environmental conditions change, for instance the bacterium is excreted, the Cas3
+
                                which is released through the metabolization of mucus by commensal microorganisms [6].
                        system will be activated. Finally, this will lead to the degradation of the foreign plasmid and
+
                            </p>
                        genomic DNA, killing the bacterium.
+
                            <p>
                    </p>
+
                                Consequently, if the chassis that carries the kill-switch is in an environment with
                    <p>
+
                                conditions
                        The regulation of our kill switch is based on three NOT gate modules, consisting of doubly
+
                                corresponding to those in the intestine, the Cas3 protein and Cascade cannot be
                        negated sets of biosensors (see Fig. 2).
+
                                expressed and
                     </p>
+
                                the CRISPR arrays (crRNA) for the self-targeting of the plasmid and genome are not
 +
                                transcribed
 +
                                (see Fig. 3).
 +
                            </p>
 +
                            <p>
 +
                                However, if the environmental conditions change, for instance when the bacterium is
 +
                                excreted,
 +
                                the NOT gate modules of the Cas3 system will facilitate the killing of the bacterium.
 +
                                This will in the end result in the degradation of the genomic and plasmid DNA.
 +
                            </p>
 +
                            <figure class="vegan">
 +
                                <a style="font-size: small"
 +
                                    href="https://2019.igem.org/wiki/images/c/c5/T--Tuebingen--Regulator_System.png"
 +
                                    data-effect="mfp-zoom-out" title="Fig.3">
 +
                                    <img src="https://2019.igem.org/wiki/images/c/c5/T--Tuebingen--Regulator_System.png"
 +
                                        class="figure-img img-fluid rounded" alt="Placeholder"></a>
 +
                                <figcaption style="font-size: small; color: #F4F0DE;">Figure 3: Schematic depiction of the
 +
                                    NOT gate modules of the regulator
 +
                                    system, which controls the expression of the Cas3 system. (1) The temperature
 +
                                    sensing system
 +
                                    regulates the expression of cas3 and casABCDE (Cascade). (2) The Acyl-CoA sensing
 +
                                    system
 +
                                    regulates the expression of the plasmid’s self-targeting array (crRNA). (3)
 +
                                    The N-Acetyl-Glucosamine-6 Phosphate sensing system regulates the expression of the
 +
                                    genomic crRNA.</figcaption>
 +
                            </figure>
 +
                        </div>
 +
                     </div>
  
                     <figure>
+
                     <div class="row">
                        <a style="font-size: small"
+
                        <div class="col-12">
                          href="https://2019.igem.org/wiki/images/c/c5/T--Tuebingen--Regulator_System.png"
+
                            <h3 style="font-family:'Righteous'; color: #2ecc71;">(1) Temperature sensing with a
                          data-effect="mfp-zoom-out"
+
                                permissible temperature of 37°C</h3>
                          title="Fig.2">
+
                             <p>
                            <img src="https://2019.igem.org/wiki/images/c/c5/T--Tuebingen--Regulator_System.png"
+
                                constitutively active promoter expresses Clts, a temperature sensitive cI repressor
                                class="figure-img img-fluid rounded"
+
                                found in the
                                alt="Placeholder"></a>
+
                                lambda phage. At temperatures significantly below 37°C, Clts is an active repressor of
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 2: Schematic depiction of the regulator system used to control
+
                                the cI
                             the expression of the Cas3 system. (1) The temperature sensing system regulates the expression
+
                                lambda promoter (PClts). This promoter controls the expression of gene encoding for a
                            of cas3 and casABCDE (Cascade). (2) The Acyl CoA sensing system regulates the expression of
+
                                repressor
                            the plasmid’s self-targeting array (crRNA). (3) The N-Acetyl-Glucosamin-6 Phosphate sensing
+
                                protein, AraC. Therefore, if the temperature in the bacterium’s environment is below
                             system regulates the expression of the genomic crRNA.</figcaption>
+
                                37°C, Clts
                    </figure>
+
                                is stable and represses the expression of the araC-gene. Therefore, the pBAD promoter,
                </div>
+
                                repressed
            </div>
+
                                by AraC, is active. As a result, Cas3 and CasABCDE are expressed, allowing for the
 +
                                kill-switch
 +
                                induction (see Fig. 3.1).
 +
                             </p>
 +
                            <p>
 +
                                Accordingly, if the bacterium is within the body and the temperature is at 37°C, Clts is
 +
                                unstable
 +
                                and cannot repress the expression of the araC-gene. AraC consequently inhibits the pBAD
 +
                                promoter and the CRISPR enzymes for the kill-switch are not available. The Clts and the
 +
                                following FadR sensing system was used by the NTU Taida’s iGEM Project in 2012 [7].
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
            <h3 style="font-family:'Righteous'; color: #2ecc71;">Temperature sensing with a permissible temperature of 37°C</h3>
+
                    <div class="row">
            <div class="row">
+
                        <div class="col-12">
                <div class="col-12">
+
                            <h3 style="font-family:'Righteous'; color: #2ecc71;">(2) Fatty acid availability inhibiting
                    <p>
+
                                the plasmid self targeting array</h3>
                        A constitutively active promoter expresses Clts, a temperature sensitive cI repressor found in
+
                            <p>
                        the lambda phage. At temperatures significantly below 37°C (body temperature), Clts is an active
+
                                The intake of a fatty meal increases the fatty acid availability within the body, and
                        repressor of the cI lambda promoter. This promoter controls the transcription of a repressor protein,
+
                                therefore
                        AraC. Therefore, if the temperature in the bacterium’s environment is below 37°C, AraC is not available
+
                                their metabolite Acyl-CoA’s concentration increases. Long chain Acyl-CoA binds
                        and the pBAD promoter, controlled by AraC, is active. Cas3 and CasABCDE are then expressed, allowing for
+
                                constitutively
                        the Kill-Switch induction (see Figure 2.1). Accordingly, if the bacterium is within the body and the
+
                                produced FadR and inhibits its activity [8,9]. FadR represses the promoter PFad, which
                        temperature is at 37°C, Clts is unstable and cannot repress the expression of AraC. AraC consequently
+
                                regulates
                        inhibits the pBAD promoter and the enzymes for the self-kill are not available. The bacterium survives.
+
                                the expression of the LsrR repressor gene. The LsrR repressor subsequently inhibits the
                        The Clts and following FadR sensing system’s usage was NTU Taida’s iGEM Project in 2012 [7].
+
                                PLsrR
                    </p>
+
                                promoter [10], regulating the transcription of the plasmid self targeting array.
                </div>
+
                            </p>
            </div>
+
                            <p>
 +
                                If the bacterium leaves the body, fatty acids (Acyl-CoA) will not be available. This
 +
                                allows for
 +
                                the activity of FadR, which inhibits PFad. Thus, there will be no LsrR, the self
 +
                                targeting array
 +
                                will be active and used by the Cas3 complex to target the plasmid for degradation (see
 +
                                Fig. 3.2).
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
            <h3 style="font-family:'Righteous'; color: #2ecc71;">Fatty acid availability inhibiting the plasmid self targeting array</h3>
+
                    <div class="row">
            <div class="row">
+
                        <div class="col-12">
                <div class="col-12">
+
                            <h3 style="font-family:'Righteous'; color: #2ecc71;">(3) N-Acetyl-Glucosamine-6 Phosphate of
                    <p>
+
                                metabolized mucin inhibits the genomic self-targeting array</h3>
                        The intake of a fatty meal increases the fatty acid availability within the body and therefore
+
                            <p>
                        their metabolite Acyl-CoA’s concentration increases. Long chain Acyl-CoA binds constitutively expressed
+
                                Commensal bacteria in the gut metabolize the mucus within the intestines, which
                        FadR and hence inhibits its activity [8,9]. FadR represses the promoter pFad, which regulates the
+
                                increases the
                        expression of the LsrR repressor, which itself represses the the pLsrR promoter [10] regulating the
+
                                level of GlcNAc within the lumen [11]. GlcNAc is taken up by the bacteria through their
                        transcription of the plasmid self targeting array. If the bacterium leaves the body, there will be no
+
                                PTS
                        fatty acids (Acyl-CoA) available. This allows for the activity of FadR which inhibits pFad. Thus,
+
                                system and metabolized into GlcNAc-6-P, which binds the repressor protein NagC. When
                        there will be no LsrR, the self targeting array will be active and used by the Cas3 complex to target
+
                                NagC is
                        the plasmid and degrade it, inducing the degradation of the foreign DNA (see Fig. 2.2).
+
                                bound to GlcNAc-6-P, it loses its ability to bind DNA, and therefore its respective
                    </p>
+
                                regulation
                </div>
+
                                activity. In our case, NagC can consequently not serve as a repressor of the nag Operon
            </div>
+
                                nagBACDE
 +
                                anymore [12, 13]. Thus, a repressor protein encoded downstream of the promoter, the
 +
                                Lambda phage’s
 +
                                Mnt repressor, can be expressed. Mnt inhibits the genomic self targeting arrays’
 +
                                transcription
 +
                                by binding the Mnt promoter upstream of the arrays (see Fig. 3.3). The genomic DNA,
 +
                                therefore,
 +
                                cannot be degraded in the presence of GlcNAc-6-P.
 +
                            </p>
 +
                            <p>
 +
                                Nonetheless, if the bacterium leaves the body and the human microbiome, its GlcNAc-6-P
 +
                                sources
 +
                                will be depleted and the NagC repressor will remain active. As a result, the expression
 +
                                of
 +
                                the MntR is repressed, allowing the transcription of the CRISPR array targeting the
 +
                                genome for degradation.
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
            <h3 style="font-family:'Righteous'; color: #2ecc71;">N-Acetyl-Glucosamin-6 Phosphate of metabolized Mucin inhibits the genomic self-targeting array</h3>
 
            <div class="row">
 
                <div class="col-12">
 
                    <p>
 
                        Commensal bacteria in the gut metabolize the mucus within the intestines, which increases the
 
                        level of GlcNAc within the lumen [11]. GlcNAc is taken up by the bacteria through their PTS
 
                        system and metabolized into GlcNAc-6-P, which binds the repressor protein nagC. When nagC is bound
 
                        to GlcNAc-6-P, it loses its ability to bind DNA and therefore its respective regulation activity.
 
                        In our case, nagC can consequently not serve as a repressor of the nag Operon nagBACDE anymore [12, 13].
 
                        Thus, a repressor protein, the Lambda phage’s Mnt repressor can be expressed, inhibiting the genomic self
 
                        targeting array’s transcription which is controlled by the Mnt promoter (see Fig. 2.3). The genomic DNA
 
                        therefore cannot be degraded in the presence of GlcNAc-6-P.
 
                    </p>
 
                    <p>
 
                        Nonetheless, if the bacterium leaves the body and the human microbiome, its GlcNAc-6-P sources
 
                        will be depleted and the nagC repressor will remain active, repressing the expression of the MntR,
 
                        allowing the transcription of the CRISPR array and the Cas3-targeting of the genome, which will kill the bacterium.
 
                    </p>
 
                </div>
 
            </div>
 
  
            <h2 style="font-family:'Righteous'; color: #2ecc71;">Summary</h2>
+
                    <div class="row">
            <div class="row align-items-center">
+
                        <div class="col-12">
                <div class="col-12 col-md-5">
+
                             <h3 style="font-family:'Righteous'; color: #2ecc71;">Advantages of a kill-switch in our
                    <figure>
+
                                project</h3>
                        <a style="font-size: small"
+
                            <p>
                          href="https://2019.igem.org/wiki/images/4/4b/T--Tuebingen--Pengfei-kill-muster.png"
+
                                The incorporation of the Cas3 system into our probiotic bacterium ensures that, once the
                          data-effect="mfp-zoom-out"
+
                                probiotic
                          title="Fig.3">
+
                                bacterium leaves its designated environment, all genetic information is degraded. By
                             <img src="https://2019.igem.org/wiki/images/4/4b/T--Tuebingen--Pengfei-kill-muster.png"
+
                                using a
                                class="figure-img img-fluid rounded"
+
                                targeting array for the bacterium’s genome and one for the plasmid containing the gene
                                alt="Placeholder"></a>
+
                                of interest,
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 3: Simplified figure of the principle of our kill-switch. Kindly provided by Pengfei Xia (Pengfei Xia et al. 2019)
+
                                the spreading of engineered nucleic acids is prevented, allowing for a safe therapy.
</figcaption>
+
                            </p>
                    </figure>
+
                            <p>
                </div>
+
                                Moreover, this chassis can serve as a foundation for other applications, since it
            <div class="col-12 col-md-7">
+
                                creates a
                    <p>
+
                                biosafe probiotic bacterium that can be modified by exchanging the gene of interest
                        In summary, the incorporation of the Cas3 system into our probiotic therefore ensures that,
+
                                without
                        once the probiotic leaves its designated environment, all genetic information is degraded.
+
                                losing its unique safety standards.
                        By using a targeting array for the bacterium’s genome and one for the plasmid containing the gene
+
                            </p>
                        of interest, the spreading of nucleic acids is prevented, allowing for a safe therapy. Our
+
                        </div>
                        chassis containing the CRISPR/Cas3 system can also serve as a foundation for other applications
+
                     </div>
                        since it creates a biosafe probiotic that can be modified by exchanging the gene of interest
+
                        without losing its unique safety standards.
+
                    </p>
+
                </div>
+
            </div>
+
            <h2 style="font-family:'Righteous'; color: #2ecc71;">Lab Work</h2>
+
            <div class="row">
+
                <div class="col-12">
+
                     <p>
+
                        To begin our work on the CRISPR/Cas3 system we were kindly provided with isolated genomic DNA
+
                        (gDNA) of E. coli by Dr. Pengfei Xia. We designed PCR-Primers in order to amplify the Cas3 and
+
                        Cascade gene from the genomic DNA. We amplified Cas3 (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001","_self");'>BBa_K3096001</a>) and Cascade (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001","_self");'>BBa_K3096007</a>) from
+
                        gDNA of E.Coli MG1655 via PCR (Q5 Polymerase) and checked the fragment size via agarose gel electrophoresis
+
                        (Fig. 4). The amplification of Cascade was repeated (Fig.5).
+
                    </p>
+
                    <div class="row align-items-center">
+
        <div class="col-12 col-md-6">
+
        <figure>
+
                        <a style="font-size: small"
+
                          href="https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--Gel1.png"
+
                          data-effect="mfp-zoom-out"
+
                          title="Fig.4">
+
                            <img src="https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--Gel1.png"
+
                                class="figure-img img-fluid rounded"
+
                                alt="Placeholder"></a>
+
            <figcaption style="font-size: small; color: #F4F0DE;">Fig. 4: 17/10/19 Gelelctrophoresis of Cas 3 and
+
                Cascade PCR. Gel loaded (from left to right): Ladder 1kb, Cas 3 (72°C), Cas 3 (68°C), H2O, Cascade
+
                (72°C), Cascade (68°C), H2O. It shows positive PCR of Cas 3 (68°C), expected at ~2.7 kb.</figcaption>
+
                    </figure>
+
  
        </div>
+
                    <h2 style="font-family:'Righteous'; color: #2ecc71;">Lab Work</h2>
        <div class="col-12 col-md-6 ">
+
                    <div class="row">
        <figure>
+
                        <div class="col-12">
                        <a style="font-size: small"
+
                            <p>
                          href="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
+
                                To begin our work on the CRISPR/Cas3 system we were kindly provided with isolated
                          data-effect="mfp-zoom-out"
+
                                genomic DNA
                          title="Fig.5">
+
                                (gDNA) of <i>E. coli</i> by Dr. Pengfei Xia. We designed PCR-Primers to amplify the cas3 (<a
                            <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
+
                                    href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001"
                                class="figure-img img-fluid rounded"
+
                                    onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001","_self");'>BBa_K3096001</a>)
                                alt="Placeholder"></a>
+
                                and Cascade (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001"
            <figcaption style="font-size: small; color: #F4F0DE;">Figure 5. 07/11/19 Gelelctrophoresis of Cascade PCR.
+
                                    onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001","_self");'>BBa_K3096007</a>)
                Gel loaded (from left to right): Ladder 1kb, Cascade (68°C), Cascade (64°C). It shows positive PCR of
+
                                from the genomic DNA, using Q5 Polymerase.
                Cas 3 (68°C), expected at ~4.4 kb.</figcaption>
+
                                Afterwards, we confirmed the coding sequences via the fragment size using agarose gel
                    </figure>
+
                                electrophoresis (Fig. 3).
        </div>
+
                                The amplification of Cascade was not successful, and therefore repeated (Fig.4), which
                </div>
+
                                yielded positive results.
                    <p>
+
                            </p>
                        Next, both Cas3 and Cascade were ligated into the pBAD promoter of BBa_I13453 so that Cas3 and
+
                            <div class="row align-items-center">
                        Cascade could be regulated by our temperature sensing system.
+
                                <div class="col-12 col-md-6">
                        The CRISPR arrays that would target on the one hand the genomic DNA (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096014" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096014","_self");'>BBa_K3096014</a>)
+
                                    <figure>
                        and on the other hand our GOI-plasmid DNA (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096052" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096052","_self");'>BBa_K3096052</a>) had to be newly designed by us and
+
                                        <a style="font-size: small"
                        were synthesized together with their respective promoter. The genomic targeting array is controlled
+
                                            href="https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--Gel1.png"
                        by Mnt promoter (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096051" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096051","_self");'>BBa_K3096051</a>) and the plasmid targeting array is controlled by the Lsr promoter (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096053" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096053","_self");'>BBa_K3096053</a>).
+
                                            data-effect="mfp-zoom-out" title="Fig.4">
                    </p>
+
                                            <img src="https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--Gel1.png"
                    <p>
+
                                                class="figure-img img-fluid rounded" alt="Placeholder"></a>
                        In order to later evaluate whether our regulator system works we also designed three reporter
+
                                        <figcaption style="font-size: small; color: #F4F0DE;">Figure 4: 17/10/19
                        plasmids, two of which were already in the iGEM registry, where each of the three promoters
+
                                            Gelelectrophoresis of Cas3 and Cascade PCR. Gel loaded
                        (pBAD, Mnt, Lsr) is upstream of a fluorescent protein. The Lsr (BBa_K117008) and pBAD (BBa_K584000)
+
                                            (from left to right): Ladder 1kb, Cas3 (72°C), Cas3 (68°C), H2O, Cascade
                        reporter constructs are already in the iGEM registry, the reporter system for Mnt (RFP expression)
+
                                            (72°C), Cascade (68°C),
                        was designed by us (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096025" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096025","_self");'>BBa_K3096025</a>).
+
                                            H2O. It shows positive PCR of Cas 3 (68°C), expected at ~2.7 kb.
                    </p>
+
                                        </figcaption>
                    <p>
+
                                    </figure>
                        The CRISPR/Cas3 system parts, as well as their reporter plasmids, were all ready to test individually
+
 
                        for functionality, however, the regulator system had to be finished first. The above explained
+
                                </div>
                        regulatory system was fully designed by us with the use of already registered biobricks as well
+
                                <div class="col-12 col-md-6 ">
                        as new parts. Unfortunately, the ligation of the separate parts of our regulator system was not
+
                                    <figure>
                        successful (two parts in each system) which meant we were left with non-functional regulator plasmids:
+
                                        <a style="font-size: small"
                        constitutive Clt expression with Clt promoter (BBa_K608351), AraC gene (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096002" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096002","_self");'>BBa_K3096002</a>),
+
                                            href="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
                        constitutive FadR expression and regulated promoter (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096005" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096005","_self");'>BBa_K3096005</a>), LsrR gene (BBa_K091001),
+
                                            data-effect="mfp-zoom-out" title="Fig.5">
                        constitutive nagC expression (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096020" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096020","_self");'>BBa_K3096020</a>), NagC regulated Mnt repressor (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096008" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096008","_self");'>BBa_K3096008</a>).
+
                                            <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
                        The design for the three final regulator systems, temperature sensitive (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096040" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096040","_self");'>BBa_K3096040</a>), Acyl-CoA
+
                                                class="figure-img img-fluid rounded" alt="Placeholder"></a>
                        sensitive (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096046" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096046","_self");'>BBa_K3096046</a>) and GlcNAc-6-P sensitive (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096048" onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096048","_self");'>BBa_K3096048</a>) was completely worked out by us,
+
                                        <figcaption style="font-size: small; color: #F4F0DE;">Figure 5. 07/11/19
                        however, we did not manage to ligate and create those systems in the laboratory due to several
+
                                            Gelelectrophoresis of Cascade PCR. Gel loaded (from left to right):
                        difficulties in restriction digestion and ligation.
+
                                            Ladder 1kb, Cascade (68°C), Cascade (64°C). It shows positive PCR of Cascade
                    </p>
+
                                            (68°C), expected at ~4.4 kb.</figcaption>
                    <h3 style="color: #2ecc71;font-family: Righteous">Next Steps</h3>
+
                                    </figure>
                    <p>
+
                                </div>
                        As we failed to generate our regulator systems we were not able to test and evaluate our CRISPR/Cas3
+
 
                        system parts experimentally. The next upcoming steps in the project would first be to complete
+
                                <div class="row align-items-center">
                        the cloning of the three regulator systems. Once this is completed, the functionality of the three
+
                                    <div class="col-12 col-md-5">
                        system can be tested by individually testing them with the reporter plasmids (fluorescence read-out)
+
                                        <figure>
                        which also confer a different antibiotic resistance. Finally, all three regulator systems will be
+
                                            <a style="font-size: small"
                        united on one plasmid as well as the Cas3, Cascade and CRISPR array sequences on a second plasmid.
+
                                                href="https://2019.igem.org/wiki/images/c/cc/T--Tuebingen--Gel9.png"
                        The system as a whole functioning unit will be evaluated by analyzing whether it is able to kill our
+
                                                data-effect="mfp-zoom-out" title="Fig.6">
                        bacteria and, if successful, it will be integrated into the genomic DNA of E. coli Nissle and evaluated again.
+
                                                <img src="https://2019.igem.org/wiki/images/c/cc/T--Tuebingen--Gel9.png"
                    </p>
+
                                                    class="figure-img img-fluid rounded" alt="Placeholder"></a>
            </div>
+
                                            <figcaption style="font-size: small; color: #F4F0DE;">Figure 6: 08/15/19
        </div>
+
                                                Digestions after Miniprep. Gel loaded (from left to right):
        </div>
+
                                                Ladder 1kb, psB1C3_K6 1, empty, psB1C3_K6 2, psB1C3_K3 1-2, K10_Cas3
            <div id="glpreferences" class="row">
+
                                                1-2, K10_Cascade 1-2, BBa_R0073(Mnt)_RFP 1-4.
                <h3 style="font-family:'Righteous'; color: #2ecc71;">References</h3>
+
                                                K6 expected at ~2 kb and 1.5 kb, K3 expected at ~2 kb and 1 kb, Cas3
                <div class="col-12" style="font-size: small">
+
                                                expected at ~2.4 kb, ~2 kb and ~0.3 kb, Cascade expected
                    <ol>
+
                                                at ~5.1 kb, ~1,2 kb and ~0.3 kb, RFP expected at ~2 kb and ~1 kb.
                        <li style="color: #F4F0DE;">“CRISPR-based adaptive immune systems.”, Terns MP,Terns RM, Curr Opin Microbiol 14(3):321–327</li>
+
                                            </figcaption>
                        <li id="ref_2" style="color: #F4F0DE;">CRISPR-Cas Systems: Prokaryotes Upgrade to Adaptive Immunity”, Rodolphe Barrangou Luciano A.Marraffini</li>
+
                                        </figure>
                        <li id="ref_3" style="color: #F4F0DE;">“Molecular insights into DNA interference by CRISPR-associated nuclease-helicase Cas3”, Bei Gong, Minsang Shin, Jiali Sun, Che-Hun Jung, Edward L. Bolt, John van der Oost, and Jeong-Sun Kim</li>
+
                                    </div>
                        <li id="ref_4" style="color: #F4F0DE;">Repetitive DNA reeling by the Cascade-Cas3 complex in nucleotide unwinding steps", Luuk Loeff, Stan J. J. Brouns, Chirlmin Joo, Molecular Cell</li>
+
                                    <div class="col-12 col-md-7">
                        <li id="ref_5" style="color: #F4F0DE;">Jackson, Ryan & Lavin, Matthew & Carter, Joshua & Wiedenheft, Blake. (2014). Fitting CRISPR-associated Cas3 into the helicase family tree. Current opinion in structural biology. 24C. 106-114. 10.1016/j.sbi.2014.01.001.</li>
+
                                        <p>
                        <li id="ref_6" style="color: #F4F0DE;">Sicard JF, Le Bihan G, Vogeleer P, Jacques M, Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5. doi:10.3389/fcimb.2017.00387</li>
+
                                            Next, both cas3 and cascade were successfully ligated with the pBAD promoter
                        <li id="ref_7" style="color: #F4F0DE;"><a href="http://2012.igem.org/Team:NTU-Taida/Project/Circuit">http://2012.igem.org/Team:NTU-Taida/Project/Circuit</a></li>
+
                                            of BBa_I13453 to
                        <li id="ref_8" style="color: #F4F0DE;"><a href="https://www.uniprot.org/uniprot/P0A8V6">https://www.uniprot.org/uniprot/P0A8V6</a>accessed: 19 Jun 2019</li>
+
                                            regulate their expression via our temperature sensing system. Identity was
                        <li id="ref_9" style="color: #F4F0DE;">Feng Y, Cronan JE. Crosstalk of Escherichia coli FadR with global regulators in expression of fatty acid transport genes. PLoS One. (2012);7(9):e46275. doi:10.1371/journal.pone.0046275</li>
+
                                            confirmed
                        <li id="ref_10" style="color: #F4F0DE;">Federle MJ. Autoinducer-2-based chemical communication in bacteria: complexities of interspecies signaling. Contrib Microbiol. (2009);16:18–32. doi:10.1159/000219371</li>
+
                                            via a digestion (Fig. 4, “K10_Cas3 1-2”, “K10_Cascade 1-2”).
                        <li id="ref_11" style="color: #F4F0DE;">Sicard JF, Le Bihan G, Vogeleer P, Jacques M, Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5. doi:10.3389/fcimb.2017.00387</li>
+
                                        </p>
                        <li id="ref_12" style="color: #F4F0DE;">Barnhart MM, Lynem J, Chapman MR. GlcNAc-6P levels modulate the expression of Curli fibers by Escherichia coli. J Bacteriol. (2006);188(14):5212–5219. doi:10.1128/JB.00234-06</li>
+
                                    </div>
                        <li id="ref_13" style="color: #F4F0DE;">Konopka JB. N-acetylglucosamine (GlcNAc) functions in cell signaling. Scientifica (Cairo). (2012);2012:489208. doi:10.6064/2012/489208</li>
+
                                    <p>
                    </ol>
+
                                        The CRISPR arrays that would target on the one hand the genomic DNA (<a
                </div>
+
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096014"
            </div>
+
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096014","_self");'>BBa_K3096014</a>)
            </main>
+
                                        and on the other hand our GOI-plasmid DNA (<a
        </div>
+
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096052"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096052","_self");'>BBa_K3096052</a>)
 +
                                        had to be newly designed by us and
 +
                                        were synthesized together with their respective promoter. The genomic targeting
 +
                                        array is controlled
 +
                                        by Mnt promoter (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096051"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096051","_self");'>BBa_K3096051</a>)
 +
                                        and the plasmid targeting array is controlled by the Lsr promoter (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096053"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096053","_self");'>BBa_K3096053</a>).
 +
                                    </p>
 +
                                    <p>
 +
                                        To have a read out for the functionality of our regulator system, we used three
 +
                                        reporter plasmids.
 +
                                        Two of which were already in the iGEM registry: pLsrR-YFP (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K117008"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K117008","_self");'>BBa_K117008</a>)
 +
                                        and pBAD-GFP
 +
                                        (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K584000"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K584000","_self");'>BBa_K584000</a>).
 +
                                        The last reporter, pMnt-mRFP (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096025"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096025","_self");'>BBa_K3096025</a>)
 +
                                        was designed and finalized by us
 +
                                        (confirmed in Fig. 4 “<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_R0073"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_R0073","_self");'>BBa_R0073</a>(Mnt)_RFP”).
 +
                                        Upon cotransformation with the respective regulatory
 +
                                        systems, the fluorescence signal would correspond to CRISPR array/Cas3 and
 +
                                        Cascade activity.
 +
                                    </p>
 +
                                    <p>
 +
                                        As far as our laboratory progress is concerned, the CRISPR/Cas3 system parts, as
 +
                                        well as their
 +
                                        reporter plasmids, were all ready to be tested individually for functionality.
 +
                                        However, the
 +
                                        regulator system, designed by us using already existing and new biobricks, was
 +
                                        not finished yet.
 +
                                        Unfortunately, the ligation of at least two parts within each regulatory system
 +
                                        was not successful.
 +
                                        Consequently, our regulatory plasmids are not functional yet: the constitutive
 +
                                        Clts expression with
 +
                                        Clts promoter (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K608351"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K608351","_self");'>BBa_K608351</a>)
 +
                                        must still be ligated with the araC gene (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096002"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096002","_self");'>BBa_K3096002</a>),
 +
                                        the constitutive
 +
                                        FadR expression and regulated promoter (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096005"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096005","_self");'>BBa_K3096005</a>)
 +
                                        must be ligated with the lsrR gene (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K091001"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K091001","_self");'>BBa_K091001</a>)
 +
                                        and the constitutive NagC expression (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096020"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096020","_self");'>BBa_K3096020</a>)
 +
                                        must be ligated with the NagC-regulated Mnt repressor
 +
                                        gene (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096008"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096008","_self");'>BBa_K3096008</a>).
 +
                                    </p>
 +
                                    <p>
 +
                                        To conclude, while the design for the three final regulator systems, temperature
 +
                                        sensitive
 +
                                        (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096040"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096040","_self");'>BBa_K3096040</a>),
 +
                                        Acyl-CoA sensitive (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096046"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096046","_self");'>BBa_K3096046</a>)
 +
                                        and GlcNAc-6-P sensitive (<a
 +
                                            href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096048"
 +
                                            onclick='window.open("http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096048","_self");'>BBa_K3096048</a>)
 +
                                        was completely worked out by us, we did not manage to ligate and create those
 +
                                        systems in
 +
                                        the laboratory due to several difficulties in restriction digestion and
 +
                                        ligation.
 +
                                    </p>
 +
                                </div>
 +
                                <h2 style="color: #2ecc71;font-family: Righteous">Next Steps</h2>
 +
                                <div class="col-12">
 +
                                   
 +
                                    <p>
 +
                                        As we need more time to generate our regulator systems, we were not able to test
 +
                                        and evaluate our
 +
                                        CRISPR/Cas3 system parts experimentally. The next upcoming step in the project
 +
                                        consequently is
 +
                                        the complete cloning of the three regulator systems.
 +
                                    </p>
 +
                                    <p>
 +
                                        Once this is completed, the functionality of the three systems can be tested by
 +
                                        individually
 +
                                        cotransforming (different antibiotic resistances) and testing them with the
 +
                                        reporter plasmids (fluorescence read-out).
 +
                                        If their activity is confirmed, all three regulator systems will be cloned into
 +
                                        one plasmid, while
 +
                                        the Cas3, Cascade, and CRISPR array sequences will be cloned into a second
 +
                                        plasmid.
 +
                                    </p>
 +
                                    <p>
 +
                                        The system as a whole functioning unit will be cotransformed and
 +
                                        proof-of-concept will
 +
                                        be approached by analyzing whether the transformed bacteria will kill themselves
 +
                                        in
 +
                                        prohibitive environments. If the functionality of the kill-switch is confirmed,
 +
                                        the
 +
                                        next step will be its integration into the genomic DNA of <i>E. coli</i> Nissle 1917,
 +
                                        while
 +
                                        making sure no antibiotic resistance gene is accidentally integrated, too.
 +
                                    </p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div id="glpreferences" class="row">
 +
                            <h3 style="font-family:'Righteous'; color: #2ecc71;">References</h3>
 +
                            <div class="col-12" style="font-size: small">
 +
                                <ol>
 +
                                    <li style="color: #F4F0DE;">“CRISPR-based adaptive immune systems.”, Terns MP,Terns
 +
                                        RM, Curr Opin Microbiol 14(3):321–327</li>
 +
                                    <li id="ref_2" style="color: #F4F0DE;">CRISPR-Cas Systems: Prokaryotes Upgrade to
 +
                                        Adaptive Immunity”, Rodolphe Barrangou Luciano A.Marraffini</li>
 +
                                    <li id="ref_3" style="color: #F4F0DE;">“Molecular insights into DNA interference by
 +
                                        CRISPR-associated nuclease-helicase Cas3”, Bei Gong, Minsang Shin, Jiali Sun,
 +
                                        Che-Hun Jung, Edward L. Bolt, John van der Oost, and Jeong-Sun Kim</li>
 +
                                    <li id="ref_4" style="color: #F4F0DE;">Repetitive DNA reeling by the Cascade-Cas3
 +
                                        complex in nucleotide unwinding steps", Luuk Loeff, Stan J. J. Brouns, Chirlmin
 +
                                        Joo, Molecular Cell</li>
 +
                                    <li id="ref_5" style="color: #F4F0DE;">Jackson, Ryan & Lavin, Matthew & Carter,
 +
                                        Joshua & Wiedenheft, Blake. (2014). Fitting CRISPR-associated Cas3 into the
 +
                                        helicase family tree. Current opinion in structural biology. 24C. 106-114.
 +
                                        10.1016/j.sbi.2014.01.001.</li>
 +
                                    <li id="ref_6" style="color: #F4F0DE;">Sicard JF, Le Bihan G, Vogeleer P, Jacques M,
 +
                                        Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal
 +
                                        Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5.
 +
                                        doi:10.3389/fcimb.2017.00387</li>
 +
                                    <li id="ref_7" style="color: #F4F0DE;"><a
 +
                                            href="http://2012.igem.org/Team:NTU-Taida/Project/Circuit">http://2012.igem.org/Team:NTU-Taida/Project/Circuit</a>
 +
                                    </li>
 +
                                    <li id="ref_8" style="color: #F4F0DE;"><a
 +
                                            href="https://www.uniprot.org/uniprot/P0A8V6">https://www.uniprot.org/uniprot/P0A8V6</a>accessed:
 +
                                        19 Jun 2019</li>
 +
                                    <li id="ref_9" style="color: #F4F0DE;">Feng Y, Cronan JE. Crosstalk of Escherichia
 +
                                        coli FadR with global regulators in expression of fatty acid transport genes.
 +
                                        PLoS One. (2012);7(9):e46275. doi:10.1371/journal.pone.0046275</li>
 +
                                    <li id="ref_10" style="color: #F4F0DE;">Federle MJ. Autoinducer-2-based chemical
 +
                                        communication in bacteria: complexities of interspecies signaling. Contrib
 +
                                        Microbiol. (2009);16:18–32. doi:10.1159/000219371</li>
 +
                                    <li id="ref_11" style="color: #F4F0DE;">Sicard JF, Le Bihan G, Vogeleer P, Jacques
 +
                                        M, Harel J. Interactions of Intestinal Bacteria with Components of the
 +
                                        Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep
 +
                                        5. doi:10.3389/fcimb.2017.00387</li>
 +
                                    <li id="ref_12" style="color: #F4F0DE;">Barnhart MM, Lynem J, Chapman MR. GlcNAc-6P
 +
                                        levels modulate the expression of Curli fibers by Escherichia coli. J Bacteriol.
 +
                                        (2006);188(14):5212–5219. doi:10.1128/JB.00234-06</li>
 +
                                    <li id="ref_13" style="color: #F4F0DE;">Konopka JB. N-acetylglucosamine (GlcNAc)
 +
                                        functions in cell signaling. Scientifica (Cairo). (2012);2012:489208.
 +
                                        doi:10.6064/2012/489208</li>
 +
                                    <li id="ref_13" style="color: #F4F0DE;">Peng-Fei Xia, Hua Ling, Jee Loon Foo,
 +
                                        Matthew Wook Chang, (2019), Synthetic genetic circuits for programmable
 +
                                        biological functionalities</li>
 +
                                </ol>
 +
                            </div>
 +
                        </div>
 +
        </main>
 +
    </div>
 
</div>
 
</div>
  
Line 11,010: Line 12,169:
 
<script src="https://2019.igem.org/Team:Tuebingen/smoothScrollJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/smoothScrollJS?action=raw&ctype=text/javascript"></script>
 
<script>
 
<script>
var scroll = new SmoothScroll('a[href*="#"]');
+
    var scroll = new SmoothScroll('a[href*="#"]');
 
</script>
 
</script>
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
  
<div class='container-fluid p-3' style="background-color: rgba(35, 35, 35, 0.4);">
+
<div class='container-fluid p-3' style="background-color: #919191;">
    <hr>
+
        <hr>
    <div class='row align-items-center'>
+
        <div class='row align-items-center'>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
            <div class='col-6 col-md-2 sponsorLogo text-center'>
            <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
+
                <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"
+
                                                                                src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
                                                                            style="max-height: 80px;"></a>
+
                                                                                style="max-height: 80px;"></a>
        </div>
+
            </div>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
         
             <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
+
            <div class='col-6 col-md-2 sponsorLogo text-center'>
                                                                src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
+
                <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
                                                                style="max-height: 80px;"></a>
+
                                                                              src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
        </div>
+
                                                                              style="max-height: 80px;"></a>
 +
             </div>
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
 +
                                                                                                    src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
 +
                                                                                                    style="max-height: 80px;"></a>
 +
            </div>
 +
   
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                    <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
 +
                                                                        style="max-height: 80px;"></a>
 +
                </div>
 +
   
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 +
                                                                                    src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 +
                                                                                    style="max-height: 80px;"></a>
 +
            </div>
 +
           
 
                 <div class='col-6 col-md-2 sponsorLogo text-center'>
 
                 <div class='col-6 col-md-2 sponsorLogo text-center'>
            <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct"
+
                    <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct"
              target="_blank2"><img class="img-fluid"
+
                      target="_blank2"><img class="img-fluid"
                                    src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png"
+
                                            src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png"
                                    style="max-height: 80px;"></a>
+
                                            style="max-height: 80px;"></a>
 +
                </div>
 +
   
 
         </div>
 
         </div>
         <div class='col-6 col-md-2 sponsorLogo text-center'>
+
   
            <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
+
        <hr>
                                                                          src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
+
         <div class='row align-items-center'>
                                                                          style="max-height: 80px;"></a>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
 +
                                                                                            src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
 +
                                                                                            style="max-height: 80px;"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 +
                                                                src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 +
                                                                                      src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 +
            </div>
 
         </div>
 
         </div>
         <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"
+
         <div class='row align-items-center'>
                                                                                                src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                                                                                                style="max-height: 80px;"></a>
+
                <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
 +
             </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.eurofins.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/c/cd/T--Tuebingen--eurofins_logo.svg"></a>
 +
            </div>
 +
   
 
         </div>
 
         </div>
 
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 
            <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 
                                                                                src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 
                                                                                style="max-height: 80px;"></a>
 
        </div>
 
 
 
     </div>
 
     </div>
 
    <hr>
 
    <div class='row align-items-center'>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
 
                                                                    src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
 
        </div>
 
                <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
 
                                                                                        src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
 
                                                                                        style="max-height: 80px;"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
 
                                                                    src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
 
                                                                          src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 
                                                            src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 
                                                                  src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 
                                                                src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 
                                                                    src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 
                                                                                  src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 
                                                                src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 
        </div>
 
    </div>
 
 
    <div class='row align-items-center'>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
 
                                                                          src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
 
                                                                        src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
 
                                                                          src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
 
                                                                        src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 
        </div>
 
 
    </div>
 
</div>
 
  
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 
<div class="visualClear"></div>
 
<div class="visualClear"></div>
 +
 
</html>
 
</html>

Latest revision as of 20:47, 21 October 2019

GLP.exe - Kill Switch

Kill Switch

The CRISPR/Cas3 System

Similar to the type II CRISPR/Cas9 system, the type I CRISPR/Cas3 system is part of the microbial adaptive immune system. However, unlike the Cas9 based system, the Cas3 based system does not only cleave double stranded DNA, but also degrades longer strands of DNA [1].

Generally, CRISPR/Cas-based defence relies on the recognition of known pathogenic DNA sequences (e.g., bacteriophages) via the crRNA (crisprRNA). After the primary invasion of a bacteriophage, parts of the foreign DNA are cleaved [2,3,4,5]. These parts are subsequently integrated as short spacers between repeating palindromic sequences within the CRISPR locus of the bacterial genome, resulting in the formation of CRISPR arrays transcribing for crRNA [2,3,4,5]. Upon reinfection with the same bacteriophage, the transcribed crRNA guides the surveillance complex Cascade (CasABCDE) to its complementary sequences located within the viral DNA [2,3,4,5].

As a consequence, the targeted bacteriophage DNA is unwound, generating the so-called R-loop. The Cas3 helicase-nuclease protein attaches to this R-loop and unidirectionally degrades the invader DNA in a 3′–5′ direction, beginning at the site of a protospacer adjacent motif (PAM) by inducing a sequence of cleavage by a reeling motion [2,3,4,5]. The degradation is facilitated by the large Cas3/Cascade complex, which pulls the substrate DNA towards itself, introducing single strand breaks [2,3,4,5]. The resulting degradation products are approximately the length of a spacer sequence, whereas the cuts are enriched in PAM-like NTT motives at the 3´-end. Therefore, most of the degradation products are suitable for the integration into the CRISPR locus [2,3,4,5].

Placeholder
Figure 1: General overview over the CRISPR/Cas system. Foreign DNA is taken up and a short spacer sequence cut out and integrated into the CRISPR array in the genome. This array is transcribed together with cas genes. The array is cleaved into several specific gRNAs that form a complex with the cas proteins. These complexes bind to their target sequence and the cas protein cleaves the foreign DNA.

Our Application

Based upon a design kindly provided to us by Dr. Pengfei Xia, we built a chassis that relies on a genetic circuit. The circuit uses the CRISPR/Cas3 complex as a kill-switch by regulating its expression under various environmental conditions. The regulation of our kill-switch is based on three NOT gate modules [14] (see Fig. 2), consisting of doubly negated sets of biosensors chosen due to their ability to recognize the human intestines as a permitted environment. A NOT gate module is a circuit structure, which initiates the death of the bacteria if a certain survival signal is not present.

Placeholder
Figure 2: Simplified figure of the principle NOT gate modules making up the kill-switch. Modified from Pengfei Xia [14]. The NOT gate modules determine that if a survival signal is not present, the bacteria is killed.

NOT gate module Survival Signals

In our design, common conditions of human intestines were chosen as NOT gate module survival signals (see Fig. 2). Module (1) is determined by a permitted temperature of 37°C, while module (2) requires fatty acid availability in form of Acyl CoA as survival signal. Module (3) is designed to sense N-Acetyl-Glucosamine-6-phosphate (GlcNAc6P) , which is released through the metabolization of mucus by commensal microorganisms [6].

Consequently, if the chassis that carries the kill-switch is in an environment with conditions corresponding to those in the intestine, the Cas3 protein and Cascade cannot be expressed and the CRISPR arrays (crRNA) for the self-targeting of the plasmid and genome are not transcribed (see Fig. 3).

However, if the environmental conditions change, for instance when the bacterium is excreted, the NOT gate modules of the Cas3 system will facilitate the killing of the bacterium. This will in the end result in the degradation of the genomic and plasmid DNA.

Placeholder
Figure 3: Schematic depiction of the NOT gate modules of the regulator system, which controls the expression of the Cas3 system. (1) The temperature sensing system regulates the expression of cas3 and casABCDE (Cascade). (2) The Acyl-CoA sensing system regulates the expression of the plasmid’s self-targeting array (crRNA). (3) The N-Acetyl-Glucosamine-6 Phosphate sensing system regulates the expression of the genomic crRNA.

(1) Temperature sensing with a permissible temperature of 37°C

constitutively active promoter expresses Clts, a temperature sensitive cI repressor found in the lambda phage. At temperatures significantly below 37°C, Clts is an active repressor of the cI lambda promoter (PClts). This promoter controls the expression of gene encoding for a repressor protein, AraC. Therefore, if the temperature in the bacterium’s environment is below 37°C, Clts is stable and represses the expression of the araC-gene. Therefore, the pBAD promoter, repressed by AraC, is active. As a result, Cas3 and CasABCDE are expressed, allowing for the kill-switch induction (see Fig. 3.1).

Accordingly, if the bacterium is within the body and the temperature is at 37°C, Clts is unstable and cannot repress the expression of the araC-gene. AraC consequently inhibits the pBAD promoter and the CRISPR enzymes for the kill-switch are not available. The Clts and the following FadR sensing system was used by the NTU Taida’s iGEM Project in 2012 [7].

(2) Fatty acid availability inhibiting the plasmid self targeting array

The intake of a fatty meal increases the fatty acid availability within the body, and therefore their metabolite Acyl-CoA’s concentration increases. Long chain Acyl-CoA binds constitutively produced FadR and inhibits its activity [8,9]. FadR represses the promoter PFad, which regulates the expression of the LsrR repressor gene. The LsrR repressor subsequently inhibits the PLsrR promoter [10], regulating the transcription of the plasmid self targeting array.

If the bacterium leaves the body, fatty acids (Acyl-CoA) will not be available. This allows for the activity of FadR, which inhibits PFad. Thus, there will be no LsrR, the self targeting array will be active and used by the Cas3 complex to target the plasmid for degradation (see Fig. 3.2).

(3) N-Acetyl-Glucosamine-6 Phosphate of metabolized mucin inhibits the genomic self-targeting array

Commensal bacteria in the gut metabolize the mucus within the intestines, which increases the level of GlcNAc within the lumen [11]. GlcNAc is taken up by the bacteria through their PTS system and metabolized into GlcNAc-6-P, which binds the repressor protein NagC. When NagC is bound to GlcNAc-6-P, it loses its ability to bind DNA, and therefore its respective regulation activity. In our case, NagC can consequently not serve as a repressor of the nag Operon nagBACDE anymore [12, 13]. Thus, a repressor protein encoded downstream of the promoter, the Lambda phage’s Mnt repressor, can be expressed. Mnt inhibits the genomic self targeting arrays’ transcription by binding the Mnt promoter upstream of the arrays (see Fig. 3.3). The genomic DNA, therefore, cannot be degraded in the presence of GlcNAc-6-P.

Nonetheless, if the bacterium leaves the body and the human microbiome, its GlcNAc-6-P sources will be depleted and the NagC repressor will remain active. As a result, the expression of the MntR is repressed, allowing the transcription of the CRISPR array targeting the genome for degradation.

Advantages of a kill-switch in our project

The incorporation of the Cas3 system into our probiotic bacterium ensures that, once the probiotic bacterium leaves its designated environment, all genetic information is degraded. By using a targeting array for the bacterium’s genome and one for the plasmid containing the gene of interest, the spreading of engineered nucleic acids is prevented, allowing for a safe therapy.

Moreover, this chassis can serve as a foundation for other applications, since it creates a biosafe probiotic bacterium that can be modified by exchanging the gene of interest without losing its unique safety standards.

Lab Work

To begin our work on the CRISPR/Cas3 system we were kindly provided with isolated genomic DNA (gDNA) of E. coli by Dr. Pengfei Xia. We designed PCR-Primers to amplify the cas3 (BBa_K3096001) and Cascade (BBa_K3096007) from the genomic DNA, using Q5 Polymerase. Afterwards, we confirmed the coding sequences via the fragment size using agarose gel electrophoresis (Fig. 3). The amplification of Cascade was not successful, and therefore repeated (Fig.4), which yielded positive results.

Placeholder
Figure 4: 17/10/19 Gelelectrophoresis of Cas3 and Cascade PCR. Gel loaded (from left to right): Ladder 1kb, Cas3 (72°C), Cas3 (68°C), H2O, Cascade (72°C), Cascade (68°C), H2O. It shows positive PCR of Cas 3 (68°C), expected at ~2.7 kb.
Placeholder
Figure 5. 07/11/19 Gelelectrophoresis of Cascade PCR. Gel loaded (from left to right): Ladder 1kb, Cascade (68°C), Cascade (64°C). It shows positive PCR of Cascade (68°C), expected at ~4.4 kb.
Placeholder
Figure 6: 08/15/19 Digestions after Miniprep. Gel loaded (from left to right): Ladder 1kb, psB1C3_K6 1, empty, psB1C3_K6 2, psB1C3_K3 1-2, K10_Cas3 1-2, K10_Cascade 1-2, BBa_R0073(Mnt)_RFP 1-4. K6 expected at ~2 kb and 1.5 kb, K3 expected at ~2 kb and 1 kb, Cas3 expected at ~2.4 kb, ~2 kb and ~0.3 kb, Cascade expected at ~5.1 kb, ~1,2 kb and ~0.3 kb, RFP expected at ~2 kb and ~1 kb.

Next, both cas3 and cascade were successfully ligated with the pBAD promoter of BBa_I13453 to regulate their expression via our temperature sensing system. Identity was confirmed via a digestion (Fig. 4, “K10_Cas3 1-2”, “K10_Cascade 1-2”).

The CRISPR arrays that would target on the one hand the genomic DNA (BBa_K3096014) and on the other hand our GOI-plasmid DNA (BBa_K3096052) had to be newly designed by us and were synthesized together with their respective promoter. The genomic targeting array is controlled by Mnt promoter (BBa_K3096051) and the plasmid targeting array is controlled by the Lsr promoter (BBa_K3096053).

To have a read out for the functionality of our regulator system, we used three reporter plasmids. Two of which were already in the iGEM registry: pLsrR-YFP (BBa_K117008) and pBAD-GFP (BBa_K584000). The last reporter, pMnt-mRFP (BBa_K3096025) was designed and finalized by us (confirmed in Fig. 4 “BBa_R0073(Mnt)_RFP”). Upon cotransformation with the respective regulatory systems, the fluorescence signal would correspond to CRISPR array/Cas3 and Cascade activity.

As far as our laboratory progress is concerned, the CRISPR/Cas3 system parts, as well as their reporter plasmids, were all ready to be tested individually for functionality. However, the regulator system, designed by us using already existing and new biobricks, was not finished yet. Unfortunately, the ligation of at least two parts within each regulatory system was not successful. Consequently, our regulatory plasmids are not functional yet: the constitutive Clts expression with Clts promoter (BBa_K608351) must still be ligated with the araC gene (BBa_K3096002), the constitutive FadR expression and regulated promoter (BBa_K3096005) must be ligated with the lsrR gene (BBa_K091001) and the constitutive NagC expression (BBa_K3096020) must be ligated with the NagC-regulated Mnt repressor gene (BBa_K3096008).

To conclude, while the design for the three final regulator systems, temperature sensitive (BBa_K3096040), Acyl-CoA sensitive (BBa_K3096046) and GlcNAc-6-P sensitive (BBa_K3096048) was completely worked out by us, we did not manage to ligate and create those systems in the laboratory due to several difficulties in restriction digestion and ligation.

Next Steps

As we need more time to generate our regulator systems, we were not able to test and evaluate our CRISPR/Cas3 system parts experimentally. The next upcoming step in the project consequently is the complete cloning of the three regulator systems.

Once this is completed, the functionality of the three systems can be tested by individually cotransforming (different antibiotic resistances) and testing them with the reporter plasmids (fluorescence read-out). If their activity is confirmed, all three regulator systems will be cloned into one plasmid, while the Cas3, Cascade, and CRISPR array sequences will be cloned into a second plasmid.

The system as a whole functioning unit will be cotransformed and proof-of-concept will be approached by analyzing whether the transformed bacteria will kill themselves in prohibitive environments. If the functionality of the kill-switch is confirmed, the next step will be its integration into the genomic DNA of E. coli Nissle 1917, while making sure no antibiotic resistance gene is accidentally integrated, too.

References

  1. “CRISPR-based adaptive immune systems.”, Terns MP,Terns RM, Curr Opin Microbiol 14(3):321–327
  2. CRISPR-Cas Systems: Prokaryotes Upgrade to Adaptive Immunity”, Rodolphe Barrangou Luciano A.Marraffini
  3. “Molecular insights into DNA interference by CRISPR-associated nuclease-helicase Cas3”, Bei Gong, Minsang Shin, Jiali Sun, Che-Hun Jung, Edward L. Bolt, John van der Oost, and Jeong-Sun Kim
  4. Repetitive DNA reeling by the Cascade-Cas3 complex in nucleotide unwinding steps", Luuk Loeff, Stan J. J. Brouns, Chirlmin Joo, Molecular Cell
  5. Jackson, Ryan & Lavin, Matthew & Carter, Joshua & Wiedenheft, Blake. (2014). Fitting CRISPR-associated Cas3 into the helicase family tree. Current opinion in structural biology. 24C. 106-114. 10.1016/j.sbi.2014.01.001.
  6. Sicard JF, Le Bihan G, Vogeleer P, Jacques M, Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5. doi:10.3389/fcimb.2017.00387
  7. http://2012.igem.org/Team:NTU-Taida/Project/Circuit
  8. https://www.uniprot.org/uniprot/P0A8V6accessed: 19 Jun 2019
  9. Feng Y, Cronan JE. Crosstalk of Escherichia coli FadR with global regulators in expression of fatty acid transport genes. PLoS One. (2012);7(9):e46275. doi:10.1371/journal.pone.0046275
  10. Federle MJ. Autoinducer-2-based chemical communication in bacteria: complexities of interspecies signaling. Contrib Microbiol. (2009);16:18–32. doi:10.1159/000219371
  11. Sicard JF, Le Bihan G, Vogeleer P, Jacques M, Harel J. Interactions of Intestinal Bacteria with Components of the Intestinal Mucus. Front Cell Infect Microbiol. (2017);7:387. Published 2017 Sep 5. doi:10.3389/fcimb.2017.00387
  12. Barnhart MM, Lynem J, Chapman MR. GlcNAc-6P levels modulate the expression of Curli fibers by Escherichia coli. J Bacteriol. (2006);188(14):5212–5219. doi:10.1128/JB.00234-06
  13. Konopka JB. N-acetylglucosamine (GlcNAc) functions in cell signaling. Scientifica (Cairo). (2012);2012:489208. doi:10.6064/2012/489208
  14. Peng-Fei Xia, Hua Ling, Jee Loon Foo, Matthew Wook Chang, (2019), Synthetic genetic circuits for programmable biological functionalities