Loading menubar.....

Difference between revisions of "Team:Tuebingen/Killswitch"

 
(One intermediate revision 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
 
     }
 
     }
Line 6,037: Line 6,646:
 
     }
 
     }
  
     a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
+
     a.bg-dark:focus,
 +
    a.bg-dark:hover,
 +
    button.bg-dark:focus,
 +
    button.bg-dark:hover {
 
         background-color: #1d2124 !important
 
         background-color: #1d2124 !important
 
     }
 
     }
Line 6,414: Line 7,026:
 
     }
 
     }
  
     .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
+
     .embed-responsive .embed-responsive-item,
 +
    .embed-responsive embed,
 +
    .embed-responsive iframe,
 +
    .embed-responsive object,
 +
    .embed-responsive video {
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 7,423: Line 8,039:
 
     }
 
     }
  
     .sr-only-focusable:active, .sr-only-focusable:focus {
+
     .sr-only-focusable:active,
 +
    .sr-only-focusable:focus {
 
         position: static;
 
         position: static;
 
         width: auto;
 
         width: auto;
Line 7,500: Line 8,117:
 
     }
 
     }
  
     .mt-0, .my-0 {
+
     .mt-0,
 +
    .my-0 {
 
         margin-top: 0 !important
 
         margin-top: 0 !important
 
     }
 
     }
  
     .mr-0, .mx-0 {
+
     .mr-0,
 +
    .mx-0 {
 
         margin-right: 0 !important
 
         margin-right: 0 !important
 
     }
 
     }
  
     .mb-0, .my-0 {
+
     .mb-0,
 +
    .my-0 {
 
         margin-bottom: 0 !important
 
         margin-bottom: 0 !important
 
     }
 
     }
  
     .ml-0, .mx-0 {
+
     .ml-0,
 +
    .mx-0 {
 
         margin-left: 0 !important
 
         margin-left: 0 !important
 
     }
 
     }
Line 7,520: Line 8,141:
 
     }
 
     }
  
     .mt-1, .my-1 {
+
     .mt-1,
 +
    .my-1 {
 
         margin-top: .25rem !important
 
         margin-top: .25rem !important
 
     }
 
     }
  
     .mr-1, .mx-1 {
+
     .mr-1,
 +
    .mx-1 {
 
         margin-right: .25rem !important
 
         margin-right: .25rem !important
 
     }
 
     }
  
     .mb-1, .my-1 {
+
     .mb-1,
 +
    .my-1 {
 
         margin-bottom: .25rem !important
 
         margin-bottom: .25rem !important
 
     }
 
     }
  
     .ml-1, .mx-1 {
+
     .ml-1,
 +
    .mx-1 {
 
         margin-left: .25rem !important
 
         margin-left: .25rem !important
 
     }
 
     }
Line 7,540: Line 8,165:
 
     }
 
     }
  
     .mt-2, .my-2 {
+
     .mt-2,
 +
    .my-2 {
 
         margin-top: .5rem !important
 
         margin-top: .5rem !important
 
     }
 
     }
  
     .mr-2, .mx-2 {
+
     .mr-2,
 +
    .mx-2 {
 
         margin-right: .5rem !important
 
         margin-right: .5rem !important
 
     }
 
     }
  
     .mb-2, .my-2 {
+
     .mb-2,
 +
    .my-2 {
 
         margin-bottom: .5rem !important
 
         margin-bottom: .5rem !important
 
     }
 
     }
  
     .ml-2, .mx-2 {
+
     .ml-2,
 +
    .mx-2 {
 
         margin-left: .5rem !important
 
         margin-left: .5rem !important
 
     }
 
     }
Line 7,560: Line 8,189:
 
     }
 
     }
  
     .mt-3, .my-3 {
+
     .mt-3,
 +
    .my-3 {
 
         margin-top: 1rem !important
 
         margin-top: 1rem !important
 
     }
 
     }
  
     .mr-3, .mx-3 {
+
     .mr-3,
 +
    .mx-3 {
 
         margin-right: 1rem !important
 
         margin-right: 1rem !important
 
     }
 
     }
  
     .mb-3, .my-3 {
+
     .mb-3,
 +
    .my-3 {
 
         margin-bottom: 1rem !important
 
         margin-bottom: 1rem !important
 
     }
 
     }
  
     .ml-3, .mx-3 {
+
     .ml-3,
 +
    .mx-3 {
 
         margin-left: 1rem !important
 
         margin-left: 1rem !important
 
     }
 
     }
Line 7,580: Line 8,213:
 
     }
 
     }
  
     .mt-4, .my-4 {
+
     .mt-4,
 +
    .my-4 {
 
         margin-top: 1.5rem !important
 
         margin-top: 1.5rem !important
 
     }
 
     }
  
     .mr-4, .mx-4 {
+
     .mr-4,
 +
    .mx-4 {
 
         margin-right: 1.5rem !important
 
         margin-right: 1.5rem !important
 
     }
 
     }
  
     .mb-4, .my-4 {
+
     .mb-4,
 +
    .my-4 {
 
         margin-bottom: 1.5rem !important
 
         margin-bottom: 1.5rem !important
 
     }
 
     }
  
     .ml-4, .mx-4 {
+
     .ml-4,
 +
    .mx-4 {
 
         margin-left: 1.5rem !important
 
         margin-left: 1.5rem !important
 
     }
 
     }
Line 7,600: Line 8,237:
 
     }
 
     }
  
     .mt-5, .my-5 {
+
     .mt-5,
 +
    .my-5 {
 
         margin-top: 3rem !important
 
         margin-top: 3rem !important
 
     }
 
     }
  
     .mr-5, .mx-5 {
+
     .mr-5,
 +
    .mx-5 {
 
         margin-right: 3rem !important
 
         margin-right: 3rem !important
 
     }
 
     }
  
     .mb-5, .my-5 {
+
     .mb-5,
 +
    .my-5 {
 
         margin-bottom: 3rem !important
 
         margin-bottom: 3rem !important
 
     }
 
     }
  
     .ml-5, .mx-5 {
+
     .ml-5,
 +
    .mx-5 {
 
         margin-left: 3rem !important
 
         margin-left: 3rem !important
 
     }
 
     }
Line 7,620: Line 8,261:
 
     }
 
     }
  
     .pt-0, .py-0 {
+
     .pt-0,
 +
    .py-0 {
 
         padding-top: 0 !important
 
         padding-top: 0 !important
 
     }
 
     }
  
     .pr-0, .px-0 {
+
     .pr-0,
 +
    .px-0 {
 
         padding-right: 0 !important
 
         padding-right: 0 !important
 
     }
 
     }
  
     .pb-0, .py-0 {
+
     .pb-0,
 +
    .py-0 {
 
         padding-bottom: 0 !important
 
         padding-bottom: 0 !important
 
     }
 
     }
  
     .pl-0, .px-0 {
+
     .pl-0,
 +
    .px-0 {
 
         padding-left: 0 !important
 
         padding-left: 0 !important
 
     }
 
     }
Line 7,640: Line 8,285:
 
     }
 
     }
  
     .pt-1, .py-1 {
+
     .pt-1,
 +
    .py-1 {
 
         padding-top: .25rem !important
 
         padding-top: .25rem !important
 
     }
 
     }
  
     .pr-1, .px-1 {
+
     .pr-1,
 +
    .px-1 {
 
         padding-right: .25rem !important
 
         padding-right: .25rem !important
 
     }
 
     }
  
     .pb-1, .py-1 {
+
     .pb-1,
 +
    .py-1 {
 
         padding-bottom: .25rem !important
 
         padding-bottom: .25rem !important
 
     }
 
     }
  
     .pl-1, .px-1 {
+
     .pl-1,
 +
    .px-1 {
 
         padding-left: .25rem !important
 
         padding-left: .25rem !important
 
     }
 
     }
Line 7,660: Line 8,309:
 
     }
 
     }
  
     .pt-2, .py-2 {
+
     .pt-2,
 +
    .py-2 {
 
         padding-top: .5rem !important
 
         padding-top: .5rem !important
 
     }
 
     }
  
     .pr-2, .px-2 {
+
     .pr-2,
 +
    .px-2 {
 
         padding-right: .5rem !important
 
         padding-right: .5rem !important
 
     }
 
     }
  
     .pb-2, .py-2 {
+
     .pb-2,
 +
    .py-2 {
 
         padding-bottom: .5rem !important
 
         padding-bottom: .5rem !important
 
     }
 
     }
  
     .pl-2, .px-2 {
+
     .pl-2,
 +
    .px-2 {
 
         padding-left: .5rem !important
 
         padding-left: .5rem !important
 
     }
 
     }
Line 7,680: Line 8,333:
 
     }
 
     }
  
     .pt-3, .py-3 {
+
     .pt-3,
 +
    .py-3 {
 
         padding-top: 1rem !important
 
         padding-top: 1rem !important
 
     }
 
     }
  
     .pr-3, .px-3 {
+
     .pr-3,
 +
    .px-3 {
 
         padding-right: 1rem !important
 
         padding-right: 1rem !important
 
     }
 
     }
  
     .pb-3, .py-3 {
+
     .pb-3,
 +
    .py-3 {
 
         padding-bottom: 1rem !important
 
         padding-bottom: 1rem !important
 
     }
 
     }
  
     .pl-3, .px-3 {
+
     .pl-3,
 +
    .px-3 {
 
         padding-left: 1rem !important
 
         padding-left: 1rem !important
 
     }
 
     }
Line 7,700: Line 8,357:
 
     }
 
     }
  
     .pt-4, .py-4 {
+
     .pt-4,
 +
    .py-4 {
 
         padding-top: 1.5rem !important
 
         padding-top: 1.5rem !important
 
     }
 
     }
  
     .pr-4, .px-4 {
+
     .pr-4,
 +
    .px-4 {
 
         padding-right: 1.5rem !important
 
         padding-right: 1.5rem !important
 
     }
 
     }
  
     .pb-4, .py-4 {
+
     .pb-4,
 +
    .py-4 {
 
         padding-bottom: 1.5rem !important
 
         padding-bottom: 1.5rem !important
 
     }
 
     }
  
     .pl-4, .px-4 {
+
     .pl-4,
 +
    .px-4 {
 
         padding-left: 1.5rem !important
 
         padding-left: 1.5rem !important
 
     }
 
     }
Line 7,720: Line 8,381:
 
     }
 
     }
  
     .pt-5, .py-5 {
+
     .pt-5,
 +
    .py-5 {
 
         padding-top: 3rem !important
 
         padding-top: 3rem !important
 
     }
 
     }
  
     .pr-5, .px-5 {
+
     .pr-5,
 +
    .px-5 {
 
         padding-right: 3rem !important
 
         padding-right: 3rem !important
 
     }
 
     }
  
     .pb-5, .py-5 {
+
     .pb-5,
 +
    .py-5 {
 
         padding-bottom: 3rem !important
 
         padding-bottom: 3rem !important
 
     }
 
     }
  
     .pl-5, .px-5 {
+
     .pl-5,
 +
    .px-5 {
 
         padding-left: 3rem !important
 
         padding-left: 3rem !important
 
     }
 
     }
Line 7,740: Line 8,405:
 
     }
 
     }
  
     .mt-auto, .my-auto {
+
     .mt-auto,
 +
    .my-auto {
 
         margin-top: auto !important
 
         margin-top: auto !important
 
     }
 
     }
  
     .mr-auto, .mx-auto {
+
     .mr-auto,
 +
    .mx-auto {
 
         margin-right: auto !important
 
         margin-right: auto !important
 
     }
 
     }
  
     .mb-auto, .my-auto {
+
     .mb-auto,
 +
    .my-auto {
 
         margin-bottom: auto !important
 
         margin-bottom: auto !important
 
     }
 
     }
  
     .ml-auto, .mx-auto {
+
     .ml-auto,
 +
    .mx-auto {
 
         margin-left: auto !important
 
         margin-left: auto !important
 
     }
 
     }
Line 7,761: Line 8,430:
 
         }
 
         }
  
         .mt-sm-0, .my-sm-0 {
+
         .mt-sm-0,
 +
        .my-sm-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-sm-0, .mx-sm-0 {
+
         .mr-sm-0,
 +
        .mx-sm-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-sm-0, .my-sm-0 {
+
         .mb-sm-0,
 +
        .my-sm-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-sm-0, .mx-sm-0 {
+
         .ml-sm-0,
 +
        .mx-sm-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 7,781: Line 8,454:
 
         }
 
         }
  
         .mt-sm-1, .my-sm-1 {
+
         .mt-sm-1,
 +
        .my-sm-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-sm-1, .mx-sm-1 {
+
         .mr-sm-1,
 +
        .mx-sm-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-sm-1, .my-sm-1 {
+
         .mb-sm-1,
 +
        .my-sm-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-sm-1, .mx-sm-1 {
+
         .ml-sm-1,
 +
        .mx-sm-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 7,801: Line 8,478:
 
         }
 
         }
  
         .mt-sm-2, .my-sm-2 {
+
         .mt-sm-2,
 +
        .my-sm-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-sm-2, .mx-sm-2 {
+
         .mr-sm-2,
 +
        .mx-sm-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-sm-2, .my-sm-2 {
+
         .mb-sm-2,
 +
        .my-sm-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-sm-2, .mx-sm-2 {
+
         .ml-sm-2,
 +
        .mx-sm-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 7,821: Line 8,502:
 
         }
 
         }
  
         .mt-sm-3, .my-sm-3 {
+
         .mt-sm-3,
 +
        .my-sm-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-sm-3, .mx-sm-3 {
+
         .mr-sm-3,
 +
        .mx-sm-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-sm-3, .my-sm-3 {
+
         .mb-sm-3,
 +
        .my-sm-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-sm-3, .mx-sm-3 {
+
         .ml-sm-3,
 +
        .mx-sm-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 7,841: Line 8,526:
 
         }
 
         }
  
         .mt-sm-4, .my-sm-4 {
+
         .mt-sm-4,
 +
        .my-sm-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-sm-4, .mx-sm-4 {
+
         .mr-sm-4,
 +
        .mx-sm-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-sm-4, .my-sm-4 {
+
         .mb-sm-4,
 +
        .my-sm-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-sm-4, .mx-sm-4 {
+
         .ml-sm-4,
 +
        .mx-sm-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 7,861: Line 8,550:
 
         }
 
         }
  
         .mt-sm-5, .my-sm-5 {
+
         .mt-sm-5,
 +
        .my-sm-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-sm-5, .mx-sm-5 {
+
         .mr-sm-5,
 +
        .mx-sm-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-sm-5, .my-sm-5 {
+
         .mb-sm-5,
 +
        .my-sm-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-sm-5, .mx-sm-5 {
+
         .ml-sm-5,
 +
        .mx-sm-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 7,881: Line 8,574:
 
         }
 
         }
  
         .pt-sm-0, .py-sm-0 {
+
         .pt-sm-0,
 +
        .py-sm-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-sm-0, .px-sm-0 {
+
         .pr-sm-0,
 +
        .px-sm-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-sm-0, .py-sm-0 {
+
         .pb-sm-0,
 +
        .py-sm-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-sm-0, .px-sm-0 {
+
         .pl-sm-0,
 +
        .px-sm-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 7,901: Line 8,598:
 
         }
 
         }
  
         .pt-sm-1, .py-sm-1 {
+
         .pt-sm-1,
 +
        .py-sm-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-sm-1, .px-sm-1 {
+
         .pr-sm-1,
 +
        .px-sm-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-sm-1, .py-sm-1 {
+
         .pb-sm-1,
 +
        .py-sm-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-sm-1, .px-sm-1 {
+
         .pl-sm-1,
 +
        .px-sm-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 7,921: Line 8,622:
 
         }
 
         }
  
         .pt-sm-2, .py-sm-2 {
+
         .pt-sm-2,
 +
        .py-sm-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-sm-2, .px-sm-2 {
+
         .pr-sm-2,
 +
        .px-sm-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-sm-2, .py-sm-2 {
+
         .pb-sm-2,
 +
        .py-sm-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-sm-2, .px-sm-2 {
+
         .pl-sm-2,
 +
        .px-sm-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 7,941: Line 8,646:
 
         }
 
         }
  
         .pt-sm-3, .py-sm-3 {
+
         .pt-sm-3,
 +
        .py-sm-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-sm-3, .px-sm-3 {
+
         .pr-sm-3,
 +
        .px-sm-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-sm-3, .py-sm-3 {
+
         .pb-sm-3,
 +
        .py-sm-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-sm-3, .px-sm-3 {
+
         .pl-sm-3,
 +
        .px-sm-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 7,961: Line 8,670:
 
         }
 
         }
  
         .pt-sm-4, .py-sm-4 {
+
         .pt-sm-4,
 +
        .py-sm-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-sm-4, .px-sm-4 {
+
         .pr-sm-4,
 +
        .px-sm-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-sm-4, .py-sm-4 {
+
         .pb-sm-4,
 +
        .py-sm-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-sm-4, .px-sm-4 {
+
         .pl-sm-4,
 +
        .px-sm-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 7,981: Line 8,694:
 
         }
 
         }
  
         .pt-sm-5, .py-sm-5 {
+
         .pt-sm-5,
 +
        .py-sm-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-sm-5, .px-sm-5 {
+
         .pr-sm-5,
 +
        .px-sm-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-sm-5, .py-sm-5 {
+
         .pb-sm-5,
 +
        .py-sm-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-sm-5, .px-sm-5 {
+
         .pl-sm-5,
 +
        .px-sm-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,001: Line 8,718:
 
         }
 
         }
  
         .mt-sm-auto, .my-sm-auto {
+
         .mt-sm-auto,
 +
        .my-sm-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-sm-auto, .mx-sm-auto {
+
         .mr-sm-auto,
 +
        .mx-sm-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-sm-auto, .my-sm-auto {
+
         .mb-sm-auto,
 +
        .my-sm-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-sm-auto, .mx-sm-auto {
+
         .ml-sm-auto,
 +
        .mx-sm-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,023: Line 8,744:
 
         }
 
         }
  
         .mt-md-0, .my-md-0 {
+
         .mt-md-0,
 +
        .my-md-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-md-0, .mx-md-0 {
+
         .mr-md-0,
 +
        .mx-md-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-md-0, .my-md-0 {
+
         .mb-md-0,
 +
        .my-md-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-md-0, .mx-md-0 {
+
         .ml-md-0,
 +
        .mx-md-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,043: Line 8,768:
 
         }
 
         }
  
         .mt-md-1, .my-md-1 {
+
         .mt-md-1,
 +
        .my-md-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-md-1, .mx-md-1 {
+
         .mr-md-1,
 +
        .mx-md-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-md-1, .my-md-1 {
+
         .mb-md-1,
 +
        .my-md-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-md-1, .mx-md-1 {
+
         .ml-md-1,
 +
        .mx-md-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,063: Line 8,792:
 
         }
 
         }
  
         .mt-md-2, .my-md-2 {
+
         .mt-md-2,
 +
        .my-md-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-md-2, .mx-md-2 {
+
         .mr-md-2,
 +
        .mx-md-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-md-2, .my-md-2 {
+
         .mb-md-2,
 +
        .my-md-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-md-2, .mx-md-2 {
+
         .ml-md-2,
 +
        .mx-md-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,083: Line 8,816:
 
         }
 
         }
  
         .mt-md-3, .my-md-3 {
+
         .mt-md-3,
 +
        .my-md-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-md-3, .mx-md-3 {
+
         .mr-md-3,
 +
        .mx-md-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-md-3, .my-md-3 {
+
         .mb-md-3,
 +
        .my-md-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-md-3, .mx-md-3 {
+
         .ml-md-3,
 +
        .mx-md-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,103: Line 8,840:
 
         }
 
         }
  
         .mt-md-4, .my-md-4 {
+
         .mt-md-4,
 +
        .my-md-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-md-4, .mx-md-4 {
+
         .mr-md-4,
 +
        .mx-md-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-md-4, .my-md-4 {
+
         .mb-md-4,
 +
        .my-md-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-md-4, .mx-md-4 {
+
         .ml-md-4,
 +
        .mx-md-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,123: Line 8,864:
 
         }
 
         }
  
         .mt-md-5, .my-md-5 {
+
         .mt-md-5,
 +
        .my-md-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-md-5, .mx-md-5 {
+
         .mr-md-5,
 +
        .mx-md-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-md-5, .my-md-5 {
+
         .mb-md-5,
 +
        .my-md-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-md-5, .mx-md-5 {
+
         .ml-md-5,
 +
        .mx-md-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,143: Line 8,888:
 
         }
 
         }
  
         .pt-md-0, .py-md-0 {
+
         .pt-md-0,
 +
        .py-md-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-md-0, .px-md-0 {
+
         .pr-md-0,
 +
        .px-md-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-md-0, .py-md-0 {
+
         .pb-md-0,
 +
        .py-md-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-md-0, .px-md-0 {
+
         .pl-md-0,
 +
        .px-md-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,163: Line 8,912:
 
         }
 
         }
  
         .pt-md-1, .py-md-1 {
+
         .pt-md-1,
 +
        .py-md-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-md-1, .px-md-1 {
+
         .pr-md-1,
 +
        .px-md-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-md-1, .py-md-1 {
+
         .pb-md-1,
 +
        .py-md-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-md-1, .px-md-1 {
+
         .pl-md-1,
 +
        .px-md-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,183: Line 8,936:
 
         }
 
         }
  
         .pt-md-2, .py-md-2 {
+
         .pt-md-2,
 +
        .py-md-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-md-2, .px-md-2 {
+
         .pr-md-2,
 +
        .px-md-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-md-2, .py-md-2 {
+
         .pb-md-2,
 +
        .py-md-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-md-2, .px-md-2 {
+
         .pl-md-2,
 +
        .px-md-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,203: Line 8,960:
 
         }
 
         }
  
         .pt-md-3, .py-md-3 {
+
         .pt-md-3,
 +
        .py-md-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-md-3, .px-md-3 {
+
         .pr-md-3,
 +
        .px-md-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-md-3, .py-md-3 {
+
         .pb-md-3,
 +
        .py-md-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-md-3, .px-md-3 {
+
         .pl-md-3,
 +
        .px-md-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,223: Line 8,984:
 
         }
 
         }
  
         .pt-md-4, .py-md-4 {
+
         .pt-md-4,
 +
        .py-md-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-md-4, .px-md-4 {
+
         .pr-md-4,
 +
        .px-md-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-md-4, .py-md-4 {
+
         .pb-md-4,
 +
        .py-md-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-md-4, .px-md-4 {
+
         .pl-md-4,
 +
        .px-md-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,243: Line 9,008:
 
         }
 
         }
  
         .pt-md-5, .py-md-5 {
+
         .pt-md-5,
 +
        .py-md-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-md-5, .px-md-5 {
+
         .pr-md-5,
 +
        .px-md-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-md-5, .py-md-5 {
+
         .pb-md-5,
 +
        .py-md-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-md-5, .px-md-5 {
+
         .pl-md-5,
 +
        .px-md-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,263: Line 9,032:
 
         }
 
         }
  
         .mt-md-auto, .my-md-auto {
+
         .mt-md-auto,
 +
        .my-md-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-md-auto, .mx-md-auto {
+
         .mr-md-auto,
 +
        .mx-md-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-md-auto, .my-md-auto {
+
         .mb-md-auto,
 +
        .my-md-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-md-auto, .mx-md-auto {
+
         .ml-md-auto,
 +
        .mx-md-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,285: Line 9,058:
 
         }
 
         }
  
         .mt-lg-0, .my-lg-0 {
+
         .mt-lg-0,
 +
        .my-lg-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-lg-0, .mx-lg-0 {
+
         .mr-lg-0,
 +
        .mx-lg-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-lg-0, .my-lg-0 {
+
         .mb-lg-0,
 +
        .my-lg-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-lg-0, .mx-lg-0 {
+
         .ml-lg-0,
 +
        .mx-lg-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,305: Line 9,082:
 
         }
 
         }
  
         .mt-lg-1, .my-lg-1 {
+
         .mt-lg-1,
 +
        .my-lg-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-lg-1, .mx-lg-1 {
+
         .mr-lg-1,
 +
        .mx-lg-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-lg-1, .my-lg-1 {
+
         .mb-lg-1,
 +
        .my-lg-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-lg-1, .mx-lg-1 {
+
         .ml-lg-1,
 +
        .mx-lg-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,325: Line 9,106:
 
         }
 
         }
  
         .mt-lg-2, .my-lg-2 {
+
         .mt-lg-2,
 +
        .my-lg-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-lg-2, .mx-lg-2 {
+
         .mr-lg-2,
 +
        .mx-lg-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-lg-2, .my-lg-2 {
+
         .mb-lg-2,
 +
        .my-lg-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-lg-2, .mx-lg-2 {
+
         .ml-lg-2,
 +
        .mx-lg-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,345: Line 9,130:
 
         }
 
         }
  
         .mt-lg-3, .my-lg-3 {
+
         .mt-lg-3,
 +
        .my-lg-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-lg-3, .mx-lg-3 {
+
         .mr-lg-3,
 +
        .mx-lg-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-lg-3, .my-lg-3 {
+
         .mb-lg-3,
 +
        .my-lg-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-lg-3, .mx-lg-3 {
+
         .ml-lg-3,
 +
        .mx-lg-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,365: Line 9,154:
 
         }
 
         }
  
         .mt-lg-4, .my-lg-4 {
+
         .mt-lg-4,
 +
        .my-lg-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-lg-4, .mx-lg-4 {
+
         .mr-lg-4,
 +
        .mx-lg-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-lg-4, .my-lg-4 {
+
         .mb-lg-4,
 +
        .my-lg-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-lg-4, .mx-lg-4 {
+
         .ml-lg-4,
 +
        .mx-lg-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,385: Line 9,178:
 
         }
 
         }
  
         .mt-lg-5, .my-lg-5 {
+
         .mt-lg-5,
 +
        .my-lg-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-lg-5, .mx-lg-5 {
+
         .mr-lg-5,
 +
        .mx-lg-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-lg-5, .my-lg-5 {
+
         .mb-lg-5,
 +
        .my-lg-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-lg-5, .mx-lg-5 {
+
         .ml-lg-5,
 +
        .mx-lg-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,405: Line 9,202:
 
         }
 
         }
  
         .pt-lg-0, .py-lg-0 {
+
         .pt-lg-0,
 +
        .py-lg-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-lg-0, .px-lg-0 {
+
         .pr-lg-0,
 +
        .px-lg-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-lg-0, .py-lg-0 {
+
         .pb-lg-0,
 +
        .py-lg-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-lg-0, .px-lg-0 {
+
         .pl-lg-0,
 +
        .px-lg-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,425: Line 9,226:
 
         }
 
         }
  
         .pt-lg-1, .py-lg-1 {
+
         .pt-lg-1,
 +
        .py-lg-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-lg-1, .px-lg-1 {
+
         .pr-lg-1,
 +
        .px-lg-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-lg-1, .py-lg-1 {
+
         .pb-lg-1,
 +
        .py-lg-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-lg-1, .px-lg-1 {
+
         .pl-lg-1,
 +
        .px-lg-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,445: Line 9,250:
 
         }
 
         }
  
         .pt-lg-2, .py-lg-2 {
+
         .pt-lg-2,
 +
        .py-lg-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-lg-2, .px-lg-2 {
+
         .pr-lg-2,
 +
        .px-lg-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-lg-2, .py-lg-2 {
+
         .pb-lg-2,
 +
        .py-lg-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-lg-2, .px-lg-2 {
+
         .pl-lg-2,
 +
        .px-lg-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,465: Line 9,274:
 
         }
 
         }
  
         .pt-lg-3, .py-lg-3 {
+
         .pt-lg-3,
 +
        .py-lg-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-lg-3, .px-lg-3 {
+
         .pr-lg-3,
 +
        .px-lg-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-lg-3, .py-lg-3 {
+
         .pb-lg-3,
 +
        .py-lg-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-lg-3, .px-lg-3 {
+
         .pl-lg-3,
 +
        .px-lg-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,485: Line 9,298:
 
         }
 
         }
  
         .pt-lg-4, .py-lg-4 {
+
         .pt-lg-4,
 +
        .py-lg-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-lg-4, .px-lg-4 {
+
         .pr-lg-4,
 +
        .px-lg-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-lg-4, .py-lg-4 {
+
         .pb-lg-4,
 +
        .py-lg-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-lg-4, .px-lg-4 {
+
         .pl-lg-4,
 +
        .px-lg-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,505: Line 9,322:
 
         }
 
         }
  
         .pt-lg-5, .py-lg-5 {
+
         .pt-lg-5,
 +
        .py-lg-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-lg-5, .px-lg-5 {
+
         .pr-lg-5,
 +
        .px-lg-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-lg-5, .py-lg-5 {
+
         .pb-lg-5,
 +
        .py-lg-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-lg-5, .px-lg-5 {
+
         .pl-lg-5,
 +
        .px-lg-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,525: Line 9,346:
 
         }
 
         }
  
         .mt-lg-auto, .my-lg-auto {
+
         .mt-lg-auto,
 +
        .my-lg-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-lg-auto, .mx-lg-auto {
+
         .mr-lg-auto,
 +
        .mx-lg-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-lg-auto, .my-lg-auto {
+
         .mb-lg-auto,
 +
        .my-lg-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-lg-auto, .mx-lg-auto {
+
         .ml-lg-auto,
 +
        .mx-lg-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,547: Line 9,372:
 
         }
 
         }
  
         .mt-xl-0, .my-xl-0 {
+
         .mt-xl-0,
 +
        .my-xl-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-xl-0, .mx-xl-0 {
+
         .mr-xl-0,
 +
        .mx-xl-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-xl-0, .my-xl-0 {
+
         .mb-xl-0,
 +
        .my-xl-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-xl-0, .mx-xl-0 {
+
         .ml-xl-0,
 +
        .mx-xl-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,567: Line 9,396:
 
         }
 
         }
  
         .mt-xl-1, .my-xl-1 {
+
         .mt-xl-1,
 +
        .my-xl-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-xl-1, .mx-xl-1 {
+
         .mr-xl-1,
 +
        .mx-xl-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-xl-1, .my-xl-1 {
+
         .mb-xl-1,
 +
        .my-xl-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-xl-1, .mx-xl-1 {
+
         .ml-xl-1,
 +
        .mx-xl-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,587: Line 9,420:
 
         }
 
         }
  
         .mt-xl-2, .my-xl-2 {
+
         .mt-xl-2,
 +
        .my-xl-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-xl-2, .mx-xl-2 {
+
         .mr-xl-2,
 +
        .mx-xl-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-xl-2, .my-xl-2 {
+
         .mb-xl-2,
 +
        .my-xl-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-xl-2, .mx-xl-2 {
+
         .ml-xl-2,
 +
        .mx-xl-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,607: Line 9,444:
 
         }
 
         }
  
         .mt-xl-3, .my-xl-3 {
+
         .mt-xl-3,
 +
        .my-xl-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-xl-3, .mx-xl-3 {
+
         .mr-xl-3,
 +
        .mx-xl-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-xl-3, .my-xl-3 {
+
         .mb-xl-3,
 +
        .my-xl-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-xl-3, .mx-xl-3 {
+
         .ml-xl-3,
 +
        .mx-xl-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,627: Line 9,468:
 
         }
 
         }
  
         .mt-xl-4, .my-xl-4 {
+
         .mt-xl-4,
 +
        .my-xl-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-xl-4, .mx-xl-4 {
+
         .mr-xl-4,
 +
        .mx-xl-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-xl-4, .my-xl-4 {
+
         .mb-xl-4,
 +
        .my-xl-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-xl-4, .mx-xl-4 {
+
         .ml-xl-4,
 +
        .mx-xl-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,647: Line 9,492:
 
         }
 
         }
  
         .mt-xl-5, .my-xl-5 {
+
         .mt-xl-5,
 +
        .my-xl-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-xl-5, .mx-xl-5 {
+
         .mr-xl-5,
 +
        .mx-xl-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-xl-5, .my-xl-5 {
+
         .mb-xl-5,
 +
        .my-xl-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-xl-5, .mx-xl-5 {
+
         .ml-xl-5,
 +
        .mx-xl-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,667: Line 9,516:
 
         }
 
         }
  
         .pt-xl-0, .py-xl-0 {
+
         .pt-xl-0,
 +
        .py-xl-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-xl-0, .px-xl-0 {
+
         .pr-xl-0,
 +
        .px-xl-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-xl-0, .py-xl-0 {
+
         .pb-xl-0,
 +
        .py-xl-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-xl-0, .px-xl-0 {
+
         .pl-xl-0,
 +
        .px-xl-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,687: Line 9,540:
 
         }
 
         }
  
         .pt-xl-1, .py-xl-1 {
+
         .pt-xl-1,
 +
        .py-xl-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-xl-1, .px-xl-1 {
+
         .pr-xl-1,
 +
        .px-xl-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-xl-1, .py-xl-1 {
+
         .pb-xl-1,
 +
        .py-xl-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-xl-1, .px-xl-1 {
+
         .pl-xl-1,
 +
        .px-xl-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,707: Line 9,564:
 
         }
 
         }
  
         .pt-xl-2, .py-xl-2 {
+
         .pt-xl-2,
 +
        .py-xl-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-xl-2, .px-xl-2 {
+
         .pr-xl-2,
 +
        .px-xl-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-xl-2, .py-xl-2 {
+
         .pb-xl-2,
 +
        .py-xl-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-xl-2, .px-xl-2 {
+
         .pl-xl-2,
 +
        .px-xl-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,727: Line 9,588:
 
         }
 
         }
  
         .pt-xl-3, .py-xl-3 {
+
         .pt-xl-3,
 +
        .py-xl-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-xl-3, .px-xl-3 {
+
         .pr-xl-3,
 +
        .px-xl-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-xl-3, .py-xl-3 {
+
         .pb-xl-3,
 +
        .py-xl-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-xl-3, .px-xl-3 {
+
         .pl-xl-3,
 +
        .px-xl-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,747: Line 9,612:
 
         }
 
         }
  
         .pt-xl-4, .py-xl-4 {
+
         .pt-xl-4,
 +
        .py-xl-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-xl-4, .px-xl-4 {
+
         .pr-xl-4,
 +
        .px-xl-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-xl-4, .py-xl-4 {
+
         .pb-xl-4,
 +
        .py-xl-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-xl-4, .px-xl-4 {
+
         .pl-xl-4,
 +
        .px-xl-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,767: Line 9,636:
 
         }
 
         }
  
         .pt-xl-5, .py-xl-5 {
+
         .pt-xl-5,
 +
        .py-xl-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-xl-5, .px-xl-5 {
+
         .pr-xl-5,
 +
        .px-xl-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-xl-5, .py-xl-5 {
+
         .pb-xl-5,
 +
        .py-xl-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-xl-5, .px-xl-5 {
+
         .pl-xl-5,
 +
        .px-xl-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,787: Line 9,660:
 
         }
 
         }
  
         .mt-xl-auto, .my-xl-auto {
+
         .mt-xl-auto,
 +
        .my-xl-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-xl-auto, .mx-xl-auto {
+
         .mr-xl-auto,
 +
        .mx-xl-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-xl-auto, .my-xl-auto {
+
         .mb-xl-auto,
 +
        .my-xl-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-xl-auto, .mx-xl-auto {
+
         .ml-xl-auto,
 +
        .mx-xl-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,926: Line 9,803:
 
     }
 
     }
  
     a.text-primary:focus, a.text-primary:hover {
+
     a.text-primary:focus,
 +
    a.text-primary:hover {
 
         color: #0062cc !important
 
         color: #0062cc !important
 
     }
 
     }
Line 8,934: Line 9,812:
 
     }
 
     }
  
     a.text-secondary:focus, a.text-secondary:hover {
+
     a.text-secondary:focus,
 +
    a.text-secondary:hover {
 
         color: #545b62 !important
 
         color: #545b62 !important
 
     }
 
     }
Line 8,942: Line 9,821:
 
     }
 
     }
  
     a.text-success:focus, a.text-success:hover {
+
     a.text-success:focus,
 +
    a.text-success:hover {
 
         color: #1e7e34 !important
 
         color: #1e7e34 !important
 
     }
 
     }
Line 8,950: Line 9,830:
 
     }
 
     }
  
     a.text-info:focus, a.text-info:hover {
+
     a.text-info:focus,
 +
    a.text-info:hover {
 
         color: #117a8b !important
 
         color: #117a8b !important
 
     }
 
     }
Line 8,958: Line 9,839:
 
     }
 
     }
  
     a.text-warning:focus, a.text-warning:hover {
+
     a.text-warning:focus,
 +
    a.text-warning:hover {
 
         color: #d39e00 !important
 
         color: #d39e00 !important
 
     }
 
     }
Line 8,966: Line 9,848:
 
     }
 
     }
  
     a.text-danger:focus, a.text-danger:hover {
+
     a.text-danger:focus,
 +
    a.text-danger:hover {
 
         color: #bd2130 !important
 
         color: #bd2130 !important
 
     }
 
     }
Line 8,974: Line 9,857:
 
     }
 
     }
  
     a.text-light:focus, a.text-light:hover {
+
     a.text-light:focus,
 +
    a.text-light:hover {
 
         color: #dae0e5 !important
 
         color: #dae0e5 !important
 
     }
 
     }
Line 8,982: Line 9,866:
 
     }
 
     }
  
     a.text-dark:focus, a.text-dark:hover {
+
     a.text-dark:focus,
 +
    a.text-dark:hover {
 
         color: #1d2124 !important
 
         color: #1d2124 !important
 
     }
 
     }
Line 9,019: Line 9,904:
  
 
     @media print {
 
     @media print {
         *, ::after, ::before {
+
 
 +
         *,
 +
        ::after,
 +
        ::before {
 
             text-shadow: none !important;
 
             text-shadow: none !important;
 
             box-shadow: none !important
 
             box-shadow: none !important
Line 9,029: Line 9,917:
  
 
         abbr[title]::after {
 
         abbr[title]::after {
             content: " (" attr(title) ")"
+
             content: " ("attr(title) ")"
 
         }
 
         }
  
Line 9,036: Line 9,924:
 
         }
 
         }
  
         blockquote, pre {
+
         blockquote,
 +
        pre {
 
             border: 1px solid #adb5bd;
 
             border: 1px solid #adb5bd;
 
             page-break-inside: avoid
 
             page-break-inside: avoid
Line 9,045: Line 9,934:
 
         }
 
         }
  
         img, tr {
+
         img,
 +
        tr {
 
             page-break-inside: avoid
 
             page-break-inside: avoid
 
         }
 
         }
  
         h2, h3, p {
+
         h2,
 +
        h3,
 +
        p {
 
             orphans: 3;
 
             orphans: 3;
 
             widows: 3
 
             widows: 3
 
         }
 
         }
  
         h2, h3 {
+
         h2,
 +
        h3 {
 
             page-break-after: avoid
 
             page-break-after: avoid
 
         }
 
         }
Line 9,082: Line 9,975:
 
         }
 
         }
  
         .table td, .table th {
+
         .table td,
 +
        .table th {
 
             background-color: #fff !important
 
             background-color: #fff !important
 
         }
 
         }
  
         .table-bordered td, .table-bordered th {
+
         .table-bordered td,
 +
        .table-bordered th {
 
             border: 1px solid #dee2e6 !important
 
             border: 1px solid #dee2e6 !important
 
         }
 
         }
Line 9,100: Line 9,995:
  
  
     #home_logo, #sideMenu {
+
     #home_logo,
 +
    #sideMenu {
 
         display: none;
 
         display: none;
 
     }
 
     }
  
     #sideMenu, #top_title, .patrollink {
+
     #sideMenu,
 +
    #top_title,
 +
    .patrollink {
 
         display: none;
 
         display: none;
 
     }
 
     }
Line 9,120: Line 10,018:
 
     }
 
     }
  
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
     #bodyContent h1,
 +
    #bodyContent h2,
 +
    #bodyContent h3,
 +
    #bodyContent h4,
 +
    #bodyContent h5 {
 
         margin-bottom: 0px;
 
         margin-bottom: 0px;
 
     }
 
     }
Line 9,140: 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,172: Line 10,078:
 
     }
 
     }
  
     #bodyContent a[href ^="https://"], .link-https {
+
     #bodyContent a[href ^="https://"],
 +
    .link-https {
 
         padding-right: 0px;
 
         padding-right: 0px;
 
     }
 
     }
Line 9,262: 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,268: 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,274: Line 10,183:
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
 
Nav CSS ++++++++++++++++++++++++++++++*/
 
Nav CSS ++++++++++++++++++++++++++++++*/
     .dropdown:hover > .dropdown-menu {
+
     .dropdown:hover>.dropdown-menu {
 
         display: block;
 
         display: block;
 
     }
 
     }
Line 9,282: Line 10,191:
 
     }
 
     }
  
     .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,305: Line 10,217:
 
     }
 
     }
  
     .glpContainer > * {
+
     .glpContainer>* {
 
         padding: 20px 25px;
 
         padding: 20px 25px;
 
     }
 
     }
Line 9,373: 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,420: Line 10,333:
 
     }
 
     }
  
     .table-of-contents li + li {
+
     .table-of-contents li+li {
 
         margin-top: 2em;
 
         margin-top: 2em;
 
     }
 
     }
Line 9,571: 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,581: 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,591: 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,662: 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,688: Line 10,603:
 
         }
 
         }
  
         .glpContainer > * {
+
         .glpContainer>* {
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
Line 9,713: 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,722: 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%;
            }
+
        }
 +
 
 +
        .mfp-gallery .mfp-image-holder .mfp-figure {
 +
            cursor: pointer;
 +
        }
 +
 
 +
        @media screen and (max-width: 800px) and (orientation: landscape),
 +
        screen and (max-height: 300px) {
  
             @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 {
+
            .mfp-img-mobile .mfp-figure small {
                    display: inline;
+
                display: inline;
                    margin-left: 5px;
+
                margin-left: 5px;
                }
+
 
+
                .mfp-img-mobile .mfp-bottom-bar {
+
                    background: rgba(0, 0, 0, 0.6);
+
                    bottom: 0;
+
                    margin: 0;
+
                    top: auto;
+
                    padding: 3px 5px;
+
                    position: fixed;
+
                    box-sizing: border-box;
+
                }
+
 
+
                .mfp-img-mobile .mfp-bottom-bar:empty {
+
                    padding: 0;
+
                }
+
 
+
                .mfp-img-mobile .mfp-counter {
+
                    right: 5px;
+
                    top: 3px;
+
                }
+
 
+
                .mfp-img-mobile .mfp-close {
+
                    top: 0;
+
                    right: 0;
+
                    width: 35px;
+
                    height: 35px;
+
                    line-height: 35px;
+
                    background: rgba(0, 0, 0, 0.6);
+
                    position: fixed;
+
                    text-align: center;
+
                    padding: 0;
+
                }
+
 
             }
 
             }
  
             @media all and (max-width: 900px) {
+
             .mfp-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
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
                        STORY</a>
+
                            STORY</a>
                </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;">
                        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/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
                        <a class="dropdown-item" href="/Team:Tuebingen/Results"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Results"
                        <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
                        <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
                        <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</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
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Parts"
                            Overview</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
                        <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
+
                                Overview</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
                            Parts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
                        <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
+
                                Parts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
                            Parts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
                        <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part"
+
                                Parts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part"
                            Parts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized
                        <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
+
                                Parts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
                            Parts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
                        <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
+
                                Parts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
                            Collection</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
                        <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
+
                                Collection</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
                    </div>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a>
                </li>
+
                        </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/Sponsors"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/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 Engagement</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
                        <a class="dropdown-item" href="/Team:Tuebingen/Experts"
+
                                & Public Engagement</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experts"
                        <a class="dropdown-item" href="/Team:Tuebingen/SDG"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development Goals</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/SDG"
                        <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
+
                                Development Goals</a>
                            Science Center</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
                        <a class="dropdown-item" href="/Team:Tuebingen/Survey"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a>
+
                                Science Center</a>
                    </div>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Survey"
                </li>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a>
                <li class="nav-item dropdown mx-3">
+
                        </div>
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                    </li>
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                    <li class="nav-item dropdown mx-3">
                        AWARDS
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                    </a>
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                    <div class="dropdown-menu">
+
                            AWARDS
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                        </a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a>
+
                        <div class="dropdown-menu">
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                Human Practise</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting Entrepreneurship</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                                & Public Engagement</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
                    </div>
+
                                Entrepreneurship</a>
                </li>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                        </div>
 +
                    </li>
  
                <li class="nav-item mx-3">
+
                    <li class="nav-item mx-3">
                    <a class="nav-link" href="/Team:Tuebingen/Safety"
+
                        <a class="nav-link" href="/Team:Tuebingen/Safety"
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
                </li>
+
                    </li>
  
                <li class="nav-item mx-3">
+
                    <li class="nav-item mx-3">
                    <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
+
                        <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING FORM ⇗</a>
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING FORM
                </li>
+
                            ⇗</a>
 +
                    </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
            </div>
+
                            cleave double stranded DNA, but also degrades longer strands of DNA [1].
        </div>
+
                        </p>
            <div class="row align-items-center">
+
                         <p>
                <div class="col-12 col-md-5">
+
                                Generally, CRISPR/Cas-based defence relies on the recognition of known pathogenic DNA
                    <figure>
+
                                sequences
                         <a style="font-size: small"
+
                                (e.g., bacteriophages) via the crRNA (crisprRNA). After the primary invasion of a
                          href="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
+
                                bacteriophage,
                          data-effect="mfp-zoom-out"
+
                                parts of the foreign DNA are cleaved [2,3,4,5]. These parts are subsequently integrated
                          title="Fig.1">
+
                                as short
                            <img src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
+
                                spacers between repeating palindromic sequences within the CRISPR locus of the bacterial
                                class="figure-img img-fluid rounded"
+
                                genome,
                                alt="Placeholder"></a>
+
                                resulting in the formation of CRISPR arrays transcribing for crRNA [2,3,4,5]. Upon
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig.1: General overview over the CRISPR/Cas system. Foreign DNA is
+
                                reinfection with
                            taken up and a short spacer sequence cut out and integrated into the CRISPR array in the genome.
+
                                the same bacteriophage, the transcribed crRNA guides the surveillance complex Cascade
                            This array is transcribed together with cas genes. The array is cleaved into several specific
+
                                (CasABCDE)
                            gRNAs that form a complex with the cas proteins. These complexes bind to their target sequence
+
                                to its complementary sequences located within the viral DNA [2,3,4,5].
                            and the cas protein cleaves the foreign DNA.</figcaption>
+
                            </p>
                    </figure>
+
                        <p>
                </div>
+
                            As a consequence, the targeted bacteriophage DNA is unwound, generating the so-called
            <div class="col-12 col-md-7">
+
                            R-loop.
                    <p>
+
                            The Cas3 helicase-nuclease protein attaches to this R-loop and unidirectionally degrades the
                        Generally, CRISPR/Cas-based defence relies on the recognition of known pathogenic DNA sequences
+
                            invader
                        (e.g., bacteriophages) via the crRNA (crisprRNA). After the primary invasion of a bacteriophage,
+
                            DNA in a 3′–5′ direction, beginning at the site of a protospacer adjacent motif (PAM) by
                        parts of the foreign DNA are cleaved [2,3,4,5]. These parts are subsequently integrated as short
+
                            inducing
                        spacers between repeating palindromic sequences within the CRISPR locus of the bacterial genome,
+
                            a sequence of cleavage by a reeling motion [2,3,4,5]. The degradation is facilitated by the
                        resulting in the formation of CRISPR arrays transcribing for crRNA [2,3,4,5]. Upon reinfection with
+
                            large
                        the same bacteriophage, the transcribed crRNA guides the surveillance complex Cascade (CasABCDE)
+
                            Cas3/Cascade complex, which pulls the substrate DNA towards itself, introducing single
                        to its complementary sequences located within the viral DNA [2,3,4,5].
+
                            strand breaks
                    </p>
+
                            [2,3,4,5]. The resulting degradation products are approximately the length of a spacer
                </div>
+
                            sequence,
                <p>
+
                            whereas the cuts are enriched in PAM-like NTT motives at the 3´-end. Therefore, most of the
                    As a consequence, the targeted bacteriophage DNA is unwound, generating the so-called R-loop.
+
                            degradation products are suitable for the integration into the CRISPR locus [2,3,4,5].
                    The Cas3 helicase-nuclease protein attaches to this R-loop and unidirectionally degrades the invader
+
                        </p>
                    DNA in a 3′–5′ direction, beginning at the site of a protospacer adjacent motif (PAM) by inducing
+
                    </div>
                    a sequence of cleavage by a reeling motion [2,3,4,5]. The degradation is facilitated by the large
+
                    <div class="col-12 col-md-6">
                    Cas3/Cascade complex, which pulls the substrate DNA towards itself, introducing single strand breaks
+
                        <figure>
                    [2,3,4,5]. The resulting degradation products are approximately the length of a spacer sequence,
+
                            <a style="font-size: small"
                    whereas the cuts are enriched in PAM-like NTT motives at the 3´-end. Therefore, most of the
+
                                href="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
                    degradation products are suitable for the integration into the CRISPR locus [2,3,4,5].
+
                                data-effect="mfp-zoom-out" title="Fig.1">
                </p>
+
                                <img src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--Cas-general.png"
            </div>
+
                                    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">
 +
                        <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;">Our Application</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>
                        Based upon a design kindly provided to us by Dr. Pengfei Xia, we built a chassis that relies on
+
                                In our design, common conditions of human intestines were chosen as
                        a genetic circuit. The circuit uses the CRISPR/Cas3 complex as a kill-switch by regulating its
+
                                NOT gate module survival signals (see Fig. 2). Module (1) is determined by a permitted
                        expression under various environmental conditions. The regulation of our kill-switch is based
+
                                temperature of 37°C, while module (2) requires fatty acid availability in form of Acyl
                        on three NOT gate modules [14] (see Fig. 2), consisting of doubly negated sets of biosensors
+
                                CoA
                        chosen due to their ability to recognize the human intestines as a permitted environment.
+
                                as survival signal. Module (3) is designed to sense N-Acetyl-Glucosamine-6-phosphate
                        A NOT gate module is a circuit structure, which initiates the death of the bacteria if a
+
                                (GlcNAc6P) ,
                        certain survival signal is not present.
+
                                which is released through the metabolization of mucus by commensal microorganisms [6].
                    </p>
+
                            </p>
                    <figure>
+
                            <p>
                        <a style="font-size: small"
+
                                Consequently, if the chassis that carries the kill-switch is in an environment with
                          href="http://parts.igem.org/wiki/images/3/33/T--Tuebingen--NOT_module.png"
+
                                conditions
                          data-effect="mfp-zoom-out"
+
                                corresponding to those in the intestine, the Cas3 protein and Cascade cannot be
                          title="Fig.2">
+
                                expressed and
                            <img src="http://parts.igem.org/wiki/images/3/33/T--Tuebingen--NOT_module.png"
+
                                the CRISPR arrays (crRNA) for the self-targeting of the plasmid and genome are not
                                class="figure-img img-fluid rounded"
+
                                transcribed
                                alt="Placeholder"></a>
+
                                (see Fig. 3).
                        <figcaption style="font-size: small; color: #F4F0DE;">Figure 2: Simplified figure of the principle NOT gate modules making up
+
                            </p>
                            the kill-switch. Modified from Pengfei Xia [14]. The NOT gate modules determine that if
+
                            <p>
                            a survival signal is not present, the bacteria is killed.</figcaption>
+
                                However, if the environmental conditions change, for instance when the bacterium is
                    </figure>
+
                                excreted,
                </div>
+
                                the NOT gate modules of the Cas3 system will facilitate the killing of the bacterium.
            </div>
+
                                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>
  
            <h3 style="font-family:'Righteous'; color: #2ecc71;">NOT gate module Survival Signals</h3>
+
                    <div class="row">
            <div class="row">
+
                        <div class="col-12">
                <div class="col-12">
+
                            <h3 style="font-family:'Righteous'; color: #2ecc71;">(1) Temperature sensing with a
                    <p>
+
                                permissible temperature of 37°C</h3>
                        In our design, common conditions of human intestines were chosen as
+
                            <p>
                        NOT gate module survival signals (see Fig. 2). Module (1) is determined by a permitted
+
                                constitutively active promoter expresses Clts, a temperature sensitive cI repressor
                        temperature of 37°C, while module (2) requires fatty acid availability in form of Acyl CoA
+
                                found in the
                        as survival signal. Module (3)  is designed to sense N-Acetyl-Glucosamine-6-phosphate (GlcNAc6P) ,
+
                                lambda phage. At temperatures significantly below 37°C, Clts is an active repressor of
                        which is released through the metabolization of mucus by commensal microorganisms [6].
+
                                the cI
                    </p>
+
                                lambda promoter (PClts). This promoter controls the expression of gene encoding for a
                    <p>
+
                                repressor
                        Consequently, if the chassis that carries the kill-switch is in an environment with conditions
+
                                protein, AraC. Therefore, if the temperature in the bacterium’s environment is below
                        corresponding to those in the intestine, the Cas3 protein and Cascade cannot be expressed and
+
                                37°C, Clts
                        the CRISPR arrays (crRNA) for the self-targeting of the plasmid and genome are not transcribed
+
                                is stable and represses the expression of the araC-gene. Therefore, the pBAD promoter,
                        (see Figure 3).
+
                                repressed
                    </p>
+
                                by AraC, is active. As a result, Cas3 and CasABCDE are expressed, allowing for the
                    <p>
+
                                kill-switch
                        However, if the environmental conditions change, for instance when the bacterium is excreted,
+
                                induction (see Fig. 3.1).
                        the NOT gate modules of the Cas3 system will facilitate the killing of the bacterium.
+
                            </p>
                        This will in the end result in the degradation of the genomic and plasmid DNA.
+
                            <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>
  
                     <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;">(2) Fatty acid availability inhibiting
                          data-effect="mfp-zoom-out"
+
                                the plasmid self targeting array</h3>
                          title="Fig.3">
+
                            <p>
                            <img src="https://2019.igem.org/wiki/images/c/c5/T--Tuebingen--Regulator_System.png"
+
                                The intake of a fatty meal increases the fatty acid availability within the body, and
                                class="figure-img img-fluid rounded"
+
                                therefore
                                alt="Placeholder"></a>
+
                                their metabolite Acyl-CoA’s concentration increases. Long chain Acyl-CoA binds
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 3: Schematic depiction of the NOT gate modules of the regulator
+
                                constitutively
                            system, which controls the expression of the Cas3 system. (1) The temperature sensing system
+
                                produced FadR and inhibits its activity [8,9]. FadR represses the promoter PFad, which
                            regulates the expression of cas3 and casABCDE (Cascade). (2) The Acyl-CoA sensing system
+
                                regulates
                            regulates the expression of the plasmid’s self-targeting array (crRNA). (3)
+
                                the expression of the LsrR repressor gene. The LsrR repressor subsequently inhibits the
                             The N-Acetyl-Glucosamine-6 Phosphate sensing system regulates the expression of the genomic crRNA.</figcaption>
+
                                PLsrR
                    </figure>
+
                                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;">(1) 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;">(3) N-Acetyl-Glucosamine-6 Phosphate of
                    <p>
+
                                metabolized mucin inhibits the genomic self-targeting array</h3>
                        constitutively active promoter expresses Clts, a temperature sensitive cI repressor found in the
+
                            <p>
                        lambda phage. At temperatures significantly below 37°C, Clts is an active repressor of the cI
+
                                Commensal bacteria in the gut metabolize the mucus within the intestines, which
                        lambda promoter (PClts). This promoter controls the expression of gene encoding for a repressor
+
                                increases the
                        protein, AraC. Therefore, if the temperature in the bacterium’s environment is below 37°C, Clts
+
                                level of GlcNAc within the lumen [11]. GlcNAc is taken up by the bacteria through their
                        is stable and represses the expression of the araC-gene. Therefore, the pBAD promoter, repressed
+
                                PTS
                        by AraC, is active. As a result, Cas3 and CasABCDE are expressed, allowing for the kill-switch
+
                                system and metabolized into GlcNAc-6-P, which binds the repressor protein NagC. When
                        induction (see Figure 3.1).
+
                                NagC is
                    </p>
+
                                bound to GlcNAc-6-P, it loses its ability to bind DNA, and therefore its respective
                    <p>
+
                                regulation
                        Accordingly, if the bacterium is within the body and the temperature is at 37°C, Clts is unstable
+
                                activity. In our case, NagC can consequently not serve as a repressor of the nag Operon
                        and cannot repress the expression of the araC-gene. AraC consequently inhibits the pBAD
+
                                nagBACDE
                        promoter and the CRISPR enzymes for the kill-switch are not available. The Clts and the
+
                                anymore [12, 13]. Thus, a repressor protein encoded downstream of the promoter, the
                        following FadR sensing system was used by the NTU Taida’s iGEM Project in 2012 [7].
+
                                Lambda phage’s
                    </p>
+
                                Mnt repressor, can be expressed. Mnt inhibits the genomic self targeting arrays’
                </div>
+
                                transcription
            </div>
+
                                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;">(2) Fatty acid availability inhibiting the plasmid self targeting array</h3>
 
            <div class="row">
 
                <div class="col-12">
 
                    <p>
 
                        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.
 
                    </p>
 
                    <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;">(3) N-Acetyl-Glucosamine-6 Phosphate of metabolized mucin inhibits the genomic 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;">Advantages of a kill-switch in our
                    <p>
+
                                project</h3>
                        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.
+
                    </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;">Advantages of a kill-switch in our project</h3>
+
            <div class="row">
+
                <div class="col-12">
+
                    <p>
+
                        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.
+
                    </p>
+
                    <p>
+
                        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.
+
                    </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 to amplify the 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 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.
+
                    </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 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.</figcaption>
+
                    </figure>
+
 
+
        </div>
+
        <div class="col-12 col-md-6 ">
+
        <figure>
+
                        <a style="font-size: small"
+
                          href="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
+
                          data-effect="mfp-zoom-out"
+
                          title="Fig.5">
+
                            <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
+
                                class="figure-img img-fluid rounded"
+
                                alt="Placeholder"></a>
+
            <figcaption style="font-size: small; color: #F4F0DE;">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.</figcaption>
+
                    </figure>
+
        </div>
+
 
+
                        <div class="row align-items-center">
+
                <div class="col-12 col-md-5">
+
                    <figure>
+
                        <a style="font-size: small"
+
                          href="https://2019.igem.org/wiki/images/c/cc/T--Tuebingen--Gel9.png"
+
                          data-effect="mfp-zoom-out"
+
                          title="Fig.6">
+
                            <img src="https://2019.igem.org/wiki/images/c/cc/T--Tuebingen--Gel9.png"
+
                                class="figure-img img-fluid rounded"
+
                                alt="Placeholder"></a>
+
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 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.</figcaption>
+
                    </figure>
+
                </div>
+
            <div class="col-12 col-md-7">
+
                    <p>
+
                        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”).
+
                    </p>
+
                </div>
+
                            <p>
+
                        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>)
+
                        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
+
                        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>
 
                             <p>
                                 To conclude, while the design for the three final regulator systems, temperature sensitive
+
                                 The incorporation of the Cas3 system into our probiotic bacterium ensures that, once the
                                 (<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>)
+
                                 probiotic
                                 was completely worked out by us, we did not manage to ligate and create those systems in
+
                                bacterium leaves its designated environment, all genetic information is degraded. By
                                 the laboratory due to several difficulties in restriction digestion and ligation.
+
                                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.
 
                             </p>
 
                             </p>
                    <h3 style="color: #2ecc71;font-family: Righteous">Next Steps</h3>
 
                    <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>
 
                             <p>
                                 Once this is completed, the functionality of the three systems can be tested by individually
+
                                 Moreover, this chassis can serve as a foundation for other applications, since it
                                 cotransforming (different antibiotic resistances) and testing them with the reporter plasmids (fluorescence read-out).
+
                                creates a
                        If their activity is confirmed, all three regulator systems will be cloned into one plasmid, while
+
                                biosafe probiotic bacterium that can be modified by exchanging the gene of interest
                                 the Cas3, Cascade, and CRISPR array sequences will be cloned into a second plasmid.
+
                                 without
 +
                                 losing its unique safety standards.
 
                             </p>
 
                             </p>
 +
                        </div>
 +
                    </div>
 +
 +
                    <h2 style="font-family:'Righteous'; color: #2ecc71;">Lab Work</h2>
 +
                    <div class="row">
 +
                        <div class="col-12">
 
                             <p>
 
                             <p>
                                 The system as a whole functioning unit will be cotransformed and proof-of-concept will
+
                                 To begin our work on the CRISPR/Cas3 system we were kindly provided with isolated
                                 be approached by analyzing whether the transformed bacteria will kill themselves in
+
                                 genomic DNA
                                 prohibitive environments. If the functionality of the kill-switch is confirmed, the
+
                                (gDNA) of <i>E. coli</i> by Dr. Pengfei Xia. We designed PCR-Primers to amplify the cas3 (<a
                                 next step will be its integration into the genomic DNA of E. coli Nissle 1917, while
+
                                    href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K3096001"
                                 making sure no antibiotic resistance gene is accidentally integrated, too.
+
                                    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 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.
 
                             </p>
 
                             </p>
            </div>
+
                            <div class="row align-items-center">
        </div>
+
                                <div class="col-12 col-md-6">
        </div>
+
                                    <figure>
            <div id="glpreferences" class="row">
+
                                        <a style="font-size: small"
                <h3 style="font-family:'Righteous'; color: #2ecc71;">References</h3>
+
                                            href="https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--Gel1.png"
                <div class="col-12" style="font-size: small">
+
                                            data-effect="mfp-zoom-out" title="Fig.4">
                    <ol>
+
                                            <img src="https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--Gel1.png"
                        <li style="color: #F4F0DE;">“CRISPR-based adaptive immune systems.”, Terns MP,Terns RM, Curr Opin Microbiol 14(3):321–327</li>
+
                                                class="figure-img img-fluid rounded" alt="Placeholder"></a>
                        <li id="ref_2" style="color: #F4F0DE;">CRISPR-Cas Systems: Prokaryotes Upgrade to Adaptive Immunity”, Rodolphe Barrangou Luciano A.Marraffini</li>
+
                                        <figcaption style="font-size: small; color: #F4F0DE;">Figure 4: 17/10/19
                        <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>
+
                                            Gelelectrophoresis of Cas3 and Cascade PCR. Gel loaded
                        <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>
+
                                            (from left to right): Ladder 1kb, Cas3 (72°C), Cas3 (68°C), H2O, Cascade
                        <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>
+
                                            (72°C), Cascade (68°C),
                        <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>
+
                                            H2O. It shows positive PCR of Cas 3 (68°C), expected at ~2.7 kb.
                        <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>
+
                                        </figcaption>
                        <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>
+
                                    </figure>
                        <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>
+
                                </div>
                        <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>
+
                                <div class="col-12 col-md-6 ">
                        <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>
+
                                    <figure>
                        <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>
+
                                        <a style="font-size: small"
                        <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>
+
                                            href="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
                    </ol>
+
                                            data-effect="mfp-zoom-out" title="Fig.5">
                </div>
+
                                            <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--Gel2.png"
            </div>
+
                                                class="figure-img img-fluid rounded" alt="Placeholder"></a>
            </main>
+
                                        <figcaption style="font-size: small; color: #F4F0DE;">Figure 5. 07/11/19
        </div>
+
                                            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.</figcaption>
 +
                                    </figure>
 +
                                </div>
 +
 
 +
                                <div class="row align-items-center">
 +
                                    <div class="col-12 col-md-5">
 +
                                        <figure>
 +
                                            <a style="font-size: small"
 +
                                                href="https://2019.igem.org/wiki/images/c/cc/T--Tuebingen--Gel9.png"
 +
                                                data-effect="mfp-zoom-out" title="Fig.6">
 +
                                                <img src="https://2019.igem.org/wiki/images/c/cc/T--Tuebingen--Gel9.png"
 +
                                                    class="figure-img img-fluid rounded" alt="Placeholder"></a>
 +
                                            <figcaption style="font-size: small; color: #F4F0DE;">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.
 +
                                            </figcaption>
 +
                                        </figure>
 +
                                    </div>
 +
                                    <div class="col-12 col-md-7">
 +
                                        <p>
 +
                                            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”).
 +
                                        </p>
 +
                                    </div>
 +
                                    <p>
 +
                                        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>)
 +
                                        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
 +
                                        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,063: 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