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

 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html">
+
<html lang="en" dir="ltr" class="client-nojs">
 
+
<meta charset="UTF-8" />
+
 
+
<style>
+
    /* Paste this css to your style sheet file or under head tag */
+
    /* This only works with JavaScript,
+
        if it's not present, don't show loader */
+
    .js #loader {
+
        display: block;
+
        position: absolute;
+
        left: 100px;
+
        top: 0;
+
    }
+
 
+
    .se-pre-con {
+
        position: fixed;
+
        left: 0px;
+
        top: 0px;
+
        width: 100%;
+
        height: 100%;
+
        z-index: 9999;
+
        background: #2B2B35;
+
    }
+
 
+
    .se-pre-con img {
+
        width: 40%;
+
        height: 40%;
+
        margin-left: 30%;
+
        margin-top: 15%;
+
    }
+
 
+
    @media screen and (min-width: 1500px) {
+
        .se-pre-con img {
+
            margin-top: 20%;
+
            width: 25%;
+
            height: 15%;
+
            margin-left: 35%;
+
        }
+
    }
+
 
+
    @media screen and (max-width: 1100px) {
+
        .se-pre-con img {
+
            margin-top: 20%;
+
            height: 30%;
+
            width: 50%;
+
            margin-left: 25%;
+
        }
+
    }
+
 
+
    @media screen and (max-width: 700px) {
+
        .se-pre-con img {
+
            margin-top: 18%;
+
            height: 20%;
+
        }
+
    }
+
</style>
+
</head>
+
 
+
<body>
+
    <div class="se-pre-con">
+
        <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--preloader.gif">
+
    </div>
+
    <script src="https://2019.igem.org/Team:Tuebingen/jqueryLoadJS?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2019.igem.org/Team:Tuebingen/jmodernizerJS?action=raw&ctype=text/javascript"></script>
+
    <script>
+
        $(window).load(function () {
+
            setTimeout(removeLoader, 1000);
+
        }); //wait for page load PLUS one seconds.
+
        function removeLoader() {
+
            $(".se-pre-con").fadeOut(500, function () {
+
                // fadeOut complete. Remove the loading div
+
                $(".se-pre-con").remove(); //makes page more lightweight
+
            });
+
        }
+
    </script>
+
</body>
+
  
 +
<meta charset="UTF-8" content="width=device-width, initial-scale=1.0"/>
 
<style>
 
<style>
 
     /*!
 
     /*!
Line 115: Line 40:
 
     }
 
     }
  
     *,
+
     *, ::after, ::before {
    ::after,
+
    ::before {
+
 
         box-sizing: border-box
 
         box-sizing: border-box
 
     }
 
     }
Line 134: Line 57:
 
     }
 
     }
  
     article,
+
     article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    aside,
+
    dialog,
+
    figcaption,
+
    figure,
+
    footer,
+
    header,
+
    hgroup,
+
    main,
+
    nav,
+
    section {
+
 
         display: block
 
         display: block
 
     }
 
     }
Line 169: Line 82:
 
     }
 
     }
  
     h1,
+
     h1, h2, h3, h4, h5, h6 {
    h2,
+
    h3,
+
    h4,
+
    h5,
+
    h6 {
+
 
         margin-top: 0;
 
         margin-top: 0;
 
         margin-bottom: .5rem
 
         margin-bottom: .5rem
Line 181: Line 89:
 
     p {
 
     p {
 
         margin-top: 0;
 
         margin-top: 0;
         margin-bottom: 1rem;
+
         margin-bottom: 1rem
        color: #F4F0DE;
+
 
     }
 
     }
  
     abbr[data-original-title],
+
     abbr[data-original-title], abbr[title] {
    abbr[title] {
+
 
         text-decoration: underline;
 
         text-decoration: underline;
 
         -webkit-text-decoration: underline dotted;
 
         -webkit-text-decoration: underline dotted;
Line 200: Line 106:
 
     }
 
     }
  
     dl,
+
     dl, ol, ul {
    ol,
+
    ul {
+
 
         margin-top: 0;
 
         margin-top: 0;
 
         margin-bottom: 1rem
 
         margin-bottom: 1rem
 
     }
 
     }
  
     ol ol,
+
     ol ol, ol ul, ul ol, ul ul {
    ol ul,
+
    ul ol,
+
    ul ul {
+
 
         margin-bottom: 0
 
         margin-bottom: 0
 
     }
 
     }
Line 231: Line 132:
 
     }
 
     }
  
     b,
+
     b, strong {
    strong {
+
 
         font-weight: bolder
 
         font-weight: bolder
 
     }
 
     }
Line 240: Line 140:
 
     }
 
     }
  
     sub,
+
     sub, sup {
    sup {
+
 
         position: relative;
 
         position: relative;
 
         font-size: 75%;
 
         font-size: 75%;
Line 273: Line 172:
 
     }
 
     }
  
     a:not([href]):not([tabindex]):focus,
+
     a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    a:not([href]):not([tabindex]):hover {
+
 
         color: inherit;
 
         color: inherit;
 
         text-decoration: none
 
         text-decoration: none
Line 283: Line 181:
 
     }
 
     }
  
     code,
+
     code, kbd, pre, samp {
    kbd,
+
    pre,
+
    samp {
+
 
         font-family: monospace, monospace;
 
         font-family: monospace, monospace;
 
         font-size: 1em
 
         font-size: 1em
Line 341: Line 236:
 
     }
 
     }
  
     button,
+
     button, input, optgroup, select, textarea {
    input,
+
    optgroup,
+
    select,
+
    textarea {
+
 
         margin: 0;
 
         margin: 0;
 
         font-family: inherit;
 
         font-family: inherit;
Line 352: Line 243:
 
     }
 
     }
  
     button,
+
     button, input {
    input {
+
 
         overflow: visible
 
         overflow: visible
 
     }
 
     }
  
     button,
+
     button, select {
    select {
+
 
         text-transform: none
 
         text-transform: none
 
     }
 
     }
  
     [type=reset],
+
     [type=reset], [type=submit], button, html [type=button] {
    [type=submit],
+
    button,
+
    html [type=button] {
+
 
         -webkit-appearance: button
 
         -webkit-appearance: button
 
     }
 
     }
  
     [type=button]::-moz-focus-inner,
+
     [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, 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=checkbox], input[type=radio] {
    input[type=radio] {
+
 
         box-sizing: border-box;
 
         box-sizing: border-box;
 
         padding: 0
 
         padding: 0
 
     }
 
     }
  
     input[type=date],
+
     input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    input[type=datetime-local],
+
    input[type=month],
+
    input[type=time] {
+
 
         -webkit-appearance: listbox
 
         -webkit-appearance: listbox
 
     }
 
     }
Line 418: Line 297:
 
     }
 
     }
  
     [type=number]::-webkit-inner-spin-button,
+
     [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    [type=number]::-webkit-outer-spin-button {
+
 
         height: auto
 
         height: auto
 
     }
 
     }
Line 428: Line 306:
 
     }
 
     }
  
     [type=search]::-webkit-search-cancel-button,
+
     [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    [type=search]::-webkit-search-decoration {
+
 
         -webkit-appearance: none
 
         -webkit-appearance: none
 
     }
 
     }
Line 455: Line 332:
 
     }
 
     }
  
     .h1,
+
     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    .h2,
+
    .h3,
+
    .h4,
+
    .h5,
+
    .h6,
+
    h1,
+
    h2,
+
    h3,
+
    h4,
+
    h5,
+
    h6 {
+
 
         margin-bottom: .5rem;
 
         margin-bottom: .5rem;
 
         font-family: inherit;
 
         font-family: inherit;
Line 474: Line 340:
 
     }
 
     }
  
     .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 540: Line 400:
 
     }
 
     }
  
     .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 618: Line 476:
 
     }
 
     }
  
     code,
+
     code, kbd, pre, samp {
    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 631: Line 486:
 
     }
 
     }
  
     a>code {
+
     a > code {
 
         color: inherit
 
         color: inherit
 
     }
 
     }
Line 720: Line 575:
 
     }
 
     }
  
     .no-gutters>.col,
+
     .no-gutters > .col, .no-gutters > [class*=col-] {
    .no-gutters>[class*=col-] {
+
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 0
 
         padding-left: 0
 
     }
 
     }
  
     .col,
+
     .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-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,864: Line 1,649:
 
     }
 
     }
  
     .table td,
+
     .table td, .table th {
    .table th {
+
 
         padding: .75rem;
 
         padding: .75rem;
 
         vertical-align: top;
 
         vertical-align: top;
Line 1,876: Line 1,660:
 
     }
 
     }
  
     .table tbody+tbody {
+
     .table tbody + tbody {
 
         border-top: 2px solid #dee2e6
 
         border-top: 2px solid #dee2e6
 
     }
 
     }
Line 1,884: Line 1,668:
 
     }
 
     }
  
     .table-sm td,
+
     .table-sm td, .table-sm th {
    .table-sm th {
+
 
         padding: .3rem
 
         padding: .3rem
 
     }
 
     }
Line 1,893: Line 1,676:
 
     }
 
     }
  
     .table-bordered td,
+
     .table-bordered td, .table-bordered th {
    .table-bordered th {
+
 
         border: 1px solid #dee2e6
 
         border: 1px solid #dee2e6
 
     }
 
     }
  
     .table-bordered thead td,
+
     .table-bordered thead td, .table-bordered thead th {
    .table-bordered thead th {
+
 
         border-bottom-width: 2px
 
         border-bottom-width: 2px
 
     }
 
     }
  
     .table-borderless tbody+tbody,
+
     .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    .table-borderless td,
+
    .table-borderless th,
+
    .table-borderless thead th {
+
 
         border: 0
 
         border: 0
 
     }
 
     }
Line 1,918: Line 1,696:
 
     }
 
     }
  
     .table-primary,
+
     .table-primary, .table-primary > td, .table-primary > th {
    .table-primary>td,
+
    .table-primary>th {
+
 
         background-color: #b8daff
 
         background-color: #b8daff
 
     }
 
     }
Line 1,928: Line 1,704:
 
     }
 
     }
  
     .table-hover .table-primary:hover>td,
+
     .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    .table-hover .table-primary:hover>th {
+
 
         background-color: #9fcdff
 
         background-color: #9fcdff
 
     }
 
     }
  
     .table-secondary,
+
     .table-secondary, .table-secondary > td, .table-secondary > th {
    .table-secondary>td,
+
    .table-secondary>th {
+
 
         background-color: #d6d8db
 
         background-color: #d6d8db
 
     }
 
     }
Line 1,943: Line 1,716:
 
     }
 
     }
  
     .table-hover .table-secondary:hover>td,
+
     .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    .table-hover .table-secondary:hover>th {
+
 
         background-color: #c8cbcf
 
         background-color: #c8cbcf
 
     }
 
     }
  
     .table-success,
+
     .table-success, .table-success > td, .table-success > th {
    .table-success>td,
+
    .table-success>th {
+
 
         background-color: #c3e6cb
 
         background-color: #c3e6cb
 
     }
 
     }
Line 1,958: Line 1,728:
 
     }
 
     }
  
     .table-hover .table-success:hover>td,
+
     .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    .table-hover .table-success:hover>th {
+
 
         background-color: #b1dfbb
 
         background-color: #b1dfbb
 
     }
 
     }
  
     .table-info,
+
     .table-info, .table-info > td, .table-info > th {
    .table-info>td,
+
    .table-info>th {
+
 
         background-color: #bee5eb
 
         background-color: #bee5eb
 
     }
 
     }
Line 1,973: Line 1,740:
 
     }
 
     }
  
     .table-hover .table-info:hover>td,
+
     .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    .table-hover .table-info:hover>th {
+
 
         background-color: #abdde5
 
         background-color: #abdde5
 
     }
 
     }
  
     .table-warning,
+
     .table-warning, .table-warning > td, .table-warning > th {
    .table-warning>td,
+
    .table-warning>th {
+
 
         background-color: #ffeeba
 
         background-color: #ffeeba
 
     }
 
     }
Line 1,988: Line 1,752:
 
     }
 
     }
  
     .table-hover .table-warning:hover>td,
+
     .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    .table-hover .table-warning:hover>th {
+
 
         background-color: #ffe8a1
 
         background-color: #ffe8a1
 
     }
 
     }
  
     .table-danger,
+
     .table-danger, .table-danger > td, .table-danger > th {
    .table-danger>td,
+
    .table-danger>th {
+
 
         background-color: #f5c6cb
 
         background-color: #f5c6cb
 
     }
 
     }
Line 2,003: Line 1,764:
 
     }
 
     }
  
     .table-hover .table-danger:hover>td,
+
     .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    .table-hover .table-danger:hover>th {
+
 
         background-color: #f1b0b7
 
         background-color: #f1b0b7
 
     }
 
     }
  
     .table-light,
+
     .table-light, .table-light > td, .table-light > th {
    .table-light>td,
+
    .table-light>th {
+
 
         background-color: #fdfdfe
 
         background-color: #fdfdfe
 
     }
 
     }
Line 2,018: Line 1,776:
 
     }
 
     }
  
     .table-hover .table-light:hover>td,
+
     .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    .table-hover .table-light:hover>th {
+
 
         background-color: #ececf6
 
         background-color: #ececf6
 
     }
 
     }
  
     .table-dark,
+
     .table-dark, .table-dark > td, .table-dark > th {
    .table-dark>td,
+
    .table-dark>th {
+
 
         background-color: #c6c8ca
 
         background-color: #c6c8ca
 
     }
 
     }
Line 2,033: Line 1,788:
 
     }
 
     }
  
     .table-hover .table-dark:hover>td,
+
     .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    .table-hover .table-dark:hover>th {
+
 
         background-color: #b9bbbe
 
         background-color: #b9bbbe
 
     }
 
     }
  
     .table-active,
+
     .table-active, .table-active > td, .table-active > th {
    .table-active>td,
+
    .table-active>th {
+
 
         background-color: rgba(0, 0, 0, .075)
 
         background-color: rgba(0, 0, 0, .075)
 
     }
 
     }
Line 2,048: Line 1,800:
 
     }
 
     }
  
     .table-hover .table-active:hover>td,
+
     .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    .table-hover .table-active:hover>th {
+
 
         background-color: rgba(0, 0, 0, .075)
 
         background-color: rgba(0, 0, 0, .075)
 
     }
 
     }
Line 2,070: Line 1,821:
 
     }
 
     }
  
     .table-dark td,
+
     .table-dark td, .table-dark th, .table-dark thead th {
    .table-dark th,
+
    .table-dark thead th {
+
 
         border-color: #32383e
 
         border-color: #32383e
 
     }
 
     }
Line 2,097: Line 1,846:
 
         }
 
         }
  
         .table-responsive-sm>.table-bordered {
+
         .table-responsive-sm > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,111: Line 1,860:
 
         }
 
         }
  
         .table-responsive-md>.table-bordered {
+
         .table-responsive-md > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,125: Line 1,874:
 
         }
 
         }
  
         .table-responsive-lg>.table-bordered {
+
         .table-responsive-lg > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,139: Line 1,888:
 
         }
 
         }
  
         .table-responsive-xl>.table-bordered {
+
         .table-responsive-xl > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,152: Line 1,901:
 
     }
 
     }
  
     .table-responsive>.table-bordered {
+
     .table-responsive > .table-bordered {
 
         border: 0
 
         border: 0
 
     }
 
     }
Line 2,214: Line 1,963:
 
     }
 
     }
  
     .form-control:disabled,
+
     .form-control:disabled, .form-control[readonly] {
    .form-control[readonly] {
+
 
         background-color: #e9ecef;
 
         background-color: #e9ecef;
 
         opacity: 1
 
         opacity: 1
Line 2,229: Line 1,977:
 
     }
 
     }
  
     .form-control-file,
+
     .form-control-file, .form-control-range {
    .form-control-range {
+
 
         display: block;
 
         display: block;
 
         width: 100%
 
         width: 100%
Line 2,270: Line 2,017:
 
     }
 
     }
  
     .form-control-plaintext.form-control-lg,
+
     .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-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,
+
     .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 {
    .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,298: Line 2,029:
 
     }
 
     }
  
     .input-group-sm>.input-group-append>select.btn: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]) {
    .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,
+
     .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 {
    .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,319: Line 2,040:
 
     }
 
     }
  
     .input-group-lg>.input-group-append>select.btn: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]) {
    .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,346: Line 2,062:
 
     }
 
     }
  
     .form-row>.col,
+
     .form-row > .col, .form-row > [class*=col-] {
    .form-row>[class*=col-] {
+
 
         padding-right: 5px;
 
         padding-right: 5px;
 
         padding-left: 5px
 
         padding-left: 5px
Line 2,364: Line 2,079:
 
     }
 
     }
  
     .form-check-input:disabled~.form-check-label {
+
     .form-check-input:disabled ~ .form-check-label {
 
         color: #6c757d
 
         color: #6c757d
 
     }
 
     }
Line 2,411: Line 2,126:
 
     }
 
     }
  
     .custom-select.is-valid,
+
     .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control: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,
+
     .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control: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-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-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,
+
     .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input: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-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-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,
+
     .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input: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,
+
     .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input: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-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-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,
+
     .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input: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,
+
     .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input: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,
+
     .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input: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,
+
     .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input: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-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-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,
+
     .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input: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,521: Line 2,206:
 
     }
 
     }
  
     .custom-select.is-invalid,
+
     .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control: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,
+
     .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control: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-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-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,
+
     .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input: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-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-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,
+
     .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input: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,
+
     .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input: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-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-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,
+
     .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input: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,
+
     .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input: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,
+
     .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input: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,
+
     .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input: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-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-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,
+
     .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input: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,654: Line 2,309:
 
         }
 
         }
  
         .form-inline .custom-select,
+
         .form-inline .custom-select, .form-inline .input-group {
        .form-inline .input-group {
+
 
             width: auto
 
             width: auto
 
         }
 
         }
Line 2,713: Line 2,367:
 
     }
 
     }
  
     .btn:focus,
+
     .btn:focus, .btn:hover {
    .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,733: Line 2,384:
 
     }
 
     }
  
     .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,
+
     a.btn.disabled, fieldset:disabled a.btn {
    fieldset:disabled a.btn {
+
 
         pointer-events: none
 
         pointer-events: none
 
     }
 
     }
Line 2,755: Line 2,404:
 
     }
 
     }
  
     .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,767: Line 2,414:
 
     }
 
     }
  
     .btn-primary:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-primary.dropdown-toggle {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #0062cc;
 
         background-color: #0062cc;
Line 2,775: Line 2,420:
 
     }
 
     }
  
     .btn-primary:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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,793: Line 2,436:
 
     }
 
     }
  
     .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,805: Line 2,446:
 
     }
 
     }
  
     .btn-secondary:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-secondary.dropdown-toggle {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #545b62;
 
         background-color: #545b62;
Line 2,813: Line 2,452:
 
     }
 
     }
  
     .btn-secondary:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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,831: Line 2,468:
 
     }
 
     }
  
     .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,843: Line 2,478:
 
     }
 
     }
  
     .btn-success:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-success.dropdown-toggle {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #1e7e34;
 
         background-color: #1e7e34;
Line 2,851: Line 2,484:
 
     }
 
     }
  
     .btn-success:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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,869: Line 2,500:
 
     }
 
     }
  
     .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,881: Line 2,510:
 
     }
 
     }
  
     .btn-info:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-info.dropdown-toggle {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #117a8b;
 
         background-color: #117a8b;
Line 2,889: Line 2,516:
 
     }
 
     }
  
     .btn-info:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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,907: Line 2,532:
 
     }
 
     }
  
     .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,919: Line 2,542:
 
     }
 
     }
  
     .btn-warning:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-warning.dropdown-toggle {
+
 
         color: #212529;
 
         color: #212529;
 
         background-color: #d39e00;
 
         background-color: #d39e00;
Line 2,927: Line 2,548:
 
     }
 
     }
  
     .btn-warning:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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,945: Line 2,564:
 
     }
 
     }
  
     .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,957: Line 2,574:
 
     }
 
     }
  
     .btn-danger:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-danger.dropdown-toggle {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #bd2130;
 
         background-color: #bd2130;
Line 2,965: Line 2,580:
 
     }
 
     }
  
     .btn-danger:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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,983: Line 2,596:
 
     }
 
     }
  
     .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,995: Line 2,606:
 
     }
 
     }
  
     .btn-light:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-light.dropdown-toggle {
+
 
         color: #212529;
 
         color: #212529;
 
         background-color: #dae0e5;
 
         background-color: #dae0e5;
Line 3,003: Line 2,612:
 
     }
 
     }
  
     .btn-light:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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 3,021: Line 2,628:
 
     }
 
     }
  
     .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 3,033: Line 2,638:
 
     }
 
     }
  
     .btn-dark:not(:disabled):not(.disabled).active,
+
     .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,
+
    .show>.btn-dark.dropdown-toggle {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #1d2124;
 
         background-color: #1d2124;
Line 3,041: Line 2,644:
 
     }
 
     }
  
     .btn-dark:not(:disabled):not(.disabled).active:focus,
+
     .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,
+
    .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 3,060: Line 2,661:
 
     }
 
     }
  
     .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, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    .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 3,079: Line 2,676:
 
     }
 
     }
  
     .btn-outline-primary:not(:disabled):not(.disabled).active: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 {
    .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 3,098: Line 2,693:
 
     }
 
     }
  
     .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, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    .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 3,117: Line 2,708:
 
     }
 
     }
  
     .btn-outline-secondary:not(:disabled):not(.disabled).active: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 {
    .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 3,136: Line 2,725:
 
     }
 
     }
  
     .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, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
    .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 3,155: Line 2,740:
 
     }
 
     }
  
     .btn-outline-success:not(:disabled):not(.disabled).active: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 {
    .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 3,174: Line 2,757:
 
     }
 
     }
  
     .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, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    .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 3,193: Line 2,772:
 
     }
 
     }
  
     .btn-outline-info:not(:disabled):not(.disabled).active: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 {
    .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 3,212: Line 2,789:
 
     }
 
     }
  
     .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, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
    .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 3,231: Line 2,804:
 
     }
 
     }
  
     .btn-outline-warning:not(:disabled):not(.disabled).active: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 {
    .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 3,250: Line 2,821:
 
     }
 
     }
  
     .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, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
    .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 3,269: Line 2,836:
 
     }
 
     }
  
     .btn-outline-danger:not(:disabled):not(.disabled).active: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 {
    .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 3,288: Line 2,853:
 
     }
 
     }
  
     .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, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
    .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 3,307: Line 2,868:
 
     }
 
     }
  
     .btn-outline-light:not(:disabled):not(.disabled).active: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 {
    .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 3,326: Line 2,885:
 
     }
 
     }
  
     .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, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
    .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 3,345: Line 2,900:
 
     }
 
     }
  
     .btn-outline-dark:not(:disabled):not(.disabled).active: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 {
    .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-link {
    .btn-lg {
+
        font-weight: 400;
 +
        color: #007bff;
 +
        background-color: transparent
 +
    }
 +
 
 +
    .btn-link:hover {
 +
        color: #0056b3;
 +
        text-decoration: underline;
 +
        background-color: transparent;
 +
        border-color: transparent
 +
    }
 +
 
 +
    .btn-link.focus, .btn-link:focus {
 +
        text-decoration: underline;
 +
        border-color: transparent;
 +
        box-shadow: none
 +
    }
 +
 
 +
    .btn-link.disabled, .btn-link:disabled {
 +
        color: #6c757d;
 +
        pointer-events: none
 +
    }
 +
 
 +
     .btn-group-lg > .btn, .btn-lg {
 
         padding: .5rem 1rem;
 
         padding: .5rem 1rem;
 
         font-size: 1.25rem;
 
         font-size: 1.25rem;
Line 3,359: Line 2,935:
 
     }
 
     }
  
     .btn-group-sm>.btn,
+
     .btn-group-sm > .btn, .btn-sm {
    .btn-sm {
+
 
         padding: .25rem .5rem;
 
         padding: .25rem .5rem;
 
         font-size: .875rem;
 
         font-size: .875rem;
Line 3,372: Line 2,947:
 
     }
 
     }
  
     .btn-block+.btn-block {
+
     .btn-block + .btn-block {
 
         margin-top: .5rem
 
         margin-top: .5rem
 
     }
 
     }
  
     input[type=button].btn-block,
+
     input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    input[type=reset].btn-block,
+
    input[type=submit].btn-block {
+
 
         width: 100%
 
         width: 100%
 
     }
 
     }
Line 3,413: Line 2,986:
 
     }
 
     }
  
     .dropdown,
+
     .dropdown, .dropleft, .dropright, .dropup {
    .dropleft,
+
    .dropright,
+
    .dropup {
+
 
         position: relative
 
         position: relative
 
     }
 
     }
Line 3,556: Line 3,126:
 
     }
 
     }
  
     .dropdown-menu[x-placement^=bottom],
+
     .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    .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,584: Line 3,151:
 
     }
 
     }
  
     .dropdown-item:focus,
+
     .dropdown-item:focus, .dropdown-item:hover {
    .dropdown-item:hover {
+
 
         color: #16181b;
 
         color: #16181b;
 
         text-decoration: none;
 
         text-decoration: none;
Line 3,591: Line 3,157:
 
     }
 
     }
  
     .dropdown-item.active,
+
     .dropdown-item.active, .dropdown-item:active {
    .dropdown-item:active {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 3,598: Line 3,163:
 
     }
 
     }
  
     .dropdown-item.disabled,
+
     .dropdown-item.disabled, .dropdown-item:disabled {
    .dropdown-item:disabled {
+
 
         color: #6c757d;
 
         color: #6c757d;
 
         background-color: transparent
 
         background-color: transparent
Line 3,623: Line 3,187:
 
     }
 
     }
  
     .btn-group,
+
     .btn-group, .btn-group-vertical {
    .btn-group-vertical {
+
 
         position: relative;
 
         position: relative;
 
         display: -ms-inline-flexbox;
 
         display: -ms-inline-flexbox;
Line 3,631: Line 3,194:
 
     }
 
     }
  
     .btn-group-vertical>.btn,
+
     .btn-group-vertical > .btn, .btn-group > .btn {
    .btn-group>.btn {
+
 
         position: relative;
 
         position: relative;
 
         -ms-flex: 0 1 auto;
 
         -ms-flex: 0 1 auto;
Line 3,638: Line 3,200:
 
     }
 
     }
  
     .btn-group-vertical>.btn:hover,
+
     .btn-group-vertical > .btn:hover, .btn-group > .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: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: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, .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-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,676: Line 3,225:
 
     }
 
     }
  
     .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-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    .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-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    .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,697: Line 3,244:
 
     }
 
     }
  
     .dropdown-toggle-split::after,
+
     .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    .dropright .dropdown-toggle-split::after,
+
    .dropup .dropdown-toggle-split::after {
+
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
Line 3,707: Line 3,252:
 
     }
 
     }
  
     .btn-group-sm>.btn+.dropdown-toggle-split,
+
     .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .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-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    .btn-lg+.dropdown-toggle-split {
+
 
         padding-right: .75rem;
 
         padding-right: .75rem;
 
         padding-left: .75rem
 
         padding-left: .75rem
Line 3,728: Line 3,271:
 
     }
 
     }
  
     .btn-group-vertical .btn,
+
     .btn-group-vertical .btn, .btn-group-vertical .btn-group {
    .btn-group-vertical .btn-group {
+
 
         width: 100%
 
         width: 100%
 
     }
 
     }
  
     .btn-group-vertical>.btn+.btn,
+
     .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-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-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    .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-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
    .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, .btn-group-toggle > .btn-group > .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=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=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,778: Line 3,311:
 
     }
 
     }
  
     .input-group>.custom-file,
+
     .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    .input-group>.custom-select,
+
    .input-group>.form-control {
+
 
         position: relative;
 
         position: relative;
 
         -ms-flex: 1 1 auto;
 
         -ms-flex: 1 1 auto;
Line 3,788: Line 3,319:
 
     }
 
     }
  
     .input-group>.custom-file:focus,
+
     .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control: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-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-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 > .custom-select:not(:last-child), .input-group > .form-control: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 > .custom-select:not(:first-child), .input-group > .form-control: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,825: Line 3,344:
 
     }
 
     }
  
     .input-group>.custom-file:not(:last-child) .custom-file-label,
+
     .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::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, .input-group > .custom-file:not(:first-child) .custom-file-label::after {
    .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-append, .input-group-prepend {
    .input-group-prepend {
+
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex
 
         display: flex
 
     }
 
     }
  
     .input-group-append .btn,
+
     .input-group-append .btn, .input-group-prepend .btn {
    .input-group-prepend .btn {
+
 
         position: relative;
 
         position: relative;
 
         z-index: 2
 
         z-index: 2
 
     }
 
     }
  
     .input-group-append .btn+.btn,
+
     .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+.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,886: Line 3,394:
 
     }
 
     }
  
     .input-group-text input[type=checkbox],
+
     .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    .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 > .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>.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 > .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>.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,930: Line 3,427:
 
     }
 
     }
  
     .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,989: Line 3,486:
 
     }
 
     }
  
     .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 4,017: Line 3,514:
 
     }
 
     }
  
     .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 4,057: Line 3,554:
 
     }
 
     }
  
     .custom-select[multiple],
+
     .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    .custom-select[size]:not([size="1"]) {
+
 
         height: auto;
 
         height: auto;
 
         padding-right: .75rem;
 
         padding-right: .75rem;
Line 4,104: Line 3,600:
 
     }
 
     }
  
     .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 4,279: Line 3,775:
 
     }
 
     }
  
     .nav-link:focus,
+
     .nav-link:focus, .nav-link:hover {
    .nav-link:hover {
+
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 4,302: Line 3,797:
 
     }
 
     }
  
     .nav-tabs .nav-link:focus,
+
     .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    .nav-tabs .nav-link:hover {
+
 
         border-color: #e9ecef #e9ecef #dee2e6
 
         border-color: #e9ecef #e9ecef #dee2e6
 
     }
 
     }
Line 4,313: Line 3,807:
 
     }
 
     }
  
     .nav-tabs .nav-item.show .nav-link,
+
     .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    .nav-tabs .nav-link.active {
+
 
         color: #495057;
 
         color: #495057;
 
         background-color: #fff;
 
         background-color: #fff;
Line 4,330: Line 3,823:
 
     }
 
     }
  
     .nav-pills .nav-link.active,
+
     .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    .nav-pills .show>.nav-link {
+
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff
 
         background-color: #007bff
Line 4,350: Line 3,842:
 
     }
 
     }
  
     .tab-content>.tab-pane {
+
     .tab-content > .tab-pane {
 
         display: none
 
         display: none
 
     }
 
     }
  
     .tab-content>.active {
+
     .tab-content > .active {
 
         display: block
 
         display: block
 
     }
 
     }
Line 4,371: Line 3,863:
 
     }
 
     }
  
     .navbar>.container,
+
     .navbar > .container, .navbar > .container-fluid {
    .navbar>.container-fluid {
+
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex;
 
         display: flex;
Line 4,393: Line 3,884:
 
     }
 
     }
  
     .navbar-brand:focus,
+
     .navbar-brand:focus, .navbar-brand:hover {
    .navbar-brand:hover {
+
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 4,442: Line 3,932:
 
     }
 
     }
  
     .navbar-toggler:focus,
+
     .navbar-toggler:focus, .navbar-toggler:hover {
    .navbar-toggler:hover {
+
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 4,462: Line 3,951:
  
 
     @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,492: Line 3,979:
 
         }
 
         }
  
         .navbar-expand-sm>.container,
+
         .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        .navbar-expand-sm>.container-fluid {
+
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,511: Line 3,997:
  
 
     @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,541: Line 4,025:
 
         }
 
         }
  
         .navbar-expand-md>.container,
+
         .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        .navbar-expand-md>.container-fluid {
+
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,560: Line 4,043:
  
 
     @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,590: Line 4,071:
 
         }
 
         }
  
         .navbar-expand-lg>.container,
+
         .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        .navbar-expand-lg>.container-fluid {
+
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,609: Line 4,089:
  
 
     @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,639: Line 4,117:
 
         }
 
         }
  
         .navbar-expand-xl>.container,
+
         .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        .navbar-expand-xl>.container-fluid {
+
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,664: Line 4,141:
 
     }
 
     }
  
     .navbar-expand>.container,
+
     .navbar-expand > .container, .navbar-expand > .container-fluid {
    .navbar-expand>.container-fluid {
+
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 0
 
         padding-left: 0
Line 4,684: Line 4,160:
 
     }
 
     }
  
     .navbar-expand>.container,
+
     .navbar-expand > .container, .navbar-expand > .container-fluid {
    .navbar-expand>.container-fluid {
+
 
         -ms-flex-wrap: nowrap;
 
         -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap
 
         flex-wrap: nowrap
Line 4,705: Line 4,180:
 
     }
 
     }
  
     .navbar-light .navbar-brand:focus,
+
     .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    .navbar-light .navbar-brand:hover {
+
 
         color: rgba(0, 0, 0, .9)
 
         color: rgba(0, 0, 0, .9)
 
     }
 
     }
Line 4,714: Line 4,188:
 
     }
 
     }
  
     .navbar-light .navbar-nav .nav-link:focus,
+
     .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    .navbar-light .navbar-nav .nav-link:hover {
+
 
         color: rgba(0, 0, 0, .7)
 
         color: rgba(0, 0, 0, .7)
 
     }
 
     }
Line 4,723: Line 4,196:
 
     }
 
     }
  
     .navbar-light .navbar-nav .active>.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 {
    .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,747: Line 4,217:
 
     }
 
     }
  
     .navbar-light .navbar-text a:focus,
+
     .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    .navbar-light .navbar-text a:hover {
+
 
         color: rgba(0, 0, 0, .9)
 
         color: rgba(0, 0, 0, .9)
 
     }
 
     }
Line 4,756: Line 4,225:
 
     }
 
     }
  
     .navbar-dark .navbar-brand:focus,
+
     .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    .navbar-dark .navbar-brand:hover {
+
 
         color: #fff
 
         color: #fff
 
     }
 
     }
Line 4,765: Line 4,233:
 
     }
 
     }
  
     .navbar-dark .navbar-nav .nav-link:focus,
+
     .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    .navbar-dark .navbar-nav .nav-link:hover {
+
 
         color: rgba(255, 255, 255, .75)
 
         color: rgba(255, 255, 255, .75)
 
     }
 
     }
Line 4,774: Line 4,241:
 
     }
 
     }
  
     .navbar-dark .navbar-nav .active>.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 {
    .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,798: Line 4,262:
 
     }
 
     }
  
     .navbar-dark .navbar-text a:focus,
+
     .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    .navbar-dark .navbar-text a:hover {
+
 
         color: #fff
 
         color: #fff
 
     }
 
     }
Line 4,817: Line 4,280:
 
     }
 
     }
  
     .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,855: Line 4,318:
 
     }
 
     }
  
     .card-link+.card-link {
+
     .card-link + .card-link {
 
         margin-left: 1.25rem
 
         margin-left: 1.25rem
 
     }
 
     }
Line 4,870: Line 4,333:
 
     }
 
     }
  
     .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,961: Line 4,424:
 
     }
 
     }
  
     .card-group>.card {
+
     .card-group > .card {
 
         margin-bottom: 15px
 
         margin-bottom: 15px
 
     }
 
     }
Line 4,971: Line 4,434:
 
         }
 
         }
  
         .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,977: Line 4,440:
 
         }
 
         }
  
         .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-header, .card-group > .card:first-child .card-img-top {
        .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-footer, .card-group > .card:first-child .card-img-bottom {
        .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-header, .card-group > .card:last-child .card-img-top {
        .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-footer, .card-group > .card:last-child .card-img-bottom {
        .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-header, .card-group > .card:only-child .card-img-top {
        .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-footer, .card-group > .card:only-child .card-img-bottom {
        .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-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-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 5,094: Line 4,548:
 
     }
 
     }
  
     .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 5,105: Line 4,559:
 
     }
 
     }
  
     .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 5,244: Line 4,698:
 
     }
 
     }
  
     .badge-primary[href]:focus,
+
     .badge-primary[href]:focus, .badge-primary[href]:hover {
    .badge-primary[href]:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,256: Line 4,709:
 
     }
 
     }
  
     .badge-secondary[href]:focus,
+
     .badge-secondary[href]:focus, .badge-secondary[href]:hover {
    .badge-secondary[href]:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,268: Line 4,720:
 
     }
 
     }
  
     .badge-success[href]:focus,
+
     .badge-success[href]:focus, .badge-success[href]:hover {
    .badge-success[href]:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,280: Line 4,731:
 
     }
 
     }
  
     .badge-info[href]:focus,
+
     .badge-info[href]:focus, .badge-info[href]:hover {
    .badge-info[href]:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,292: Line 4,742:
 
     }
 
     }
  
     .badge-warning[href]:focus,
+
     .badge-warning[href]:focus, .badge-warning[href]:hover {
    .badge-warning[href]:hover {
+
 
         color: #212529;
 
         color: #212529;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,304: Line 4,753:
 
     }
 
     }
  
     .badge-danger[href]:focus,
+
     .badge-danger[href]:focus, .badge-danger[href]:hover {
    .badge-danger[href]:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,316: Line 4,764:
 
     }
 
     }
  
     .badge-light[href]:focus,
+
     .badge-light[href]:focus, .badge-light[href]:hover {
    .badge-light[href]:hover {
+
 
         color: #212529;
 
         color: #212529;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,328: Line 4,775:
 
     }
 
     }
  
     .badge-dark[href]:focus,
+
     .badge-dark[href]:focus, .badge-dark[href]:hover {
    .badge-dark[href]:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,498: Line 4,944:
 
             background-position: 1rem 0
 
             background-position: 1rem 0
 
         }
 
         }
 
 
         to {
 
         to {
 
             background-position: 0 0
 
             background-position: 0 0
Line 5,508: Line 4,953:
 
             background-position: 1rem 0
 
             background-position: 1rem 0
 
         }
 
         }
 
 
         to {
 
         to {
 
             background-position: 0 0
 
             background-position: 0 0
Line 5,581: Line 5,025:
 
     }
 
     }
  
     .list-group-item-action:focus,
+
     .list-group-item-action:focus, .list-group-item-action:hover {
    .list-group-item-action:hover {
+
 
         color: #495057;
 
         color: #495057;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,613: Line 5,056:
 
     }
 
     }
  
     .list-group-item:focus,
+
     .list-group-item:focus, .list-group-item:hover {
    .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,651: Line 5,092:
 
     }
 
     }
  
     .list-group-item-primary.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #004085;
 
         color: #004085;
 
         background-color: #9fcdff
 
         background-color: #9fcdff
Line 5,668: Line 5,108:
 
     }
 
     }
  
     .list-group-item-secondary.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #383d41;
 
         color: #383d41;
 
         background-color: #c8cbcf
 
         background-color: #c8cbcf
Line 5,685: Line 5,124:
 
     }
 
     }
  
     .list-group-item-success.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #155724;
 
         color: #155724;
 
         background-color: #b1dfbb
 
         background-color: #b1dfbb
Line 5,702: Line 5,140:
 
     }
 
     }
  
     .list-group-item-info.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #0c5460;
 
         color: #0c5460;
 
         background-color: #abdde5
 
         background-color: #abdde5
Line 5,719: Line 5,156:
 
     }
 
     }
  
     .list-group-item-warning.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #856404;
 
         color: #856404;
 
         background-color: #ffe8a1
 
         background-color: #ffe8a1
Line 5,736: Line 5,172:
 
     }
 
     }
  
     .list-group-item-danger.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #721c24;
 
         color: #721c24;
 
         background-color: #f1b0b7
 
         background-color: #f1b0b7
Line 5,753: Line 5,188:
 
     }
 
     }
  
     .list-group-item-light.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #818182;
 
         color: #818182;
 
         background-color: #ececf6
 
         background-color: #ececf6
Line 5,770: Line 5,204:
 
     }
 
     }
  
     .list-group-item-dark.list-group-item-action:focus,
+
     .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:hover {
+
 
         color: #1b1e21;
 
         color: #1b1e21;
 
         background-color: #b9bbbe
 
         background-color: #b9bbbe
Line 5,792: Line 5,225:
 
     }
 
     }
  
     .close:focus,
+
     .close:focus, .close:hover {
    .close:hover {
+
 
         color: #000;
 
         color: #000;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,939: Line 5,371:
 
     }
 
     }
  
     .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 6,018: Line 5,450:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=top],
+
     .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    .bs-tooltip-top {
+
 
         padding: .4rem 0
 
         padding: .4rem 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=top] .arrow,
+
     .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    .bs-tooltip-top .arrow {
+
 
         bottom: 0
 
         bottom: 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=top] .arrow::before,
+
     .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    .bs-tooltip-top .arrow::before {
+
 
         top: 0;
 
         top: 0;
 
         border-width: .4rem .4rem 0;
 
         border-width: .4rem .4rem 0;
Line 6,035: Line 5,464:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=right],
+
     .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    .bs-tooltip-right {
+
 
         padding: 0 .4rem
 
         padding: 0 .4rem
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=right] .arrow,
+
     .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    .bs-tooltip-right .arrow {
+
 
         left: 0;
 
         left: 0;
 
         width: .4rem;
 
         width: .4rem;
Line 6,047: Line 5,474:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=right] .arrow::before,
+
     .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-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 6,054: Line 5,480:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=bottom],
+
     .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    .bs-tooltip-bottom {
+
 
         padding: .4rem 0
 
         padding: .4rem 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=bottom] .arrow,
+
     .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    .bs-tooltip-bottom .arrow {
+
 
         top: 0
 
         top: 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
+
     .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    .bs-tooltip-bottom .arrow::before {
+
 
         bottom: 0;
 
         bottom: 0;
 
         border-width: 0 .4rem .4rem;
 
         border-width: 0 .4rem .4rem;
Line 6,071: Line 5,494:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=left],
+
     .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    .bs-tooltip-left {
+
 
         padding: 0 .4rem
 
         padding: 0 .4rem
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=left] .arrow,
+
     .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    .bs-tooltip-left .arrow {
+
 
         right: 0;
 
         right: 0;
 
         width: .4rem;
 
         width: .4rem;
Line 6,083: Line 5,504:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=left] .arrow::before,
+
     .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-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 6,136: Line 5,556:
 
     }
 
     }
  
     .popover .arrow::after,
+
     .popover .arrow::after, .popover .arrow::before {
    .popover .arrow::before {
+
 
         position: absolute;
 
         position: absolute;
 
         display: block;
 
         display: block;
Line 6,145: Line 5,564:
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=top],
+
     .bs-popover-auto[x-placement^=top], .bs-popover-top {
    .bs-popover-top {
+
 
         margin-bottom: .5rem
 
         margin-bottom: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=top] .arrow,
+
     .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-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::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::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-auto[x-placement^=top] .arrow::before, .bs-popover-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-auto[x-placement^=top] .arrow::after, .bs-popover-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-auto[x-placement^=right], .bs-popover-right {
    .bs-popover-right {
+
 
         margin-left: .5rem
 
         margin-left: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=right] .arrow,
+
     .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
    .bs-popover-right .arrow {
+
 
         left: calc((.5rem + 1px) * -1);
 
         left: calc((.5rem + 1px) * -1);
 
         width: .5rem;
 
         width: .5rem;
Line 6,187: Line 5,597:
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=right] .arrow::after,
+
     .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::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-auto[x-placement^=right] .arrow::before, .bs-popover-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-auto[x-placement^=right] .arrow::after, .bs-popover-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-auto[x-placement^=bottom], .bs-popover-bottom {
    .bs-popover-bottom {
+
 
         margin-top: .5rem
 
         margin-top: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=bottom] .arrow,
+
     .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-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::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::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-auto[x-placement^=bottom] .arrow::before, .bs-popover-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-auto[x-placement^=bottom] .arrow::after, .bs-popover-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-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    .bs-popover-bottom .popover-header::before {
+
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 6,247: Line 5,644:
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left],
+
     .bs-popover-auto[x-placement^=left], .bs-popover-left {
    .bs-popover-left {
+
 
         margin-right: .5rem
 
         margin-right: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left] .arrow,
+
     .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
    .bs-popover-left .arrow {
+
 
         right: calc((.5rem + 1px) * -1);
 
         right: calc((.5rem + 1px) * -1);
 
         width: .5rem;
 
         width: .5rem;
Line 6,260: Line 5,655:
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left] .arrow::after,
+
     .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::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-auto[x-placement^=left] .arrow::before, .bs-popover-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-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
    .bs-popover-left .arrow::after {
+
 
         right: 1px;
 
         right: 1px;
 
         border-left-color: #fff
 
         border-left-color: #fff
Line 6,330: Line 5,720:
 
     }
 
     }
  
     .carousel-item-next,
+
     .carousel-item-next, .carousel-item-prev, .carousel-item.active {
    .carousel-item-prev,
+
    .carousel-item.active {
+
 
         display: block
 
         display: block
 
     }
 
     }
  
     .carousel-item-next,
+
     .carousel-item-next, .carousel-item-prev {
    .carousel-item-prev {
+
 
         position: absolute;
 
         position: absolute;
 
         top: 0
 
         top: 0
 
     }
 
     }
  
     .carousel-item-next.carousel-item-left,
+
     .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    .carousel-item-prev.carousel-item-right {
+
 
         -webkit-transform: translateX(0);
 
         -webkit-transform: translateX(0);
 
         transform: translateX(0)
 
         transform: translateX(0)
Line 6,349: Line 5,735:
  
 
     @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 6,357: Line 5,741:
 
     }
 
     }
  
     .active.carousel-item-right,
+
     .active.carousel-item-right, .carousel-item-next {
    .carousel-item-next {
+
 
         -webkit-transform: translateX(100%);
 
         -webkit-transform: translateX(100%);
 
         transform: translateX(100%)
 
         transform: translateX(100%)
Line 6,364: Line 5,747:
  
 
     @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 6,372: Line 5,753:
 
     }
 
     }
  
     .active.carousel-item-left,
+
     .active.carousel-item-left, .carousel-item-prev {
    .carousel-item-prev {
+
 
         -webkit-transform: translateX(-100%);
 
         -webkit-transform: translateX(-100%);
 
         transform: translateX(-100%)
 
         transform: translateX(-100%)
Line 6,379: Line 5,759:
  
 
     @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 6,393: Line 5,771:
 
     }
 
     }
  
     .carousel-fade .carousel-item-next.carousel-item-left,
+
     .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-prev.carousel-item-right,
+
    .carousel-fade .carousel-item.active {
+
 
         opacity: 1
 
         opacity: 1
 
     }
 
     }
  
     .carousel-fade .active.carousel-item-left,
+
     .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    .carousel-fade .active.carousel-item-right {
+
 
         opacity: 0
 
         opacity: 0
 
     }
 
     }
  
     .carousel-fade .active.carousel-item-left,
+
     .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-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 6,414: Line 5,785:
  
 
     @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 6,425: Line 5,791:
 
     }
 
     }
  
     .carousel-control-next,
+
     .carousel-control-next, .carousel-control-prev {
    .carousel-control-prev {
+
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 6,442: Line 5,807:
 
     }
 
     }
  
     .carousel-control-next:focus,
+
     .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    .carousel-control-next:hover,
+
    .carousel-control-prev:focus,
+
    .carousel-control-prev:hover {
+
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 6,460: Line 5,822:
 
     }
 
     }
  
     .carousel-control-next-icon,
+
     .carousel-control-next-icon, .carousel-control-prev-icon {
    .carousel-control-prev-icon {
+
 
         display: inline-block;
 
         display: inline-block;
 
         width: 20px;
 
         width: 20px;
Line 6,569: Line 5,930:
 
     }
 
     }
  
     a.bg-primary:focus,
+
     a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    a.bg-primary:hover,
+
    button.bg-primary:focus,
+
    button.bg-primary:hover {
+
 
         background-color: #0062cc !important
 
         background-color: #0062cc !important
 
     }
 
     }
Line 6,580: Line 5,938:
 
     }
 
     }
  
     a.bg-secondary:focus,
+
     a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    a.bg-secondary:hover,
+
    button.bg-secondary:focus,
+
    button.bg-secondary:hover {
+
 
         background-color: #545b62 !important
 
         background-color: #545b62 !important
 
     }
 
     }
Line 6,591: Line 5,946:
 
     }
 
     }
  
     a.bg-success:focus,
+
     a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    a.bg-success:hover,
+
    button.bg-success:focus,
+
    button.bg-success:hover {
+
 
         background-color: #1e7e34 !important
 
         background-color: #1e7e34 !important
 
     }
 
     }
Line 6,602: Line 5,954:
 
     }
 
     }
  
     a.bg-info:focus,
+
     a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    a.bg-info:hover,
+
    button.bg-info:focus,
+
    button.bg-info:hover {
+
 
         background-color: #117a8b !important
 
         background-color: #117a8b !important
 
     }
 
     }
Line 6,613: Line 5,962:
 
     }
 
     }
  
     a.bg-warning:focus,
+
     a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    a.bg-warning:hover,
+
    button.bg-warning:focus,
+
    button.bg-warning:hover {
+
 
         background-color: #d39e00 !important
 
         background-color: #d39e00 !important
 
     }
 
     }
Line 6,624: Line 5,970:
 
     }
 
     }
  
     a.bg-danger:focus,
+
     a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    a.bg-danger:hover,
+
    button.bg-danger:focus,
+
    button.bg-danger:hover {
+
 
         background-color: #bd2130 !important
 
         background-color: #bd2130 !important
 
     }
 
     }
Line 6,635: Line 5,978:
 
     }
 
     }
  
     a.bg-light:focus,
+
     a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    a.bg-light:hover,
+
    button.bg-light:focus,
+
    button.bg-light:hover {
+
 
         background-color: #dae0e5 !important
 
         background-color: #dae0e5 !important
 
     }
 
     }
  
 
     .bg-dark {
 
     .bg-dark {
         background-color: #343a40 !important
+
         background-color: #232323 !important
 
     }
 
     }
  
     a.bg-dark:focus,
+
     a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    a.bg-dark:hover,
+
    button.bg-dark:focus,
+
    button.bg-dark:hover {
+
 
         background-color: #1d2124 !important
 
         background-color: #1d2124 !important
 
     }
 
     }
Line 7,026: Line 6,363:
 
     }
 
     }
  
     .embed-responsive .embed-responsive-item,
+
     .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    .embed-responsive embed,
+
    .embed-responsive iframe,
+
    .embed-responsive object,
+
    .embed-responsive video {
+
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 8,039: Line 7,372:
 
     }
 
     }
  
     .sr-only-focusable:active,
+
     .sr-only-focusable:active, .sr-only-focusable:focus {
    .sr-only-focusable:focus {
+
 
         position: static;
 
         position: static;
 
         width: auto;
 
         width: auto;
Line 8,117: Line 7,449:
 
     }
 
     }
  
     .mt-0,
+
     .mt-0, .my-0 {
    .my-0 {
+
 
         margin-top: 0 !important
 
         margin-top: 0 !important
 
     }
 
     }
  
     .mr-0,
+
     .mr-0, .mx-0 {
    .mx-0 {
+
 
         margin-right: 0 !important
 
         margin-right: 0 !important
 
     }
 
     }
  
     .mb-0,
+
     .mb-0, .my-0 {
    .my-0 {
+
 
         margin-bottom: 0 !important
 
         margin-bottom: 0 !important
 
     }
 
     }
  
     .ml-0,
+
     .ml-0, .mx-0 {
    .mx-0 {
+
 
         margin-left: 0 !important
 
         margin-left: 0 !important
 
     }
 
     }
Line 8,141: Line 7,469:
 
     }
 
     }
  
     .mt-1,
+
     .mt-1, .my-1 {
    .my-1 {
+
 
         margin-top: .25rem !important
 
         margin-top: .25rem !important
 
     }
 
     }
  
     .mr-1,
+
     .mr-1, .mx-1 {
    .mx-1 {
+
 
         margin-right: .25rem !important
 
         margin-right: .25rem !important
 
     }
 
     }
  
     .mb-1,
+
     .mb-1, .my-1 {
    .my-1 {
+
 
         margin-bottom: .25rem !important
 
         margin-bottom: .25rem !important
 
     }
 
     }
  
     .ml-1,
+
     .ml-1, .mx-1 {
    .mx-1 {
+
 
         margin-left: .25rem !important
 
         margin-left: .25rem !important
 
     }
 
     }
Line 8,165: Line 7,489:
 
     }
 
     }
  
     .mt-2,
+
     .mt-2, .my-2 {
    .my-2 {
+
 
         margin-top: .5rem !important
 
         margin-top: .5rem !important
 
     }
 
     }
  
     .mr-2,
+
     .mr-2, .mx-2 {
    .mx-2 {
+
 
         margin-right: .5rem !important
 
         margin-right: .5rem !important
 
     }
 
     }
  
     .mb-2,
+
     .mb-2, .my-2 {
    .my-2 {
+
 
         margin-bottom: .5rem !important
 
         margin-bottom: .5rem !important
 
     }
 
     }
  
     .ml-2,
+
     .ml-2, .mx-2 {
    .mx-2 {
+
 
         margin-left: .5rem !important
 
         margin-left: .5rem !important
 
     }
 
     }
Line 8,189: Line 7,509:
 
     }
 
     }
  
     .mt-3,
+
     .mt-3, .my-3 {
    .my-3 {
+
 
         margin-top: 1rem !important
 
         margin-top: 1rem !important
 
     }
 
     }
  
     .mr-3,
+
     .mr-3, .mx-3 {
    .mx-3 {
+
 
         margin-right: 1rem !important
 
         margin-right: 1rem !important
 
     }
 
     }
  
     .mb-3,
+
     .mb-3, .my-3 {
    .my-3 {
+
 
         margin-bottom: 1rem !important
 
         margin-bottom: 1rem !important
 
     }
 
     }
  
     .ml-3,
+
     .ml-3, .mx-3 {
    .mx-3 {
+
 
         margin-left: 1rem !important
 
         margin-left: 1rem !important
 
     }
 
     }
Line 8,213: Line 7,529:
 
     }
 
     }
  
     .mt-4,
+
     .mt-4, .my-4 {
    .my-4 {
+
 
         margin-top: 1.5rem !important
 
         margin-top: 1.5rem !important
 
     }
 
     }
  
     .mr-4,
+
     .mr-4, .mx-4 {
    .mx-4 {
+
 
         margin-right: 1.5rem !important
 
         margin-right: 1.5rem !important
 
     }
 
     }
  
     .mb-4,
+
     .mb-4, .my-4 {
    .my-4 {
+
 
         margin-bottom: 1.5rem !important
 
         margin-bottom: 1.5rem !important
 
     }
 
     }
  
     .ml-4,
+
     .ml-4, .mx-4 {
    .mx-4 {
+
 
         margin-left: 1.5rem !important
 
         margin-left: 1.5rem !important
 
     }
 
     }
Line 8,237: Line 7,549:
 
     }
 
     }
  
     .mt-5,
+
     .mt-5, .my-5 {
    .my-5 {
+
 
         margin-top: 3rem !important
 
         margin-top: 3rem !important
 
     }
 
     }
  
     .mr-5,
+
     .mr-5, .mx-5 {
    .mx-5 {
+
 
         margin-right: 3rem !important
 
         margin-right: 3rem !important
 
     }
 
     }
  
     .mb-5,
+
     .mb-5, .my-5 {
    .my-5 {
+
 
         margin-bottom: 3rem !important
 
         margin-bottom: 3rem !important
 
     }
 
     }
  
     .ml-5,
+
     .ml-5, .mx-5 {
    .mx-5 {
+
 
         margin-left: 3rem !important
 
         margin-left: 3rem !important
 
     }
 
     }
Line 8,261: Line 7,569:
 
     }
 
     }
  
     .pt-0,
+
     .pt-0, .py-0 {
    .py-0 {
+
 
         padding-top: 0 !important
 
         padding-top: 0 !important
 
     }
 
     }
  
     .pr-0,
+
     .pr-0, .px-0 {
    .px-0 {
+
 
         padding-right: 0 !important
 
         padding-right: 0 !important
 
     }
 
     }
  
     .pb-0,
+
     .pb-0, .py-0 {
    .py-0 {
+
 
         padding-bottom: 0 !important
 
         padding-bottom: 0 !important
 
     }
 
     }
  
     .pl-0,
+
     .pl-0, .px-0 {
    .px-0 {
+
 
         padding-left: 0 !important
 
         padding-left: 0 !important
 
     }
 
     }
Line 8,285: Line 7,589:
 
     }
 
     }
  
     .pt-1,
+
     .pt-1, .py-1 {
    .py-1 {
+
 
         padding-top: .25rem !important
 
         padding-top: .25rem !important
 
     }
 
     }
  
     .pr-1,
+
     .pr-1, .px-1 {
    .px-1 {
+
 
         padding-right: .25rem !important
 
         padding-right: .25rem !important
 
     }
 
     }
  
     .pb-1,
+
     .pb-1, .py-1 {
    .py-1 {
+
 
         padding-bottom: .25rem !important
 
         padding-bottom: .25rem !important
 
     }
 
     }
  
     .pl-1,
+
     .pl-1, .px-1 {
    .px-1 {
+
 
         padding-left: .25rem !important
 
         padding-left: .25rem !important
 
     }
 
     }
Line 8,309: Line 7,609:
 
     }
 
     }
  
     .pt-2,
+
     .pt-2, .py-2 {
    .py-2 {
+
 
         padding-top: .5rem !important
 
         padding-top: .5rem !important
 
     }
 
     }
  
     .pr-2,
+
     .pr-2, .px-2 {
    .px-2 {
+
 
         padding-right: .5rem !important
 
         padding-right: .5rem !important
 
     }
 
     }
  
     .pb-2,
+
     .pb-2, .py-2 {
    .py-2 {
+
 
         padding-bottom: .5rem !important
 
         padding-bottom: .5rem !important
 
     }
 
     }
  
     .pl-2,
+
     .pl-2, .px-2 {
    .px-2 {
+
 
         padding-left: .5rem !important
 
         padding-left: .5rem !important
 
     }
 
     }
Line 8,333: Line 7,629:
 
     }
 
     }
  
     .pt-3,
+
     .pt-3, .py-3 {
    .py-3 {
+
 
         padding-top: 1rem !important
 
         padding-top: 1rem !important
 
     }
 
     }
  
     .pr-3,
+
     .pr-3, .px-3 {
    .px-3 {
+
 
         padding-right: 1rem !important
 
         padding-right: 1rem !important
 
     }
 
     }
  
     .pb-3,
+
     .pb-3, .py-3 {
    .py-3 {
+
 
         padding-bottom: 1rem !important
 
         padding-bottom: 1rem !important
 
     }
 
     }
  
     .pl-3,
+
     .pl-3, .px-3 {
    .px-3 {
+
 
         padding-left: 1rem !important
 
         padding-left: 1rem !important
 
     }
 
     }
Line 8,357: Line 7,649:
 
     }
 
     }
  
     .pt-4,
+
     .pt-4, .py-4 {
    .py-4 {
+
 
         padding-top: 1.5rem !important
 
         padding-top: 1.5rem !important
 
     }
 
     }
  
     .pr-4,
+
     .pr-4, .px-4 {
    .px-4 {
+
 
         padding-right: 1.5rem !important
 
         padding-right: 1.5rem !important
 
     }
 
     }
  
     .pb-4,
+
     .pb-4, .py-4 {
    .py-4 {
+
 
         padding-bottom: 1.5rem !important
 
         padding-bottom: 1.5rem !important
 
     }
 
     }
  
     .pl-4,
+
     .pl-4, .px-4 {
    .px-4 {
+
 
         padding-left: 1.5rem !important
 
         padding-left: 1.5rem !important
 
     }
 
     }
Line 8,381: Line 7,669:
 
     }
 
     }
  
     .pt-5,
+
     .pt-5, .py-5 {
    .py-5 {
+
 
         padding-top: 3rem !important
 
         padding-top: 3rem !important
 
     }
 
     }
  
     .pr-5,
+
     .pr-5, .px-5 {
    .px-5 {
+
 
         padding-right: 3rem !important
 
         padding-right: 3rem !important
 
     }
 
     }
  
     .pb-5,
+
     .pb-5, .py-5 {
    .py-5 {
+
 
         padding-bottom: 3rem !important
 
         padding-bottom: 3rem !important
 
     }
 
     }
  
     .pl-5,
+
     .pl-5, .px-5 {
    .px-5 {
+
 
         padding-left: 3rem !important
 
         padding-left: 3rem !important
 
     }
 
     }
Line 8,405: Line 7,689:
 
     }
 
     }
  
     .mt-auto,
+
     .mt-auto, .my-auto {
    .my-auto {
+
 
         margin-top: auto !important
 
         margin-top: auto !important
 
     }
 
     }
  
     .mr-auto,
+
     .mr-auto, .mx-auto {
    .mx-auto {
+
 
         margin-right: auto !important
 
         margin-right: auto !important
 
     }
 
     }
  
     .mb-auto,
+
     .mb-auto, .my-auto {
    .my-auto {
+
 
         margin-bottom: auto !important
 
         margin-bottom: auto !important
 
     }
 
     }
  
     .ml-auto,
+
     .ml-auto, .mx-auto {
    .mx-auto {
+
 
         margin-left: auto !important
 
         margin-left: auto !important
 
     }
 
     }
Line 8,430: Line 7,710:
 
         }
 
         }
  
         .mt-sm-0,
+
         .mt-sm-0, .my-sm-0 {
        .my-sm-0 {
+
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-sm-0,
+
         .mr-sm-0, .mx-sm-0 {
        .mx-sm-0 {
+
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-sm-0,
+
         .mb-sm-0, .my-sm-0 {
        .my-sm-0 {
+
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-sm-0,
+
         .ml-sm-0, .mx-sm-0 {
        .mx-sm-0 {
+
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,454: Line 7,730:
 
         }
 
         }
  
         .mt-sm-1,
+
         .mt-sm-1, .my-sm-1 {
        .my-sm-1 {
+
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-sm-1,
+
         .mr-sm-1, .mx-sm-1 {
        .mx-sm-1 {
+
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-sm-1,
+
         .mb-sm-1, .my-sm-1 {
        .my-sm-1 {
+
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-sm-1,
+
         .ml-sm-1, .mx-sm-1 {
        .mx-sm-1 {
+
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,478: Line 7,750:
 
         }
 
         }
  
         .mt-sm-2,
+
         .mt-sm-2, .my-sm-2 {
        .my-sm-2 {
+
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-sm-2,
+
         .mr-sm-2, .mx-sm-2 {
        .mx-sm-2 {
+
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-sm-2,
+
         .mb-sm-2, .my-sm-2 {
        .my-sm-2 {
+
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-sm-2,
+
         .ml-sm-2, .mx-sm-2 {
        .mx-sm-2 {
+
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,502: Line 7,770:
 
         }
 
         }
  
         .mt-sm-3,
+
         .mt-sm-3, .my-sm-3 {
        .my-sm-3 {
+
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-sm-3,
+
         .mr-sm-3, .mx-sm-3 {
        .mx-sm-3 {
+
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-sm-3,
+
         .mb-sm-3, .my-sm-3 {
        .my-sm-3 {
+
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-sm-3,
+
         .ml-sm-3, .mx-sm-3 {
        .mx-sm-3 {
+
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,526: Line 7,790:
 
         }
 
         }
  
         .mt-sm-4,
+
         .mt-sm-4, .my-sm-4 {
        .my-sm-4 {
+
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-sm-4,
+
         .mr-sm-4, .mx-sm-4 {
        .mx-sm-4 {
+
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-sm-4,
+
         .mb-sm-4, .my-sm-4 {
        .my-sm-4 {
+
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-sm-4,
+
         .ml-sm-4, .mx-sm-4 {
        .mx-sm-4 {
+
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,550: Line 7,810:
 
         }
 
         }
  
         .mt-sm-5,
+
         .mt-sm-5, .my-sm-5 {
        .my-sm-5 {
+
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-sm-5,
+
         .mr-sm-5, .mx-sm-5 {
        .mx-sm-5 {
+
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-sm-5,
+
         .mb-sm-5, .my-sm-5 {
        .my-sm-5 {
+
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-sm-5,
+
         .ml-sm-5, .mx-sm-5 {
        .mx-sm-5 {
+
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,574: Line 7,830:
 
         }
 
         }
  
         .pt-sm-0,
+
         .pt-sm-0, .py-sm-0 {
        .py-sm-0 {
+
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-sm-0,
+
         .pr-sm-0, .px-sm-0 {
        .px-sm-0 {
+
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-sm-0,
+
         .pb-sm-0, .py-sm-0 {
        .py-sm-0 {
+
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-sm-0,
+
         .pl-sm-0, .px-sm-0 {
        .px-sm-0 {
+
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,598: Line 7,850:
 
         }
 
         }
  
         .pt-sm-1,
+
         .pt-sm-1, .py-sm-1 {
        .py-sm-1 {
+
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-sm-1,
+
         .pr-sm-1, .px-sm-1 {
        .px-sm-1 {
+
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-sm-1,
+
         .pb-sm-1, .py-sm-1 {
        .py-sm-1 {
+
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-sm-1,
+
         .pl-sm-1, .px-sm-1 {
        .px-sm-1 {
+
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,622: Line 7,870:
 
         }
 
         }
  
         .pt-sm-2,
+
         .pt-sm-2, .py-sm-2 {
        .py-sm-2 {
+
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-sm-2,
+
         .pr-sm-2, .px-sm-2 {
        .px-sm-2 {
+
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-sm-2,
+
         .pb-sm-2, .py-sm-2 {
        .py-sm-2 {
+
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-sm-2,
+
         .pl-sm-2, .px-sm-2 {
        .px-sm-2 {
+
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,646: Line 7,890:
 
         }
 
         }
  
         .pt-sm-3,
+
         .pt-sm-3, .py-sm-3 {
        .py-sm-3 {
+
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-sm-3,
+
         .pr-sm-3, .px-sm-3 {
        .px-sm-3 {
+
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-sm-3,
+
         .pb-sm-3, .py-sm-3 {
        .py-sm-3 {
+
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-sm-3,
+
         .pl-sm-3, .px-sm-3 {
        .px-sm-3 {
+
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,670: Line 7,910:
 
         }
 
         }
  
         .pt-sm-4,
+
         .pt-sm-4, .py-sm-4 {
        .py-sm-4 {
+
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-sm-4,
+
         .pr-sm-4, .px-sm-4 {
        .px-sm-4 {
+
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-sm-4,
+
         .pb-sm-4, .py-sm-4 {
        .py-sm-4 {
+
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-sm-4,
+
         .pl-sm-4, .px-sm-4 {
        .px-sm-4 {
+
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,694: Line 7,930:
 
         }
 
         }
  
         .pt-sm-5,
+
         .pt-sm-5, .py-sm-5 {
        .py-sm-5 {
+
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-sm-5,
+
         .pr-sm-5, .px-sm-5 {
        .px-sm-5 {
+
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-sm-5,
+
         .pb-sm-5, .py-sm-5 {
        .py-sm-5 {
+
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-sm-5,
+
         .pl-sm-5, .px-sm-5 {
        .px-sm-5 {
+
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,718: Line 7,950:
 
         }
 
         }
  
         .mt-sm-auto,
+
         .mt-sm-auto, .my-sm-auto {
        .my-sm-auto {
+
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-sm-auto,
+
         .mr-sm-auto, .mx-sm-auto {
        .mx-sm-auto {
+
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-sm-auto,
+
         .mb-sm-auto, .my-sm-auto {
        .my-sm-auto {
+
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-sm-auto,
+
         .ml-sm-auto, .mx-sm-auto {
        .mx-sm-auto {
+
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,744: Line 7,972:
 
         }
 
         }
  
         .mt-md-0,
+
         .mt-md-0, .my-md-0 {
        .my-md-0 {
+
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-md-0,
+
         .mr-md-0, .mx-md-0 {
        .mx-md-0 {
+
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-md-0,
+
         .mb-md-0, .my-md-0 {
        .my-md-0 {
+
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-md-0,
+
         .ml-md-0, .mx-md-0 {
        .mx-md-0 {
+
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,768: Line 7,992:
 
         }
 
         }
  
         .mt-md-1,
+
         .mt-md-1, .my-md-1 {
        .my-md-1 {
+
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-md-1,
+
         .mr-md-1, .mx-md-1 {
        .mx-md-1 {
+
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-md-1,
+
         .mb-md-1, .my-md-1 {
        .my-md-1 {
+
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-md-1,
+
         .ml-md-1, .mx-md-1 {
        .mx-md-1 {
+
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,792: Line 8,012:
 
         }
 
         }
  
         .mt-md-2,
+
         .mt-md-2, .my-md-2 {
        .my-md-2 {
+
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-md-2,
+
         .mr-md-2, .mx-md-2 {
        .mx-md-2 {
+
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-md-2,
+
         .mb-md-2, .my-md-2 {
        .my-md-2 {
+
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-md-2,
+
         .ml-md-2, .mx-md-2 {
        .mx-md-2 {
+
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,816: Line 8,032:
 
         }
 
         }
  
         .mt-md-3,
+
         .mt-md-3, .my-md-3 {
        .my-md-3 {
+
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-md-3,
+
         .mr-md-3, .mx-md-3 {
        .mx-md-3 {
+
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-md-3,
+
         .mb-md-3, .my-md-3 {
        .my-md-3 {
+
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-md-3,
+
         .ml-md-3, .mx-md-3 {
        .mx-md-3 {
+
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,840: Line 8,052:
 
         }
 
         }
  
         .mt-md-4,
+
         .mt-md-4, .my-md-4 {
        .my-md-4 {
+
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-md-4,
+
         .mr-md-4, .mx-md-4 {
        .mx-md-4 {
+
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-md-4,
+
         .mb-md-4, .my-md-4 {
        .my-md-4 {
+
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-md-4,
+
         .ml-md-4, .mx-md-4 {
        .mx-md-4 {
+
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,864: Line 8,072:
 
         }
 
         }
  
         .mt-md-5,
+
         .mt-md-5, .my-md-5 {
        .my-md-5 {
+
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-md-5,
+
         .mr-md-5, .mx-md-5 {
        .mx-md-5 {
+
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-md-5,
+
         .mb-md-5, .my-md-5 {
        .my-md-5 {
+
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-md-5,
+
         .ml-md-5, .mx-md-5 {
        .mx-md-5 {
+
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,888: Line 8,092:
 
         }
 
         }
  
         .pt-md-0,
+
         .pt-md-0, .py-md-0 {
        .py-md-0 {
+
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-md-0,
+
         .pr-md-0, .px-md-0 {
        .px-md-0 {
+
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-md-0,
+
         .pb-md-0, .py-md-0 {
        .py-md-0 {
+
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-md-0,
+
         .pl-md-0, .px-md-0 {
        .px-md-0 {
+
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,912: Line 8,112:
 
         }
 
         }
  
         .pt-md-1,
+
         .pt-md-1, .py-md-1 {
        .py-md-1 {
+
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-md-1,
+
         .pr-md-1, .px-md-1 {
        .px-md-1 {
+
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-md-1,
+
         .pb-md-1, .py-md-1 {
        .py-md-1 {
+
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-md-1,
+
         .pl-md-1, .px-md-1 {
        .px-md-1 {
+
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,936: Line 8,132:
 
         }
 
         }
  
         .pt-md-2,
+
         .pt-md-2, .py-md-2 {
        .py-md-2 {
+
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-md-2,
+
         .pr-md-2, .px-md-2 {
        .px-md-2 {
+
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-md-2,
+
         .pb-md-2, .py-md-2 {
        .py-md-2 {
+
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-md-2,
+
         .pl-md-2, .px-md-2 {
        .px-md-2 {
+
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,960: Line 8,152:
 
         }
 
         }
  
         .pt-md-3,
+
         .pt-md-3, .py-md-3 {
        .py-md-3 {
+
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-md-3,
+
         .pr-md-3, .px-md-3 {
        .px-md-3 {
+
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-md-3,
+
         .pb-md-3, .py-md-3 {
        .py-md-3 {
+
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-md-3,
+
         .pl-md-3, .px-md-3 {
        .px-md-3 {
+
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,984: Line 8,172:
 
         }
 
         }
  
         .pt-md-4,
+
         .pt-md-4, .py-md-4 {
        .py-md-4 {
+
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-md-4,
+
         .pr-md-4, .px-md-4 {
        .px-md-4 {
+
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-md-4,
+
         .pb-md-4, .py-md-4 {
        .py-md-4 {
+
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-md-4,
+
         .pl-md-4, .px-md-4 {
        .px-md-4 {
+
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 9,008: Line 8,192:
 
         }
 
         }
  
         .pt-md-5,
+
         .pt-md-5, .py-md-5 {
        .py-md-5 {
+
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-md-5,
+
         .pr-md-5, .px-md-5 {
        .px-md-5 {
+
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-md-5,
+
         .pb-md-5, .py-md-5 {
        .py-md-5 {
+
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-md-5,
+
         .pl-md-5, .px-md-5 {
        .px-md-5 {
+
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 9,032: Line 8,212:
 
         }
 
         }
  
         .mt-md-auto,
+
         .mt-md-auto, .my-md-auto {
        .my-md-auto {
+
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-md-auto,
+
         .mr-md-auto, .mx-md-auto {
        .mx-md-auto {
+
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-md-auto,
+
         .mb-md-auto, .my-md-auto {
        .my-md-auto {
+
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-md-auto,
+
         .ml-md-auto, .mx-md-auto {
        .mx-md-auto {
+
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 9,058: Line 8,234:
 
         }
 
         }
  
         .mt-lg-0,
+
         .mt-lg-0, .my-lg-0 {
        .my-lg-0 {
+
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-lg-0,
+
         .mr-lg-0, .mx-lg-0 {
        .mx-lg-0 {
+
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-lg-0,
+
         .mb-lg-0, .my-lg-0 {
        .my-lg-0 {
+
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-lg-0,
+
         .ml-lg-0, .mx-lg-0 {
        .mx-lg-0 {
+
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 9,082: Line 8,254:
 
         }
 
         }
  
         .mt-lg-1,
+
         .mt-lg-1, .my-lg-1 {
        .my-lg-1 {
+
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-lg-1,
+
         .mr-lg-1, .mx-lg-1 {
        .mx-lg-1 {
+
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-lg-1,
+
         .mb-lg-1, .my-lg-1 {
        .my-lg-1 {
+
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-lg-1,
+
         .ml-lg-1, .mx-lg-1 {
        .mx-lg-1 {
+
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 9,106: Line 8,274:
 
         }
 
         }
  
         .mt-lg-2,
+
         .mt-lg-2, .my-lg-2 {
        .my-lg-2 {
+
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-lg-2,
+
         .mr-lg-2, .mx-lg-2 {
        .mx-lg-2 {
+
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-lg-2,
+
         .mb-lg-2, .my-lg-2 {
        .my-lg-2 {
+
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-lg-2,
+
         .ml-lg-2, .mx-lg-2 {
        .mx-lg-2 {
+
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 9,130: Line 8,294:
 
         }
 
         }
  
         .mt-lg-3,
+
         .mt-lg-3, .my-lg-3 {
        .my-lg-3 {
+
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-lg-3,
+
         .mr-lg-3, .mx-lg-3 {
        .mx-lg-3 {
+
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-lg-3,
+
         .mb-lg-3, .my-lg-3 {
        .my-lg-3 {
+
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-lg-3,
+
         .ml-lg-3, .mx-lg-3 {
        .mx-lg-3 {
+
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 9,154: Line 8,314:
 
         }
 
         }
  
         .mt-lg-4,
+
         .mt-lg-4, .my-lg-4 {
        .my-lg-4 {
+
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-lg-4,
+
         .mr-lg-4, .mx-lg-4 {
        .mx-lg-4 {
+
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-lg-4,
+
         .mb-lg-4, .my-lg-4 {
        .my-lg-4 {
+
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-lg-4,
+
         .ml-lg-4, .mx-lg-4 {
        .mx-lg-4 {
+
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 9,178: Line 8,334:
 
         }
 
         }
  
         .mt-lg-5,
+
         .mt-lg-5, .my-lg-5 {
        .my-lg-5 {
+
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-lg-5,
+
         .mr-lg-5, .mx-lg-5 {
        .mx-lg-5 {
+
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-lg-5,
+
         .mb-lg-5, .my-lg-5 {
        .my-lg-5 {
+
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-lg-5,
+
         .ml-lg-5, .mx-lg-5 {
        .mx-lg-5 {
+
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 9,202: Line 8,354:
 
         }
 
         }
  
         .pt-lg-0,
+
         .pt-lg-0, .py-lg-0 {
        .py-lg-0 {
+
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-lg-0,
+
         .pr-lg-0, .px-lg-0 {
        .px-lg-0 {
+
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-lg-0,
+
         .pb-lg-0, .py-lg-0 {
        .py-lg-0 {
+
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-lg-0,
+
         .pl-lg-0, .px-lg-0 {
        .px-lg-0 {
+
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 9,226: Line 8,374:
 
         }
 
         }
  
         .pt-lg-1,
+
         .pt-lg-1, .py-lg-1 {
        .py-lg-1 {
+
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-lg-1,
+
         .pr-lg-1, .px-lg-1 {
        .px-lg-1 {
+
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-lg-1,
+
         .pb-lg-1, .py-lg-1 {
        .py-lg-1 {
+
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-lg-1,
+
         .pl-lg-1, .px-lg-1 {
        .px-lg-1 {
+
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 9,250: Line 8,394:
 
         }
 
         }
  
         .pt-lg-2,
+
         .pt-lg-2, .py-lg-2 {
        .py-lg-2 {
+
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-lg-2,
+
         .pr-lg-2, .px-lg-2 {
        .px-lg-2 {
+
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-lg-2,
+
         .pb-lg-2, .py-lg-2 {
        .py-lg-2 {
+
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-lg-2,
+
         .pl-lg-2, .px-lg-2 {
        .px-lg-2 {
+
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 9,274: Line 8,414:
 
         }
 
         }
  
         .pt-lg-3,
+
         .pt-lg-3, .py-lg-3 {
        .py-lg-3 {
+
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-lg-3,
+
         .pr-lg-3, .px-lg-3 {
        .px-lg-3 {
+
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-lg-3,
+
         .pb-lg-3, .py-lg-3 {
        .py-lg-3 {
+
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-lg-3,
+
         .pl-lg-3, .px-lg-3 {
        .px-lg-3 {
+
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 9,298: Line 8,434:
 
         }
 
         }
  
         .pt-lg-4,
+
         .pt-lg-4, .py-lg-4 {
        .py-lg-4 {
+
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-lg-4,
+
         .pr-lg-4, .px-lg-4 {
        .px-lg-4 {
+
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-lg-4,
+
         .pb-lg-4, .py-lg-4 {
        .py-lg-4 {
+
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-lg-4,
+
         .pl-lg-4, .px-lg-4 {
        .px-lg-4 {
+
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 9,322: Line 8,454:
 
         }
 
         }
  
         .pt-lg-5,
+
         .pt-lg-5, .py-lg-5 {
        .py-lg-5 {
+
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-lg-5,
+
         .pr-lg-5, .px-lg-5 {
        .px-lg-5 {
+
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-lg-5,
+
         .pb-lg-5, .py-lg-5 {
        .py-lg-5 {
+
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-lg-5,
+
         .pl-lg-5, .px-lg-5 {
        .px-lg-5 {
+
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 9,346: Line 8,474:
 
         }
 
         }
  
         .mt-lg-auto,
+
         .mt-lg-auto, .my-lg-auto {
        .my-lg-auto {
+
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-lg-auto,
+
         .mr-lg-auto, .mx-lg-auto {
        .mx-lg-auto {
+
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-lg-auto,
+
         .mb-lg-auto, .my-lg-auto {
        .my-lg-auto {
+
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-lg-auto,
+
         .ml-lg-auto, .mx-lg-auto {
        .mx-lg-auto {
+
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 9,372: Line 8,496:
 
         }
 
         }
  
         .mt-xl-0,
+
         .mt-xl-0, .my-xl-0 {
        .my-xl-0 {
+
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-xl-0,
+
         .mr-xl-0, .mx-xl-0 {
        .mx-xl-0 {
+
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-xl-0,
+
         .mb-xl-0, .my-xl-0 {
        .my-xl-0 {
+
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-xl-0,
+
         .ml-xl-0, .mx-xl-0 {
        .mx-xl-0 {
+
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 9,396: Line 8,516:
 
         }
 
         }
  
         .mt-xl-1,
+
         .mt-xl-1, .my-xl-1 {
        .my-xl-1 {
+
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-xl-1,
+
         .mr-xl-1, .mx-xl-1 {
        .mx-xl-1 {
+
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-xl-1,
+
         .mb-xl-1, .my-xl-1 {
        .my-xl-1 {
+
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-xl-1,
+
         .ml-xl-1, .mx-xl-1 {
        .mx-xl-1 {
+
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 9,420: Line 8,536:
 
         }
 
         }
  
         .mt-xl-2,
+
         .mt-xl-2, .my-xl-2 {
        .my-xl-2 {
+
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-xl-2,
+
         .mr-xl-2, .mx-xl-2 {
        .mx-xl-2 {
+
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-xl-2,
+
         .mb-xl-2, .my-xl-2 {
        .my-xl-2 {
+
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-xl-2,
+
         .ml-xl-2, .mx-xl-2 {
        .mx-xl-2 {
+
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 9,444: Line 8,556:
 
         }
 
         }
  
         .mt-xl-3,
+
         .mt-xl-3, .my-xl-3 {
        .my-xl-3 {
+
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-xl-3,
+
         .mr-xl-3, .mx-xl-3 {
        .mx-xl-3 {
+
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-xl-3,
+
         .mb-xl-3, .my-xl-3 {
        .my-xl-3 {
+
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-xl-3,
+
         .ml-xl-3, .mx-xl-3 {
        .mx-xl-3 {
+
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 9,468: Line 8,576:
 
         }
 
         }
  
         .mt-xl-4,
+
         .mt-xl-4, .my-xl-4 {
        .my-xl-4 {
+
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-xl-4,
+
         .mr-xl-4, .mx-xl-4 {
        .mx-xl-4 {
+
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-xl-4,
+
         .mb-xl-4, .my-xl-4 {
        .my-xl-4 {
+
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-xl-4,
+
         .ml-xl-4, .mx-xl-4 {
        .mx-xl-4 {
+
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 9,492: Line 8,596:
 
         }
 
         }
  
         .mt-xl-5,
+
         .mt-xl-5, .my-xl-5 {
        .my-xl-5 {
+
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-xl-5,
+
         .mr-xl-5, .mx-xl-5 {
        .mx-xl-5 {
+
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-xl-5,
+
         .mb-xl-5, .my-xl-5 {
        .my-xl-5 {
+
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-xl-5,
+
         .ml-xl-5, .mx-xl-5 {
        .mx-xl-5 {
+
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 9,516: Line 8,616:
 
         }
 
         }
  
         .pt-xl-0,
+
         .pt-xl-0, .py-xl-0 {
        .py-xl-0 {
+
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-xl-0,
+
         .pr-xl-0, .px-xl-0 {
        .px-xl-0 {
+
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-xl-0,
+
         .pb-xl-0, .py-xl-0 {
        .py-xl-0 {
+
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-xl-0,
+
         .pl-xl-0, .px-xl-0 {
        .px-xl-0 {
+
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 9,540: Line 8,636:
 
         }
 
         }
  
         .pt-xl-1,
+
         .pt-xl-1, .py-xl-1 {
        .py-xl-1 {
+
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-xl-1,
+
         .pr-xl-1, .px-xl-1 {
        .px-xl-1 {
+
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-xl-1,
+
         .pb-xl-1, .py-xl-1 {
        .py-xl-1 {
+
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-xl-1,
+
         .pl-xl-1, .px-xl-1 {
        .px-xl-1 {
+
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 9,564: Line 8,656:
 
         }
 
         }
  
         .pt-xl-2,
+
         .pt-xl-2, .py-xl-2 {
        .py-xl-2 {
+
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-xl-2,
+
         .pr-xl-2, .px-xl-2 {
        .px-xl-2 {
+
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-xl-2,
+
         .pb-xl-2, .py-xl-2 {
        .py-xl-2 {
+
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-xl-2,
+
         .pl-xl-2, .px-xl-2 {
        .px-xl-2 {
+
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 9,588: Line 8,676:
 
         }
 
         }
  
         .pt-xl-3,
+
         .pt-xl-3, .py-xl-3 {
        .py-xl-3 {
+
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-xl-3,
+
         .pr-xl-3, .px-xl-3 {
        .px-xl-3 {
+
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-xl-3,
+
         .pb-xl-3, .py-xl-3 {
        .py-xl-3 {
+
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-xl-3,
+
         .pl-xl-3, .px-xl-3 {
        .px-xl-3 {
+
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 9,612: Line 8,696:
 
         }
 
         }
  
         .pt-xl-4,
+
         .pt-xl-4, .py-xl-4 {
        .py-xl-4 {
+
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-xl-4,
+
         .pr-xl-4, .px-xl-4 {
        .px-xl-4 {
+
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-xl-4,
+
         .pb-xl-4, .py-xl-4 {
        .py-xl-4 {
+
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-xl-4,
+
         .pl-xl-4, .px-xl-4 {
        .px-xl-4 {
+
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 9,636: Line 8,716:
 
         }
 
         }
  
         .pt-xl-5,
+
         .pt-xl-5, .py-xl-5 {
        .py-xl-5 {
+
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-xl-5,
+
         .pr-xl-5, .px-xl-5 {
        .px-xl-5 {
+
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-xl-5,
+
         .pb-xl-5, .py-xl-5 {
        .py-xl-5 {
+
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-xl-5,
+
         .pl-xl-5, .px-xl-5 {
        .px-xl-5 {
+
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 9,660: Line 8,736:
 
         }
 
         }
  
         .mt-xl-auto,
+
         .mt-xl-auto, .my-xl-auto {
        .my-xl-auto {
+
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-xl-auto,
+
         .mr-xl-auto, .mx-xl-auto {
        .mx-xl-auto {
+
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-xl-auto,
+
         .mb-xl-auto, .my-xl-auto {
        .my-xl-auto {
+
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-xl-auto,
+
         .ml-xl-auto, .mx-xl-auto {
        .mx-xl-auto {
+
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 9,803: Line 8,875:
 
     }
 
     }
  
     a.text-primary:focus,
+
     a.text-primary:focus, a.text-primary:hover {
    a.text-primary:hover {
+
 
         color: #0062cc !important
 
         color: #0062cc !important
 
     }
 
     }
Line 9,812: Line 8,883:
 
     }
 
     }
  
     a.text-secondary:focus,
+
     a.text-secondary:focus, a.text-secondary:hover {
    a.text-secondary:hover {
+
 
         color: #545b62 !important
 
         color: #545b62 !important
 
     }
 
     }
Line 9,821: Line 8,891:
 
     }
 
     }
  
     a.text-success:focus,
+
     a.text-success:focus, a.text-success:hover {
    a.text-success:hover {
+
 
         color: #1e7e34 !important
 
         color: #1e7e34 !important
 
     }
 
     }
Line 9,830: Line 8,899:
 
     }
 
     }
  
     a.text-info:focus,
+
     a.text-info:focus, a.text-info:hover {
    a.text-info:hover {
+
 
         color: #117a8b !important
 
         color: #117a8b !important
 
     }
 
     }
Line 9,839: Line 8,907:
 
     }
 
     }
  
     a.text-warning:focus,
+
     a.text-warning:focus, a.text-warning:hover {
    a.text-warning:hover {
+
 
         color: #d39e00 !important
 
         color: #d39e00 !important
 
     }
 
     }
Line 9,848: Line 8,915:
 
     }
 
     }
  
     a.text-danger:focus,
+
     a.text-danger:focus, a.text-danger:hover {
    a.text-danger:hover {
+
 
         color: #bd2130 !important
 
         color: #bd2130 !important
 
     }
 
     }
Line 9,857: Line 8,923:
 
     }
 
     }
  
     a.text-light:focus,
+
     a.text-light:focus, a.text-light:hover {
    a.text-light:hover {
+
 
         color: #dae0e5 !important
 
         color: #dae0e5 !important
 
     }
 
     }
Line 9,866: Line 8,931:
 
     }
 
     }
  
     a.text-dark:focus,
+
     a.text-dark:focus, a.text-dark:hover {
    a.text-dark:hover {
+
 
         color: #1d2124 !important
 
         color: #1d2124 !important
 
     }
 
     }
Line 9,904: Line 8,968:
  
 
     @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,917: Line 8,978:
  
 
         abbr[title]::after {
 
         abbr[title]::after {
             content: " ("attr(title) ")"
+
             content: " (" attr(title) ")"
 
         }
 
         }
  
Line 9,924: Line 8,985:
 
         }
 
         }
  
         blockquote,
+
         blockquote, pre {
        pre {
+
 
             border: 1px solid #adb5bd;
 
             border: 1px solid #adb5bd;
 
             page-break-inside: avoid
 
             page-break-inside: avoid
Line 9,934: Line 8,994:
 
         }
 
         }
  
         img,
+
         img, tr {
        tr {
+
 
             page-break-inside: avoid
 
             page-break-inside: avoid
 
         }
 
         }
  
         h2,
+
         h2, h3, p {
        h3,
+
        p {
+
 
             orphans: 3;
 
             orphans: 3;
 
             widows: 3
 
             widows: 3
 
         }
 
         }
  
         h2,
+
         h2, h3 {
        h3 {
+
 
             page-break-after: avoid
 
             page-break-after: avoid
 
         }
 
         }
Line 9,975: Line 9,031:
 
         }
 
         }
  
         .table td,
+
         .table td, .table th {
        .table th {
+
 
             background-color: #fff !important
 
             background-color: #fff !important
 
         }
 
         }
  
         .table-bordered td,
+
         .table-bordered td, .table-bordered th {
        .table-bordered th {
+
 
             border: 1px solid #dee2e6 !important
 
             border: 1px solid #dee2e6 !important
 
         }
 
         }
Line 9,995: Line 9,049:
  
  
     #home_logo,
+
     #home_logo, #sideMenu {
    #sideMenu {
+
 
         display: none;
 
         display: none;
 
     }
 
     }
  
     #sideMenu,
+
     #sideMenu, #top_title, .patrollink {
    #top_title,
+
    .patrollink {
+
 
         display: none;
 
         display: none;
 
     }
 
     }
Line 10,018: Line 9,069:
 
     }
 
     }
  
     #bodyContent h1,
+
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
    #bodyContent h2,
+
    #bodyContent h3,
+
    #bodyContent h4,
+
    #bodyContent h5 {
+
 
         margin-bottom: 0px;
 
         margin-bottom: 0px;
 
     }
 
     }
  
    .judges-will-not-evaluate {
 
        border: 4px solid #e4dede;
 
        padding: 2% !important;
 
        width: 92% !important;
 
    }
 
  
 
     /* OWN Global Settings */
 
     /* OWN Global Settings */
Line 10,046: Line 9,088:
 
     }
 
     }
  
     #HQ_page h1,
+
     #HQ_page h1, h2, h3, h4, h5 {
    h2,
+
    h3,
+
    h4,
+
    h5 {
+
 
         font-family: inherit;
 
         font-family: inherit;
 
     }
 
     }
Line 10,082: Line 9,120:
 
     }
 
     }
  
     #bodyContent a[href ^="https://"],
+
     #bodyContent a[href ^="https://"], .link-https {
    .link-https {
+
 
         padding-right: 0px;
 
         padding-right: 0px;
 
     }
 
     }
Line 10,167: Line 9,204:
  
  
     /* sponsor foooter */
+
     /* sponsor footer */
 
     .sponsorLogo img {
 
     .sponsorLogo img {
 
         padding: 8px;
 
         padding: 8px;
Line 10,173: Line 9,210:
  
 
     .sponsorLogo img {
 
     .sponsorLogo img {
         -webkit-filter: grayscale(100%);
+
         -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        /* Safari 6.0 - 9.0 */
+
 
         filter: grayscale(100%);
 
         filter: grayscale(100%);
 
         max-height: 50px;
 
         max-height: 50px;
Line 10,180: Line 9,216:
  
 
     .sponsorLogo img:hover {
 
     .sponsorLogo img:hover {
         -webkit-filter: grayscale(0%);
+
         -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        /* Safari 6.0 - 9.0 */
+
 
         filter: grayscale(0%);
 
         filter: grayscale(0%);
 
     }
 
     }
Line 10,187: Line 9,222:
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
 
Nav CSS ++++++++++++++++++++++++++++++*/
 
Nav CSS ++++++++++++++++++++++++++++++*/
     .dropdown:hover>.dropdown-menu {
+
     .dropdown:hover > .dropdown-menu {
 
         display: block;
 
         display: block;
 
     }
 
     }
  
 
     .dropdown-menu {
 
     .dropdown-menu {
         background-color: rgba(100, 100, 100, 1);
+
         background-color: #232323;
 
     }
 
     }
  
     .dropdown-item,
+
     .dropdown-item, .dropdown-item:visited {
    .dropdown-item:visited {
+
 
         color: white;
 
         color: white;
 
     }
 
     }
  
     .dropdown-item:hover,
+
     .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    .dropdown-item.active,
+
    .dropdown-item:active {
+
 
         color: white;
 
         color: white;
 
         background-color: rgba(0, 158, 198, 1);
 
         background-color: rgba(0, 158, 198, 1);
Line 10,208: Line 9,240:
  
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
contents CSS ++++++++++++++++++++++++++++++*/
+
    contents CSS ++++++++++++++++++++++++++++++*/
 
     * {
 
     * {
 
         box-sizing: border-box;
 
         box-sizing: border-box;
Line 10,221: Line 9,253:
 
     }
 
     }
  
     .glpContainer>* {
+
     .glpContainer > * {
 
         padding: 20px 25px;
 
         padding: 20px 25px;
 
     }
 
     }
Line 10,249: Line 9,281:
 
         text-transform: uppercase;
 
         text-transform: uppercase;
 
         letter-spacing: 0.125em;
 
         letter-spacing: 0.125em;
         color: #fff;
+
         color: #555;
 
     }
 
     }
  
Line 10,274: Line 9,306:
 
     .post-content h1 {
 
     .post-content h1 {
 
         padding-top: 30px;
 
         padding-top: 30px;
         color: #2ecc71;
+
         color: rgba(0, 158, 198, 1);
 
     }
 
     }
  
Line 10,280: Line 9,312:
 
     .post-content h2 {
 
     .post-content h2 {
 
         padding-top: 150px;
 
         padding-top: 150px;
         color: #2ecc71;
+
         color: rgba(0, 158, 198, 1);
    }
+
 
+
    .post-content h3 {
+
        color: #F4F0DE;
+
 
     }
 
     }
  
 
     /* link color */
 
     /* link color */
 
     .post-content a {
 
     .post-content a {
         color: #2ecc71;
+
         color: #009EC6;
 
     }
 
     }
  
 
     #glpreferences a {
 
     #glpreferences a {
         color: #F4F0DE !important
+
         color: #009EC6;
 
     }
 
     }
 
    #glpreferences ol li {
 
        counter-increment: list;
 
        list-style-type: none;
 
        position: relative;
 
    }
 
 
    /* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */
 
    #glpreferences ol li:before {
 
        color: #F4F0DE;
 
        content: counter(list) ".";
 
        left: -32px;
 
        position: absolute;
 
        text-align: right;
 
        width: 26px;
 
    }
 
 
  
  
Line 10,322: Line 9,333:
 
         bottom: auto;
 
         bottom: auto;
 
         display: none;
 
         display: none;
         stroke: #2ecc71;
+
         stroke: #009EC6;
 
         transform: translateY(-50%);
 
         transform: translateY(-50%);
 
     }
 
     }
Line 10,342: Line 9,353:
 
     }
 
     }
  
     .table-of-contents li+li {
+
     .table-of-contents li + li {
 
         margin-top: 2em;
 
         margin-top: 2em;
 
     }
 
     }
Line 10,351: Line 9,362:
 
         position: relative;
 
         position: relative;
 
         text-decoration: none;
 
         text-decoration: none;
         color: #fff;
+
         color: #333;
 
         font-weight: bold;
 
         font-weight: bold;
 
     }
 
     }
Line 10,357: Line 9,368:
 
     a.toc-reading,
 
     a.toc-reading,
 
     a.toc-already-read.toc-reading {
 
     a.toc-already-read.toc-reading {
         color: #2ecc71;
+
         color: #009EC6;
 
         opacity: 1;
 
         opacity: 1;
 
     }
 
     }
  
 
     a.toc-already-read {
 
     a.toc-already-read {
         opacity: 0.6;
+
         opacity: 0.4;
 
     }
 
     }
  
Line 10,377: Line 9,388:
 
         transform: translateY(-50%);
 
         transform: translateY(-50%);
 
         transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
         transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
         box-shadow: 0 3px 5px 0 black;
+
        border-radius: 50%;
         color: #fff;
+
         box-shadow: 0 0 0 1px #d9d9d9 inset;
 +
         color: #4d4d4d;
 
     }
 
     }
  
Line 10,386: Line 9,398:
  
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
contents End ++++++++++++++++++++++++++++++*/
+
    contents End ++++++++++++++++++++++++++++++*/
  
  
Line 10,493: Line 9,505:
 
     }
 
     }
  
     .quote-card.blue-card:before,
+
     .quote-card.blue-card:before, .quote-card.blue-card:after {
    .quote-card.blue-card:after {
+
 
         color: rgba(0, 203, 177, 1);
 
         color: rgba(0, 203, 177, 1);
 
     }
 
     }
Line 10,504: Line 9,515:
 
     }
 
     }
  
     .quote-card.red-card:before,
+
     .quote-card.red-card:before, .quote-card.red-card:after {
    .quote-card.red-card:after {
+
 
         color: #f44336;
 
         color: #f44336;
 
     }
 
     }
Line 10,515: Line 9,525:
 
     }
 
     }
  
     .quote-card.yellow-card:before,
+
     .quote-card.yellow-card:before, .quote-card.yellow-card:after {
    .quote-card.yellow-card:after {
+
 
         color: #fbc02d;
 
         color: #fbc02d;
 
     }
 
     }
Line 10,586: Line 9,595:
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
 
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 10,612: Line 9,621:
 
         }
 
         }
  
         .glpContainer>* {
+
         .glpContainer > * {
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
Line 10,637: Line 9,646:
  
  
     @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 10,644: Line 9,655:
 
         }
 
         }
  
         .table-of-contents li+li {
+
         .table-of-contents li + li {
 
             margin-top: 1.5em;
 
             margin-top: 1.5em;
 
         }
 
         }
 
     }
 
     }
 +
 
</style>
 
</style>
 +
  
 
<head>
 
<head>
Line 10,655: Line 9,668:
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
 
     <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://2019.igem.org/Team:Tuebingen/aosCSS?action=raw&ctype=text/css"/>
 +
     <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"
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
        type="text/css" />
+
          type="text/css"/>
     <style>
+
     <script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&amp;ctype=text/javascript"></script>
        .mfp-bg {
+
    <script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&amp;ctype=text/javascript"></script>
            top: 0;
+
    <script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&amp;ctype=text/javascript"></script>
            left: 0;
+
    <script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&amp;ctype=text/javascript"></script>
            width: 100%;
+
</head>
            height: 100%;
+
            z-index: 1042;
+
            overflow: hidden;
+
            position: fixed;
+
            background: #0b0b0b;
+
            opacity: 0.8;
+
        }
+
  
        .mfp-wrap {
+
<body style="">
            top: 0;
+
<section id="nav-placeholder">
            left: 0;
+
    <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
            width: 100%;
+
        style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
            height: 100%;
+
        <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen">
             z-index: 1043;
+
             <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo"
             position: fixed;
+
                style="width:70px;">
            outline: none !important;
+
             <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
             -webkit-backface-visibility: hidden;
+
        </a>
        }
+
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 +
             <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
 +
            <ul class="navbar-nav">
 +
                <li id="ourStoryButton" class="nav-item mx-3">
 +
                    <a class="nav-link" href="/Team:Tuebingen/Story"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
 +
                        STORY</a>
 +
                </li>
  
        .mfp-container {
+
                <li class="nav-item dropdown mx-3">
            text-align: center;
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
            position: absolute;
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
            width: 100%;
+
                        PROJECT
            height: 100%;
+
                    </a>
            left: 0;
+
                    <div class="dropdown-menu">
            top: 0;
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Description"
            padding: 0 8px;
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
            box-sizing: border-box;
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
        }
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill Switch</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Results"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        PARTS
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Parts"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
 +
                            Overview</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
 +
                            Collection</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a>
 +
                    </div>
 +
                </li>
  
        .mfp-container:before {
+
                <li class="nav-item dropdown mx-3">
            content: '';
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
            display: inline-block;
+
                      style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
            height: 100%;
+
                        PEOPLE
            vertical-align: middle;
+
                    </a>
        }
+
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Team"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
 +
                    </div>
 +
                </li>
  
        .mfp-align-top .mfp-container:before {
+
                <li class="nav-item dropdown mx-3">
            display: none;
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
        }
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        HUMAN PRACTICES
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Experts"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/SDG"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development Goals</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
 +
                            Science Center</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Survey"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        AWARDS
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting Entrepreneurship</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                    </div>
 +
                </li>
  
        .mfp-content {
+
                <li class="nav-item mx-3">
            position: relative;
+
                    <a class="nav-link" href="/Team:Tuebingen/Safety"
            display: inline-block;
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
            vertical-align: middle;
+
                </li>
            margin: 0 auto;
+
            text-align: left;
+
            z-index: 1045;
+
        }
+
  
        .mfp-inline-holder .mfp-content,
+
                <li class="nav-item mx-3">
        .mfp-ajax-holder .mfp-content {
+
                    <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
            width: 100%;
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING FORM ⇗</a>
            cursor: auto;
+
                </li>
        }
+
  
        .mfp-ajax-cur {
+
                <li class="nav-item mx-1 pt-2">
            cursor: progress;
+
                    <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
        }
+
                </li>
 +
                <li class="nav-item mx-1 pt-2">
 +
                    <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
 +
                </li>
 +
                <li class="nav-item mx-1 pt-2">
 +
                    <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
 +
                </li>
  
         .mfp-zoom-out-cur,
+
            </ul>
         .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+
         </div>
            cursor: -moz-zoom-out;
+
    </nav>
            cursor: -webkit-zoom-out;
+
</section>
            cursor: zoom-out;
+
<script>
        }
+
    var url = window.location.href;
 +
    $(function () {
 +
         $('.nav-link[href="' + url + '"]').addClass("active");
 +
        $('.dropdown-item[href="' + url + '"]').addClass("active");
 +
        $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
 +
    });
 +
</script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/aosJS?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
    AOS.init();
 +
</script>
  
        .mfp-zoom {
+
</body>
            cursor: pointer;
+
            cursor: -webkit-zoom-in;
+
            cursor: -moz-zoom-in;
+
            cursor: zoom-in;
+
        }
+
  
        .mfp-auto-cursor .mfp-content {
 
            cursor: auto;
 
        }
 
  
        .mfp-close,
+
<style>
        .mfp-arrow,
+
        .mfp-preloader,
+
        .mfp-counter {
+
            -webkit-user-select: none;
+
            -moz-user-select: none;
+
            user-select: none;
+
        }
+
  
        .mfp-loading.mfp-figure {
+
    /* Scroll Down Icon*/
            display: none;
+
    #goToBox {
         }
+
        position: relative;
 +
         width: 30px;
 +
        height: 28px;
 +
        left: calc(50% - 15px);
 +
    }
  
        .mfp-hide {
+
    .chevron {
            display: none !important;
+
        position: absolute;
         }
+
         width: 28px;
 +
        height: 8px;
 +
        opacity: 0;
 +
        transform: scale3d(0.5, 0.5, 0.5);
 +
        animation: move 3s ease-out infinite;
 +
    }
  
        .mfp-preloader {
+
    .chevron:first-child {
            color: #CCC;
+
        animation: move 3s ease-out 1s infinite;
            position: absolute;
+
    }
            top: 50%;
+
            width: auto;
+
            text-align: center;
+
            margin-top: -0.8em;
+
            left: 8px;
+
            right: 8px;
+
            z-index: 1044;
+
        }
+
  
        .mfp-preloader a {
+
    .chevron:nth-child(2) {
            color: #CCC;
+
        animation: move 3s ease-out 2s infinite;
        }
+
    }
  
        .mfp-preloader a:hover {
+
    .chevron:before,
            color: #FFF;
+
    .chevron:after {
         }
+
        content: ' ';
 +
         position: absolute;
 +
        top: 0;
 +
        height: 100%;
 +
        width: 51%;
 +
        background: #fff;
 +
    }
  
        .mfp-s-ready .mfp-preloader {
+
    .chevron:before {
            display: none;
+
        left: 0;
         }
+
         transform: skew(0deg, 30deg);
 +
    }
  
        .mfp-s-error .mfp-content {
+
    .chevron:after {
            display: none;
+
        right: 0;
         }
+
         width: 50%;
 +
        transform: skew(0deg, -30deg);
 +
    }
  
        button.mfp-close,
+
    @keyframes move {
         button.mfp-arrow {
+
         25% {
             overflow: visible;
+
             opacity: 1;
            cursor: pointer;
+
            background: transparent;
+
            border: 0;
+
            -webkit-appearance: none;
+
            display: block;
+
            outline: none;
+
            padding: 0;
+
            z-index: 1046;
+
            box-shadow: none;
+
            touch-action: manipulation;
+
        }
+
  
        button::-moz-focus-inner {
 
            padding: 0;
 
            border: 0;
 
 
         }
 
         }
 
+
         33% {
         .mfp-close {
+
             opacity: 1;
            width: 44px;
+
             transform: translateY(30px);
            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;
+
 
         }
 
         }
 
+
         67% {
         .mfp-close:hover,
+
        .mfp-close:focus {
+
 
             opacity: 1;
 
             opacity: 1;
 +
            transform: translateY(40px);
 
         }
 
         }
 
+
         100% {
         .mfp-close:active {
+
             opacity: 0;
             top: 1px;
+
            transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
 
         }
 
         }
 +
    }
  
         .mfp-close-btn-in .mfp-close {
+
    @keyframes pulse {
             color: #333;
+
         to {
 +
             opacity: 1;
 
         }
 
         }
 +
    }
  
        .mfp-image-holder .mfp-close,
 
        .mfp-iframe-holder .mfp-close {
 
            color: #FFF;
 
            right: -6px;
 
            text-align: right;
 
            padding-right: 6px;
 
            width: 100%;
 
        }
 
  
        .mfp-counter {
+
    /* FlowChart*/
            position: absolute;
+
    .circleO {
            top: 0;
+
        height: 60px;
            right: 0;
+
        width: 60px;
            color: #CCC;
+
        padding: auto;
            font-size: 12px;
+
        border-radius: 50%;
            line-height: 18px;
+
        background-color: rgba(230, 230, 230, 1);
            white-space: nowrap;
+
        color: black;
        }
+
        z-index: 2;
 +
    }
  
        .mfp-arrow {
+
    .circleO img {
            position: absolute;
+
        max-height: 40px;
            opacity: 0.65;
+
        width: auto;
            margin: 0;
+
    }
            top: 50%;
+
            margin-top: -55px;
+
            padding: 0;
+
            width: 90px;
+
            height: 110px;
+
            -webkit-tap-highlight-color: transparent;
+
        }
+
  
         .mfp-arrow:active {
+
    .circleS {
            margin-top: -54px;
+
         height: 60px;
 +
        width: 60px;
 +
        padding: auto;
 +
        border-radius: 50%;
 +
        background-image: linear-gradient(rgba(1, 101, 224, 1), rgba(0, 203, 177, 1));
 +
        color: black;
 +
        z-index: 2;
 +
    }
 +
 
 +
    .circleS img {
 +
        max-height: 40px;
 +
        width: auto;
 +
    }
 +
 
 +
    .circleM {
 +
        height: 100px;
 +
        width: 100px;
 +
        padding: auto;
 +
        border-radius: 50%;
 +
        background-image: linear-gradient(rgba(1, 101, 224, 1), rgba(0, 203, 177, 1));
 +
        color: black;
 +
        z-index: 2;
 +
        1, 101, 224
 +
    }
 +
 
 +
    .circleM img {
 +
        max-height: 80px;
 +
        width: auto;
 +
    }
 +
 
 +
    .circleL {
 +
        height: 160px;
 +
        width: 160px;
 +
        padding: auto;
 +
        border-radius: 50%;
 +
        background-image: linear-gradient(rgba(1, 101, 224, 1), rgba(0, 203, 177, 1));
 +
        color: black;
 +
        z-index: 2;
 +
    }
 +
 
 +
    .circleL img {
 +
        max-height: 130px;
 +
        width: auto;
 +
    }
 +
 
 +
    #conceptFlow h5 {
 +
        font-weight: bold;
 +
        font-size: 2rem;
 +
        margin-bottom: 30px;
 +
        color: #009ec6;
 +
    }
 +
 
 +
    #conceptFlow span {
 +
        font-size: 1.5rem;
 +
    }
 +
 
 +
    /* height of each section*/
 +
    .how-it-works.row {
 +
        height: 50vh
 +
    }
 +
 
 +
    .how-it-works.row .col-3 {
 +
        align-self: stretch;
 +
    }
 +
 
 +
    .how-it-works.row .col-3::after {
 +
        content: "";
 +
        position: absolute;
 +
        border-left: 3px solid rgba(82, 187, 199, 1);
 +
        z-index: 1;
 +
    }
 +
 
 +
    .diagnosis.row .col-3::after {
 +
        content: "";
 +
        position: absolute;
 +
        border-left: 3px dotted rgba(82, 187, 199, 1);
 +
        z-index: 1;
 +
    }
 +
 
 +
    .how-it-works.row .col-3.bottom::after {
 +
        height: 50%;
 +
        left: 50%;
 +
        top: 50%;
 +
    }
 +
 
 +
    .how-it-works.row .col-3.full::after {
 +
        height: 100%;
 +
        left: calc(50% - 3px);
 +
    }
 +
 
 +
    .how-it-works.row .col-3.fullRight::after {
 +
        height: 100%;
 +
        left: 50%;
 +
    }
 +
 
 +
    .how-it-works.row .col-3.top::after {
 +
        height: 50%;
 +
        left: calc(50% - 3px);
 +
        top: 0;
 +
        border: 2px dotted rgba(82, 187, 199, 1);
 +
    }
 +
 
 +
 
 +
    .timeline div {
 +
        padding: 0;
 +
        height: 40px;
 +
    }
 +
 
 +
    .timeline hr {
 +
        border-top: 3px solid rgba(82, 187, 199, 1);
 +
        background-color: transparent;
 +
        margin: 0;
 +
        top: 17px;
 +
        position: relative;
 +
    }
 +
 
 +
    .timeline .col-3 {
 +
        display: flex;
 +
        overflow: hidden;
 +
    }
 +
 
 +
    .timeline .corner {
 +
        border: 3px solid rgba(82, 187, 199, 1);
 +
        width: 100%;
 +
        position: relative;
 +
        border-radius: 15px;
 +
    }
 +
 
 +
    .timeline .top-right {
 +
        left: 50%;
 +
        top: -50%;
 +
    }
 +
 
 +
    .timeline .left-bottom {
 +
        left: -50%;
 +
        top: calc(50% - 3px);
 +
    }
 +
 
 +
    .timeline .top-left {
 +
        left: -50%;
 +
        top: -50%;
 +
    }
 +
 
 +
    .timeline .right-bottom {
 +
        left: 50%;
 +
        top: calc(50% - 3px);
 +
    }
 +
 
 +
    /* Qoutes Part*/
 +
    #warnPics {
 +
        height: auto;
 +
        min-height: 20vw;
 +
        font-weight: 100;
 +
    }
 +
 
 +
    #warnPics .qoutes span {
 +
        font-size: 1.5rem;
 +
    }
 +
 
 +
    #warnPics .qoutes {
 +
 
 +
    }
 +
 
 +
    #qoute1 {
 +
        background: linear-gradient(rgba(35, 35, 35, 1), rgba(35, 35, 35, .3), rgba(35, 35, 35, 1)), url("http://2018.igem.org/wiki/images/c/c9/T--Munich--death_background.png");
 +
        background-repeat: no-repeat;
 +
        background-size: cover;
 +
        background-position: center;
 +
        color: #fff;
 +
    }
 +
 
 +
    #qoute2 {
 +
        background: linear-gradient(rgba(35, 35, 35, 1), rgba(35, 35, 35, .3), rgba(35, 35, 35, 1)), url("http://2018.igem.org/wiki/images/4/4e/T--Munich--WarningPic1.jpg");
 +
        background-repeat: no-repeat;
 +
        background-size: cover;
 +
        background-position: center;
 +
        color: #fff;
 +
    }
 +
 
 +
    #qoute3 {
 +
        background: linear-gradient(rgba(35, 35, 35, 1), rgba(35, 35, 35, .3), rgba(35, 35, 35, 1)), url("http://2018.igem.org/wiki/images/6/66/T--Munich--PHAGE.jpg");
 +
        background-repeat: no-repeat;
 +
        background-size: cover;
 +
        background-position: top;
 +
        color: #fff;
 +
    }
 +
 
 +
    #whyTitle {
 +
        background: rgba(35, 35, 35, 1);
 +
    }
 +
 
 +
    .warningContent span {
 +
        font-size: 2.5rem;
 +
        font-weight: bold;
 +
    }
 +
 
 +
    .mobileText {
 +
        font-size: 1.5rem !important;
 +
        margin-top: 3rem;
 +
    }
 +
 
 +
 
 +
    #conceptFlowTitle {
 +
        font-size: 2.5rem;
 +
        font-weight: bold;
 +
    }
 +
 
 +
 
 +
    /* START PopUp STYLES */
 +
    .labelBox {
 +
        display: inline;
 +
    }
 +
 
 +
    .reg {
 +
        background-color: white;
 +
        display: inline;
 +
        margin: 0 auto;
 +
        width: auto;
 +
        font-size: 16.996px;
 +
        line-height: 20px;
 +
        padding: 12px 18px 13px;
 +
        -webkit-border-radius: 6px;
 +
        -moz-border-radius: 6px;
 +
        -ms-border-radius: 6px;
 +
        -o-border-radius: 6px;
 +
        border-radius: 6px;
 +
        -webkit-transition: all 0.3s ease-in-out;
 +
        -moz-transition: all 0.3s ease-in-out;
 +
        transition: all 0.3s ease-in-out;
 +
        color: #009ec6;
 +
        cursor: pointer;
 +
        border: none;
 +
        text-decoration: underline;
 +
    }
 +
 
 +
    .reg:hover {
 +
        opacity: 0.8;
 +
        -webkit-transition: all 0.3s ease-in-out;
 +
        -moz-transition: all 0.3s ease-in-out;
 +
        transition: all 0.3s ease-in-out;
 +
    }
 +
 
 +
    .pop {
 +
        display: none;
 +
        position: absolute;
 +
        top: 75%;
 +
        max-width: 100%;
 +
        height: auto;
 +
        -webkit-border-radius: 6px;
 +
        -moz-border-radius: 6px;
 +
        -ms-border-radius: 6px;
 +
        -o-border-radius: 6px;
 +
        border-radius: 6px;
 +
        z-index: 200;
 +
        padding: 10px;
 +
        background-color: rgba(240, 240, 240, 1);
 +
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
    }
 +
 
 +
    .pop > h1 {
 +
        color: #009ec6;
 +
        font-size: 100%;
 +
    }
 +
 
 +
    .pop > p {
 +
        font-size: 100%;
 +
        color: #777777;
 +
    }
 +
 
 +
    .pop > span {
 +
        cursor: pointer;
 +
        position: absolute;
 +
        top: 10px;
 +
        right: 10px;
 +
        -webkit-border-radius: 100px;
 +
        -moz-border-radius: 100px;
 +
        color: #777777;
 +
        width: 30px;
 +
        height: 30px;
 +
    }
 +
 
 +
    /* END PopUp STYLES */
 +
 
 +
    .mobileTitle {
 +
        font-size: 3.5rem !important;
 +
    }
 +
 
 +
    .readButton, .readButton:visited {
 +
        color: #17a2b8;
 +
    }
 +
 
 +
    .readButton:hover {
 +
        color: white;
 +
    }
 +
 
 +
    .showCase .row {
 +
        padding-left: 10vw;
 +
        padding-right: 10vw;
 +
    }
 +
 
 +
    @media only screen and (max-width: 767.98px) {
 +
        #videoBox #videoShow {
 +
            position: relative;
 
         }
 
         }
  
         .mfp-arrow:hover,
+
         #PhactoryTitle {
        .mfp-arrow:focus {
+
             font-size: 4rem;
             opacity: 1;
+
 
         }
 
         }
  
         .mfp-arrow:before,
+
         #PhactoryText {
        .mfp-arrow:after {
+
             font-size: 1.5rem;
             content: '';
+
            display: block;
+
            width: 0;
+
            height: 0;
+
            position: absolute;
+
            left: 0;
+
            top: 0;
+
            margin-top: 35px;
+
            margin-left: 35px;
+
            border: medium inset transparent;
+
 
         }
 
         }
  
         .mfp-arrow:after {
+
         .warningContent span {
             border-top-width: 13px;
+
             font-size: 1.5rem;
            border-bottom-width: 13px;
+
            top: 8px;
+
 
         }
 
         }
  
         .mfp-arrow:before {
+
         @media screen and (max-width: 500px) {
             border-top-width: 21px;
+
             .warningContent span {
            border-bottom-width: 21px;
+
                font-size: 1.5rem;
             opacity: 0.7;
+
             }
 
         }
 
         }
  
         .mfp-arrow-left {
+
         #warnPics .qoutes {
             left: 0;
+
             font-size: 1rem;
 
         }
 
         }
  
         .mfp-arrow-left:after {
+
         #compareBox img {
             border-right: 17px solid #FFF;
+
             max-height: 20vh;
             margin-left: 31px;
+
             width: auto;
 
         }
 
         }
  
         .mfp-arrow-left:before {
+
         .mobileTitle {
             margin-left: 25px;
+
             font-size: 3rem !important;
            border-right: 27px solid #3F3F3F;
+
 
         }
 
         }
  
         .mfp-arrow-right {
+
         @media screen and (max-width: 450px) {
             right: 0;
+
             .mobileTitle {
 +
                font-size: 2.0rem !important;
 +
            }
 
         }
 
         }
  
         .mfp-arrow-right:after {
+
         #conceptFlowTitle {
             border-left: 17px solid #FFF;
+
             font-size: 2rem;
             margin-left: 39px;
+
             font-weight: bold;
 
         }
 
         }
  
         .mfp-arrow-right:before {
+
         #conceptFlow h5 {
             border-left: 27px solid #3F3F3F;
+
             font-size: 1.5rem;
 
         }
 
         }
  
         .mfp-iframe-holder {
+
         #conceptFlow span {
             padding-top: 40px;
+
             font-size: 1rem;
            padding-bottom: 40px;
+
 
         }
 
         }
  
         .mfp-iframe-holder .mfp-content {
+
         .how-it-works.row {
             line-height: 0;
+
             height: auto;
            width: 100%;
+
            max-width: 900px;
+
 
         }
 
         }
  
         .mfp-iframe-holder .mfp-close {
+
        /* FlowChart*/
             top: -40px;
+
         .circleO {
 +
             height: 40px;
 +
            width: 40px;
 
         }
 
         }
  
         .mfp-iframe-scaler {
+
         .circleO img {
             width: 100%;
+
             max-height: 25px;
            height: 0;
+
             width: auto;
             overflow: hidden;
+
            padding-top: 56.25%;
+
 
         }
 
         }
  
         .mfp-iframe-scaler iframe {
+
         .circleS {
             position: absolute;
+
             height: 40px;
            display: block;
+
             width: 40px;
            top: 0;
+
            left: 0;
+
             width: 100%;
+
            height: 100%;
+
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+
            background: #000;
+
 
         }
 
         }
  
         /* Main image in popup */
+
         .circleS img {
        img.mfp-img {
+
            max-height: 25px;
 
             width: auto;
 
             width: auto;
            max-width: 100%;
 
            height: auto;
 
            display: block;
 
            line-height: 0;
 
            box-sizing: border-box;
 
            padding: 40px 0 40px;
 
            margin: 0 auto;
 
 
         }
 
         }
  
        /* The shadow behind the image */
+
         .circleM {
         .mfp-figure {
+
             height: 50px;
             line-height: 0;
+
            width: 50px;
 
         }
 
         }
  
         .mfp-figure:after {
+
         .circleM img {
             content: '';
+
             max-height: 35px;
            position: absolute;
+
            left: 0;
+
            top: 40px;
+
            bottom: 40px;
+
            display: block;
+
            right: 0;
+
 
             width: auto;
 
             width: auto;
            height: auto;
 
            z-index: -1;
 
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 
            background: #444;
 
 
         }
 
         }
  
         .mfp-figure small {
+
         .circleL {
             color: #BDBDBD;
+
             height: 60px;
             display: block;
+
             width: 60px;
            font-size: 12px;
+
            line-height: 14px;
+
 
         }
 
         }
  
         .mfp-figure figure {
+
         .circleL img {
             margin: 0;
+
             max-height: 45px;
 +
            width: auto;
 
         }
 
         }
  
         .mfp-bottom-bar {
+
         .reg {
             margin-top: -36px;
+
             padding: 0;
            position: absolute;
+
            top: 100%;
+
            left: 0;
+
            width: 100%;
+
            cursor: auto;
+
 
         }
 
         }
  
         .mfp-title {
+
         .mobileText {
             text-align: left;
+
             font-size: 1rem !important;
            line-height: 18px;
+
             margin-top: 0;
            color: #F3F3F3;
+
            word-wrap: break-word;
+
             padding-right: 36px;
+
 
         }
 
         }
  
         .mfp-image-holder .mfp-content {
+
         .showCase .row {
             max-width: 100%;
+
             padding: 0;
 
         }
 
         }
 +
    }
  
        .mfp-gallery .mfp-image-holder .mfp-figure {
+
    @media only screen and (max-width: 991.98px) {
            cursor: pointer;
+
    }
        }
+
  
        @media screen and (max-width: 800px) and (orientation: landscape),
+
    @media only screen and (max-width: 1199.98px) {
        screen and (max-height: 300px) {
+
    }
 +
</style>
  
            /**
+
<script>
      * Remove all paddings around the image on small screen
+
    // Scroll Down Icon
      */
+
    $(document).ready(function () {
            .mfp-img-mobile .mfp-image-holder {
+
        // Add smooth scrolling to all links
                padding-left: 0;
+
        $("#goTo").on('click', function (event) {
                padding-right: 0;
+
            }
+
  
             .mfp-img-mobile img.mfp-img {
+
             // Make sure this.hash has a value before overriding default behavior
                 padding: 0;
+
            if (this.hash !== "") {
            }
+
                 // Prevent default anchor click behavior
 +
                event.preventDefault();
  
            .mfp-img-mobile .mfp-figure:after {
+
                 // Store hash
                 top: 0;
+
                 var hash = this.hash;
                 bottom: 0;
+
            }
+
  
            .mfp-img-mobile .mfp-figure small {
+
                // Using jQuery's animate() method to add smooth page scroll
                 display: inline;
+
                 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
                 margin-left: 5px;
+
                 $('html, body').animate({
            }
+
                    scrollTop: $(hash).offset().top
 +
                }, 800, function () {
  
            .mfp-img-mobile .mfp-bottom-bar {
+
                    // Add hash (#) to URL when done scrolling (default click behavior)
                background: rgba(0, 0, 0, 0.6);
+
                    window.location.hash = hash;
                bottom: 0;
+
                 });
                 margin: 0;
+
            } // End if
                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 {
+
    $(document).ready(function () {
                right: 5px;
+
        $(".reg").click(function () {
                top: 3px;
+
            $(".pop").fadeOut(100);
            }
+
            $(this).next().fadeIn(300);
 +
        });
  
            .mfp-img-mobile .mfp-close {
+
        $(".pop > span, .pop").click(function () {
                top: 0;
+
            $(".pop").fadeOut(300);
                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) {
+
</script>
            .mfp-arrow {
+
                -webkit-transform: scale(0.75);
+
                transform: scale(0.75);
+
            }
+
  
            .mfp-arrow-left {
+
<div id="videoBox" class="text-center" style="position: relative;  min-height:5%; width:100%; margin-top: 50px">
                -webkit-transform-origin: 0;
+
    <video id="videoShow" playsinline autoplay muted id="myVideo" style="min-height:5%; width:100%; margin-top: 50px">
                transform-origin: 0;
+
        <source src="https://2019.igem.org/wiki/images/a/a0/T--Tuebingen--MovieLast-mov.mov" type="video/mp4"
            }
+
                style="width: 100%;">
 +
        Your browser does not support HTML5 video.
 +
    </video>
  
            .mfp-arrow-right {
+
</div>
                -webkit-transform-origin: 100%;
+
                transform-origin: 100%;
+
            }
+
  
            .mfp-container {
 
                padding-left: 6px;
 
                padding-right: 6px;
 
            }
 
        }
 
  
        .mfp-zoom-out {
+
<div id="whyTitle" class="container-fluid jumbotron jumbotron-fluid text-center mb-0 p-0 align-items-center text-light"
            /* start state */
+
    style="overflow-x: hidden; overflow-y: hidden;">
             /* animate in */
+
    <div data-aos="zoom-out-left"
             /* animate out */
+
        data-aos-offset="200"
         }
+
        data-aos-delay="50"
 +
        data-aos-duration="2000"
 +
        data-aos-easing="ease-in-out-cubic"
 +
        data-aos-mirror="true"
 +
        data-aos-once="false">
 +
        <div class="row pt-5 pb-3 ">
 +
             <div class="warningContent col-12">
 +
                <span class="align-middle" style="font-family: 'Righteous';color:#2ecc71;font-size: 2.7rem !important;">GLP.exe - a safe and effective treatment for Type 2 Diabetes Mellitus</span>
 +
             </div>
 +
         </div>
  
         .mfp-zoom-out .mfp-with-anim {
+
         <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;">
            opacity: 0;
+
             <div class="col-12 col-md-6">
             transition: all 0.3s ease-in-out;
+
                <img class="img-fluid"
             transform: scale(1.3);
+
                    src="https://2019.igem.org/wiki/images/3/3c/T--Tuebingen--Diabetes-Treatment-transparent-Landing-Page.png"
        }
+
                    alt="meetUp" style="padding-left: 6vw;">
 +
             </div>
 +
            <div class="col-12 col-md-6 pt-3" style="padding-right: 6vw;">
 +
                <p class="text-justify  mobileText">Several treatment options for Type 2 Diabetes Mellitus
 +
                    have been developed in recent years significantly improving the patients' insulin level.
 +
                </p>
  
        .mfp-zoom-out.mfp-bg {
+
                <p class="text-justify  mobileText">
            opacity: 0;
+
                    Hence, the diagnosis of Type 2 Diabetes Mellitus is no longer a death sentence.
             transition: all 0.3s ease-out;
+
                </p>
         }
+
             </div>
 +
         </div>
 +
    </div>
  
        .mfp-zoom-out.mfp-ready .mfp-with-anim {
+
    <div class="row pt-5 pb-3 ">
             opacity: 1;
+
        <div class="warningContent col-12 slide-in">
            transform: scale(1);
+
             <span class="align-middle" style="font-family: 'Righteous';color:#2ecc71; font-size: 3rem !important;">Yet...</span>
         }
+
         </div>
 +
    </div>
  
        .mfp-zoom-out.mfp-ready.mfp-bg {
+
    <div data-aos="zoom-out-right"
             opacity: 0.8;
+
        data-aos-offset="200"
        }
+
        data-aos-delay="50"
 +
        data-aos-duration="2000"
 +
        data-aos-easing="ease-in-out-cubic"
 +
        data-aos-mirror="true"
 +
        data-aos-once="false">
 +
        <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;">
 +
             <div class="col-12 col-md-6">
 +
                <img class="img-fluid"
 +
                    src="https://2019.igem.org/wiki/images/1/15/T--Tuebingen--Injection-Scheme-transparent-Landing-Page.png"
 +
                    alt="meetUp" style="padding-left: 6vw;">
 +
            </div>
  
        .mfp-zoom-out.mfp-removing .mfp-with-anim {
+
            <div class="col-12 col-md-6 pt-3" style="padding-right: 6vw;">
            transform: scale(1.3);
+
                <h2 class="display-4 mobileTitle" style="font-family: 'Righteous';color:#2ecc71;">Current Drugs</h2>
            opacity: 0;
+
                <p class="text-justify mobileText">are expensive, require fine tuning and daily shots.
        }
+
                    Moreover, they have severe side-effects, causing patients to skip doses.</p>
  
        .mfp-zoom-out.mfp-removing.mfp-bg {
+
                <p class="text-justify mobileText">“Many patients don’t want to use insulin. They don’t want
            opacity: 0;
+
                    to do finger sticks and they’re afraid of hypoglycemia.”<br>
        }
+
                </p>
    </style>
+
  
</head>
+
                <p class="text-justify mobileText">
 +
                    “To fight the global diabetes pandemic, we would ideally have an accessible cost-effective
 +
                    easily-compliant intervention that has high clinical efficacy and that is free of adverse side
 +
                    effects.”<br><br>
 +
                    Prof. Harold Lebovitz, State University of New York Health Science Center, Brooklyn, New York
 +
                </p>
 +
            </div>
 +
        </div>
 +
    </div>
  
<body style="">
+
     <div class="row pt-5 pb-3 ">
     <section id="nav-placeholder">
+
        <div class="warningContent col-12">
        <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
+
            <span class="align-middle" style="font-family: 'Righteous';color:#2ecc71;font-size: 3rem !important;">However...</span>
            style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
+
        </div>
            <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen">
+
    </div>
                <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo"
+
                    style="width:70px;">
+
                <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
+
            </a>
+
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
+
                <span class="navbar-toggler-icon"></span>
+
            </button>
+
            <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
+
                <ul class="navbar-nav">
+
                    <li id="ourStoryButton" class="nav-item mx-3">
+
                        <a class="nav-link" href="/Team:Tuebingen/Story"
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
+
                            STORY</a>
+
                    </li>
+
  
                    <li class="nav-item dropdown mx-3">
+
    <div data-aos="zoom-out-left"
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
        data-aos-offset="200"
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
        data-aos-delay="50"
                            PROJECT
+
        data-aos-duration="2000"
                        </a>
+
        data-aos-easing="ease-in-out-cubic"
                        <div class="dropdown-menu">
+
        data-aos-mirror="true"
                            <a class="dropdown-item" href="/Team:Tuebingen/Description"
+
        data-aos-once="false">
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill
+
                                Switch</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/CPP"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Cell
+
                                Penetrating Peptides</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Results"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
+
                        </div>
+
                    </li>
+
                    <li class="nav-item dropdown mx-3">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                            PARTS
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Parts"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
+
                                Overview</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
+
                                Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
+
                                Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
+
                                Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
+
                                Collection</a>
+
                        </div>
+
                    </li>
+
  
                    <li class="nav-item dropdown mx-3">
+
        <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
            <div class="col-12 col-md-6">
                            style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
+
                <img class="img-fluid"
                            PEOPLE
+
                    src="https://2019.igem.org/wiki/images/e/e3/T--Tuebingen--Our-Probiotic-transparent-Landing-page.png"
                        </a>
+
                    alt="meetUp" style="padding-left: 6vw;">
                        <div class="dropdown-menu">
+
            </div>
                            <a class="dropdown-item" href="/Team:Tuebingen/Team"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
+
                        </div>
+
                    </li>
+
  
                    <li class="nav-item dropdown mx-3">
+
            <div class="col-12 col-md-6 pt-3" style="padding-right: 6vw;">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                <h2 class="display-4 mobileTitle" style="font-family: 'Righteous';color:#2ecc71;">There's a
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                    solution!</h2>
                            HUMAN PRACTICES
+
                <p class="text-justify mobileText">Our therapeutic agent is a probiotic secreting incretin
                        </a>
+
                    mimetics placed in the patients intestine by oral administration of capsules. GLP-1 and Exendin-4,
                        <div class="dropdown-menu">
+
                     our
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                     main actors, cause an increase in insulin secretion, if the cell has already taken up sugar.</p>
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
+
                                & Public
+
                                Engagement</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experts"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/SDG"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable
+
                                Development
+
                                Goals</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
+
                                Science
+
                                Center</a>
+
                        </div>
+
                     </li>
+
                     <li class="nav-item dropdown mx-3">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                            AWARDS
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated
+
                                Human Practise</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
+
                                & Public
+
                                Engagement</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
+
                                Entrepreneurship</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                        </div>
+
                    </li>
+
  
                    <li class="nav-item mx-3">
+
                <p class="text-justify mobileText">This enables an easier therapy where a regular intake of
                        <a class="nav-link" href="/Team:Tuebingen/Safety"
+
                     medicals is not required.</p>
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
+
                     </li>
+
  
                    <li class="nav-item mx-3">
+
                <p class="text-justify mobileText">Improved cell penetrating peptides with the use of
                        <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
+
                    artificial intelligence allow for an efficient and safe transport of our effectors into the
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING
+
                    cells.</p>
                            FORM ⇗</a>
+
            </div>
                    </li>
+
        </div>
 +
    </div>
  
                    <li class="nav-item mx-1 pt-2">
+
    <div class="row pt-5 pb-3 ">
                        <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
+
        <div class="warningContent col-12">
                    </li>
+
            <span class="align-middle"
                    <li class="nav-item mx-1 pt-2">
+
                  style="font-family: 'Righteous';color:#2ecc71;font-size: 3rem !important;">Safety</span>
                        <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
+
        </div>
                    </li>
+
    </div>
                    <li class="nav-item mx-1 pt-2">
+
                        <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
+
                    </li>
+
  
                 </ul>
+
    <div data-aos="zoom-out-right"
 +
        data-aos-offset="200"
 +
        data-aos-delay="50"
 +
        data-aos-duration="2000"
 +
        data-aos-easing="ease-in-out-cubic"
 +
        data-aos-mirror="true"
 +
        data-aos-once="false">
 +
 
 +
        <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;">
 +
            <div class="col-12 col-md-6">
 +
                 <img class="img-fluid"
 +
                    src="https://2019.igem.org/wiki/images/6/6d/T--Tuebingen--Cas3-system-transparent-Landing-page.png"
 +
                    alt="meetUp" style="padding-left: 6vw;">
 
             </div>
 
             </div>
        </nav>
 
    </section>
 
    <script>
 
        var url = window.location.href;
 
        $(function () {
 
            $('.nav-link[href="' + url + '"]').addClass("active");
 
            $('.dropdown-item[href="' + url + '"]').addClass("active");
 
            $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
 
        });
 
    </script>
 
    <script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></script>
 
    <script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&ctype=text/javascript"></script>
 
    <script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script>
 
    <script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
 
</body>
 
  
<style>
+
            <div class="col-12 col-md-6 pt-3" style="padding-right: 6vw;">
    .pictureTitle {
+
                <h2 class="display-4 mobileTitle" style="font-family: 'Righteous';color:#2ecc71;">is our highest
        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");
+
                    priority!</h2>
        background-repeat: no-repeat;
+
                <p class="text-justify mobileText">Therefore, we developed a novel, Cas3 based kill-switch
        background-size: cover;
+
                    mechanism. The flexible system uses three regulators inspired by the human intestines: temperature,
        background-position: center;
+
                    availability of fatty acids in form of Acyl CoA and N-Acetyl-Glucosamin. </p>
    }
+
  
 +
                <p class="text-justify mobileText">
 +
                    If the conditions of our regulatory system are no longer met, Cas3 will be degrading all genetic
 +
                    information.
 +
                </p>
 +
            </div>
 +
        </div>
 +
    </div>
  
     @media only screen and (max-width: 575.98px) {}
+
     <div class="row pt-5 pb-3 ">
 +
        <div class="warningContent col-12">
 +
            <span class="align-middle" style="font-family: 'Righteous';color:#2ecc71;font-size: 3rem !important;">Additionally</span>
 +
        </div>
 +
    </div>
  
     @media only screen and (max-width: 767.98px) {}
+
     <div data-aos="zoom-out-left"
 +
        data-aos-offset="200"
 +
        data-aos-delay="50"
 +
        data-aos-duration="2000"
 +
        data-aos-easing="ease-in-out-cubic"
 +
        data-aos-mirror="true"
 +
        data-aos-once="false">
  
    @media only screen and (max-width: 991.98px) {}
+
        <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;">
 +
            <div class="col-12 col-md-6">
 +
                <img class="img-fluid"
 +
                    src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--EcN-Charakterisierung-transparent-Landing-page.png"
 +
                    alt="meetUp" style="padding-left: 6vw;">
 +
            </div>
  
    @media only screen and (max-width: 1199.98px) {}
+
            <div class="col-12 col-md-6 pt-3" style="padding-right: 6vw;">
 +
                <h2 class="display-4 mobileTitle" style="overflow-x: visible; font-family: 'Righteous';color:#2ecc71;">
 +
                    An in depth <i>E. coli</i> Nissle characterization</h2>
 +
                <p class="text-justify mobileText">Despite the fact that <i>E. coli</i> Nissle is an already
 +
                    approved probiotic, it's surprisingly badly characterized.</p>
  
    /*
+
                <p class="text-justify mobileText">
========================
+
                    Hence, we provide the first metabolic model of <i>E. coli</i> Nissle and optimize it's growth for various
    BUTTON STYLE BEGIN
+
                    growth media. Furthermore, we predicted the interaction and competition of <i>E. coli</i> Nissle with
========================
+
                    common competitors for various fluxes in the gut.
*/
+
                </p>
  
    .btn-link {
+
                <p class="text-justify mobileText">
        font-weight: 400;
+
                    Finally, we carried out a series of RNA-Seq experiments to assess the adaptions and reactions of E.
        color: #007bff;
+
                    coli
         background-color: transparent
+
                    Nissle to aerobic, as well as anaerobic occurring stress factors.
     }
+
                </p>
 +
            </div>
 +
         </div>
 +
     </div>
  
     .btn-link:hover {
+
     <div class="row pt-5 pb-3 ">
         color: #0056b3;
+
         <div class="warningContent col-12 slide-in">
        text-decoration: underline;
+
            <span class="align-middle" style="font-family: 'Righteous';color:#2ecc71;font-size: 3rem !important;">Bringing it all together</span>
         background-color: transparent;
+
         </div>
        border-color: transparent
+
     </div>
     }
+
  
     .btn-link.focus,
+
     <div data-aos="zoom-out-right"
    .btn-link:focus {
+
        data-aos-offset="200"
        text-decoration: underline;
+
        data-aos-delay="50"
        border-color: transparent;
+
        data-aos-duration="2000"
        box-shadow: none
+
        data-aos-easing="ease-in-out-cubic"
    }
+
        data-aos-mirror="true"
 +
        data-aos-once="false">
  
    .btn-link.disabled,
+
        <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;">
     .btn-link:disabled {
+
            <div class="col-12 col-md-6">
         color: #6c757d;
+
                <img class="img-fluid"
         pointer-events: none
+
                    src="https://2019.igem.org/wiki/images/3/3d/T--Tuebingen--New-Approach-transparent-Landing-page.png"
 +
                    alt="meetUp" style="padding-left: 6vw;">
 +
            </div>
 +
 
 +
 
 +
            <div class="col-12 col-md-6 pt-3" style="padding-right: 6vw;">
 +
                <h2 class="display-4 mobileTitle">Our work lays the foundation for an innovative, unprecedented approach
 +
                    to treat Type 2 Diabetes Mellitus.</h2>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
</div>
 +
 
 +
<style>
 +
 
 +
     .testclasse {
 +
         margin: 0;
 +
        background-color: #2ecc71;
 +
         background-image: radial-gradient(#2ecc71 20%, #1b7a43 50%, rgba(0, 0, 0, 0.5) 100%);
 +
        background-size: 120%;
 +
        background-position: center;
 +
        font-family: "Barlow Condensed", sans-serif;
 +
        -webkit-animation: tighten-vinette ease-out 1800ms forwards;
 +
        animation: tighten-vinette ease-out 1800ms forwards;
 
     }
 
     }
  
     .btn-link {
+
     .babbelbubu .logo .kokosnusss {
         opacity: 0.8;
+
         width: 120%;
         text-decoration: none;
+
        margin-left: -10%;
         color: white;
+
        margin-top: -45%;
 +
        pointer-events: none;
 +
        height: 90vh;
 +
        top: 0;
 +
        bottom: 0;
 +
        right: 0;
 +
        left: 0;
 +
        position: relative;
 +
        opacity: .6;
 +
         z-index: 20;
 +
         background-size: cover;
 +
        background-position: center;
 +
        background-image: url("https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif");
 
     }
 
     }
  
     .btn-link:hover {
+
     .babbelbubu {
         opacity: 1;
+
         height: 80%;
         text-decoration: none;
+
         display: flex;
         color: rgba(105, 202, 98, 1.1);
+
        align-items: center;
 +
         justify-content: center;
 
     }
 
     }
  
     .btn-link:focus {
+
     .logo {
         opacity: 1;
+
         cursor: pointer;
         text-decoration: none;
+
         text-align: center;
        color: rgba(105, 202, 98, 1.1);
+
 
     }
 
     }
  
     .card-header {
+
     .logo:hover .restart {
         background-color: rgba(50, 50, 50, 1);
+
         opacity: .8;
 
     }
 
     }
  
     .card button {
+
     .restart {
         width: 100%;
+
         color: #fff;
 +
        margin-top: 20px;
 
         font-size: 1.5rem;
 
         font-size: 1.5rem;
 +
        text-transform: uppercase;
 +
        letter-spacing: -.08rem;
 +
        transition: opacity 150ms linear;
 
     }
 
     }
  
    /*
+
     .marvel, .studios {
========================
+
    BUTTON STYLE END
+
========================
+
*/
+
 
+
    /*
+
========================
+
      BUTTON ONE
+
========================
+
*/
+
     .btn-one {
+
        color: rgba(105, 202, 98, 1.1);
+
        transition: all 0.3s;
+
 
         position: relative;
 
         position: relative;
 +
        color: #fff;
 +
        text-transform: uppercase;
 +
        letter-spacing: -.2rem;
 +
        font-size: 5rem;
 +
        margin: .05rem .05rem .5rem;
 +
        padding: 0 0.4rem;
 +
        display: inline-block;
 +
        margin-top: 30%;
 
     }
 
     }
  
     .btn-one span {
+
     .studios {
         transition: all 0.3s;
+
         font-weight: 500;
 +
        letter-spacing: -.3rem;
 +
        -webkit-transform: translateX(-95px);
 +
        transform: translateX(-95px);
 
     }
 
     }
  
     .btn-one::before {
+
     .marvel {
 +
        z-index: 10;
 +
        font-weight: 800;
 +
        -webkit-transform: translateX(95px);
 +
        transform: translateX(95px);
 +
    }
 +
 
 +
    .marvel:before {
 +
        z-index: -10;
 
         content: '';
 
         content: '';
 +
        display: block;
 +
        background-color: #2ecc71;
 +
        border: solid rgba(255, 255, 255, 0.2) 1px;
 +
        height: 100%;
 +
        width: 100%;
 
         position: absolute;
 
         position: absolute;
         bottom: 0;
+
         top: 0;
 
         left: 0;
 
         left: 0;
        width: 100%;
 
        height: 100%;
 
        z-index: 1;
 
        opacity: 0;
 
        transition: all 0.3s;
 
        border-top-width: 1px;
 
        border-bottom-width: 1px;
 
        border-top-style: solid;
 
        border-bottom-style: solid;
 
        border-top-color: rgba(105, 202, 98, 1.1);
 
        border-bottom-color: rgba(105, 202, 98, 1.1);
 
        transform: scale(0.1, 1);
 
 
     }
 
     }
  
     .btn-one:hover span {
+
     .studios:after, .studios:before {
         letter-spacing: 2px;
+
         content: '';
 +
        display: block;
 +
        height: 3px;
 +
        position: absolute;
 +
        background-color: #fff;
 +
        display: block;
 +
        left: 0.4rem;
 +
        right: 0.4rem;
 
     }
 
     }
  
     .btn-one:hover::before {
+
     .studios:before {
         opacity: 1;
+
         top: 0;
        transform: scale(1, 1);
+
 
     }
 
     }
  
     .btn-one::after {
+
     .studios:after {
        content: '';
+
        position: absolute;
+
 
         bottom: 0;
 
         bottom: 0;
        left: 0;
 
        width: 100%;
 
        height: 100%;
 
        z-index: 1;
 
        transition: all 0.3s;
 
        background-color: rgba(255, 255, 255, 0.05);
 
 
     }
 
     }
  
     .btn-one:hover::after {
+
     @media screen and (max-width: 900px) and (max-height: 1170px) {
         opacity: 0;
+
         .babbelbubu .logo .kokosnusss {
        transform: scale(0.1, 1);
+
            margin-top: -90%;
 +
            width: 100%;
 +
            margin-left: 0;
 +
        }
 
     }
 
     }
  
     /*
+
     @media screen and (max-width: 500px) and (max-height: 750px) {
========================
+
        .babbelbubu .logo .kokosnusss {
      BUTTON ONE END
+
            margin-top: -120%;
========================
+
            width: 100%;
*/
+
            margin-left: 0;
 +
        }
  
    /*
+
        .marvel, .studios {
    ======================
+
            font-size: 3rem;
    HEADER BANNER STYLE BEGIN
+
        }
    ==========================
+
     }
     */
+
  
     .header {
+
     @media screen and (max-width: 420px) and (max-height: 850px) {
        position: relative;
+
         .babbelbubu .logo .kokosnusss {
        overflow: hidden;
+
            margin-top: -140%;
         display: flex;
+
            width: 100%;
        flex-wrap: wrap;
+
            margin-left: 0;
        justify-content: center;
+
         }
        align-items: flex-start;
+
 
        align-content: flex-start;
+
         .marvel, .studios {
         height: 50vh;
+
            font-size: 3rem;
         max-height: 350px;
+
         }
        min-width: 300px;
+
         color: #eee;
+
 
     }
 
     }
  
     .header:after {
+
     .wrapper.run-animation .restart {
         content: "";
+
         opacity: 0;
        width: 100%;
+
         -webkit-animation: fade-down 1200ms ease 3600ms forwards;
        height: 100%;
+
         animation: fade-down 1200ms ease 3600ms forwards;
        position: absolute;
+
        bottom: 0;
+
         left: 0;
+
        z-index: -1;
+
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(27, 32, 48, 1) 100%);
+
 
     }
 
     }
  
     .header:before {
+
     .babbelbubu.run-animation {
        content: "";
+
         -webkit-animation: shrink ease-out 4800ms forwards 600ms;
        width: 100%;
+
         animation: shrink ease-out 4800ms forwards 600ms;
        height: 100%;
+
        position: absolute;
+
        top: 0;
+
        left: 0;
+
         -webkit-backface-visibility: hidden;
+
        -webkit-transform: translateZ(0) scale(1.0, 1.0);
+
        transform: translateZ(0);
+
        background: #1B2030 url(https://2019.igem.org/wiki/images/f/f7/T--Tuebingen--information_booth_4.png) center no-repeat;
+
        background-size: 100%, 100%;
+
         animation: grow 30s linear 10ms infinite;
+
        transition: all 0.2s ease-in-out;
+
        z-index: -2
+
 
     }
 
     }
  
     .header a {
+
     .babbelbubu.run-animation .marvel {
         color: #eee
+
         -webkit-transform: translateX(95px);
 +
        transform: translateX(95px);
 +
        -webkit-animation: slide-out-X 750ms ease forwards;
 +
        animation: slide-out-X 750ms ease forwards;
 
     }
 
     }
  
     .info {
+
     .babbelbubu.run-animation .studios {
         width: 100%;
+
         -webkit-transform: translateX(-95px);
         padding: 15% 10% 0 10%;
+
         transform: translateX(-95px);
         text-align: center;
+
         color: transparent;
         text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2)
+
         -webkit-animation: slide-out-X 750ms ease forwards, show-text 300ms linear forwards 1500ms;
 +
        animation: slide-out-X 750ms ease forwards, show-text 300ms linear forwards 1500ms;
 
     }
 
     }
  
     .info h1 {
+
     .babbelbubu.run-animation .studios:before {
         font-size: 3.0em;
+
         -webkit-transform: translateY(2.9rem);
 +
        transform: translateY(2.9rem);
 +
        -webkit-animation: slide-out-Y 300ms ease forwards 750ms;
 +
        animation: slide-out-Y 300ms ease forwards 750ms;
 
     }
 
     }
  
     .info h4,
+
     .babbelbubu.run-animation .studios:after {
    .meta {
+
         -webkit-transform: translateY(-2.9rem);
         font-size: 0.7em
+
        transform: translateY(-2.9rem);
 +
        -webkit-animation: slide-out-Y 300ms ease forwards 750ms;
 +
        animation: slide-out-Y 300ms ease forwards 750ms;
 
     }
 
     }
  
     @media only screen and (min-width: 2250px) {
+
     .babbelbubu.run-animation .logo .kokosnusss {
         .info h1 {
+
        -webkit-animation: flicker-images 1500ms 2 steps(1, end), fade-out 4500ms forwards;
             margin-top: -50%;
+
        animation: flicker-images 1500ms 2 steps(1, end), fade-out 4500ms forwards;
 +
    }
 +
 
 +
    @-webkit-keyframes slide-out-X {
 +
         100% {
 +
             -webkit-transform: translateX(0);
 +
            transform: translateX(0);
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (min-width: 2000px) {
+
     @keyframes slide-out-X {
         .info h1 {
+
         100% {
             margin-top: -10%;
+
             -webkit-transform: translateX(0);
 +
            transform: translateX(0);
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (min-width: 1500px) {
+
     @-webkit-keyframes slide-out-Y {
         .info h1 {
+
         100% {
             margin-top: -5%;
+
             -webkit-transform: translateY(0);
 +
            transform: translateY(0);
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 800px) {
+
     @keyframes slide-out-Y {
         .info h1 {
+
         100% {
             margin-top: 9%;
+
             -webkit-transform: translateY(0);
            font-size: 2.3em;
+
             transform: translateY(0);
             text-align: center;
+
 
         }
 
         }
 +
    }
  
         .header {
+
    @-webkit-keyframes show-text {
             height: 45vh;
+
         100% {
 +
             color: #fff;
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 660px) {
+
     @keyframes show-text {
         .info h1 {
+
         100% {
             margin-top: 10%;
+
             color: #fff;
            font-size: 2.3em;
+
 
         }
 
         }
 +
    }
  
         .header {
+
    @-webkit-keyframes shrink {
             height: 40vh
+
         100% {
 +
             -webkit-transform: scale(0.8);
 +
            transform: scale(0.8);
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 600px) {
+
     @keyframes shrink {
         .header {
+
         100% {
             height: 35vh
+
             -webkit-transform: scale(0.8);
 +
            transform: scale(0.8);
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 560px) {
+
     @-webkit-keyframes tighten-vinette {
         .info h1 {
+
         100% {
             margin-top: 15%;
+
             background-size: 120%;
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 500px) {
+
     @keyframes tighten-vinette {
         .header {
+
         100% {
             height: 30vh
+
             background-size: 120%;
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 470px) {
+
     @-webkit-keyframes fade-down {
         .info h1 {
+
        0% {
             margin-top: 10%;
+
            -webkit-transform: translateY(-2rem);
             font-size: 1.9em;
+
            transform: translateY(-2rem);
 +
            opacity: 0;
 +
         }
 +
        100% {
 +
             -webkit-transform: translateY(0);
 +
             transform: translateY(0);
 +
            opacity: .5;
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 450px) {
+
     @keyframes fade-down {
         .header {
+
        0% {
             height: 25vh
+
            -webkit-transform: translateY(-2rem);
 +
            transform: translateY(-2rem);
 +
            opacity: 0;
 +
         }
 +
        100% {
 +
             -webkit-transform: translateY(0);
 +
            transform: translateY(0);
 +
            opacity: .5;
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 400px) {
+
     @-webkit-keyframes fade-out {
         .info h1 {
+
         100% {
             margin-top: 15%;
+
             opacity: 0;
 
         }
 
         }
 
     }
 
     }
  
     @media only screen and (max-width: 350px) {
+
     @keyframes fade-out {
         .info h1 {
+
         100% {
             margin-top: 18%;
+
             opacity: 0;
 
         }
 
         }
 
     }
 
     }
  
     @keyframes grow {
+
     @-webkit-keyframes flicker-images {
 
         0% {
 
         0% {
             transform: scale(1)
+
             background-image: url("https://2019.igem.org/wiki/images/0/0c/T--Tuebingen--ScienceSlam.png");
 
         }
 
         }
 +
        10% {
 +
            background-image: url("https://2019.igem.org/wiki/images/d/d1/T--Tuebingen--teammeeting.jpeg");
 +
        }
 +
        20% {
 +
            background-image: url("https://2019.igem.org/wiki/images/4/45/T--Tuebingen--lab.jpeg");
 +
        }
 +
        30% {
 +
            background-image: url("https://2019.igem.org/wiki/images/e/e0/T--Tuebingen--fotoshoot.jpeg");
 +
        }
 +
        40% {
 +
            background-image: url("https://2019.igem.org/wiki/images/b/bf/T--Tuebingen--stand.jpeg");
 +
        }
 +
        50% {
 +
            background-image: url("https://2019.igem.org/wiki/images/6/66/T--Tuebingen--springfest.jpeg");
 +
        }
 +
        60% {
 +
            background-image: url("https://2019.igem.org/wiki/images/e/ed/T--Tuebingen--lauf.jpeg");
 +
        }
 +
        70% {
 +
            background-image: url("https://2019.igem.org/wiki/images/9/97/T--Tuebingen--springedding.jpeg");
 +
        }
 +
        80% {
 +
            background-image: url("https://2019.igem.org/wiki/images/e/ed/T--Tuebingen--mettup.jpeg");
 +
        }
 +
        90% {
 +
            background-image: url("https://2019.igem.org/wiki/images/a/ac/T--Tuebingen--labwork.jpeg");
 +
        }
 +
        100% {
 +
            background-image: url("https://2019.igem.org/wiki/images/5/56/T--Tuebingen--2.jpeg");
 +
        }
 +
    }
  
 +
    @keyframes flicker-images {
 +
        0% {
 +
            background-image: url("https://2019.igem.org/wiki/images/0/0c/T--Tuebingen--ScienceSlam.png");
 +
        }
 +
        10% {
 +
            background-image: url("https://2019.igem.org/wiki/images/d/d1/T--Tuebingen--teammeeting.jpeg");
 +
        }
 +
        20% {
 +
            background-image: url("https://2019.igem.org/wiki/images/4/45/T--Tuebingen--lab.jpeg");
 +
        }
 +
        30% {
 +
            background-image: url("https://2019.igem.org/wiki/images/e/e0/T--Tuebingen--fotoshoot.jpeg");
 +
        }
 +
        40% {
 +
            background-image: url("https://2019.igem.org/wiki/images/b/bf/T--Tuebingen--stand.jpeg");
 +
        }
 
         50% {
 
         50% {
             transform: scale(1.2)
+
             background-image: url("https://2019.igem.org/wiki/images/6/66/T--Tuebingen--springfest.jpeg");
 +
        }
 +
        60% {
 +
            background-image: url("https://2019.igem.org/wiki/images/e/ed/T--Tuebingen--lauf.jpeg");
 +
        }
 +
        70% {
 +
            background-image: url("https://2019.igem.org/wiki/images/9/97/T--Tuebingen--springedding.jpeg");
 +
        }
 +
        80% {
 +
            background-image: url("https://2019.igem.org/wiki/images/e/ed/T--Tuebingen--mettup.jpeg");
 +
        }
 +
        90% {
 +
            background-image: url("https://2019.igem.org/wiki/images/a/ac/T--Tuebingen--labwork.jpeg");
 +
        }
 +
        100% {
 +
            background-image: url("https://2019.igem.org/wiki/images/5/56/T--Tuebingen--2.jpeg");
 
         }
 
         }
 
     }
 
     }
  
    /*  ======================
 
        HEADER BANNER STYLE END
 
        ==========================
 
        */
 
 
</style>
 
</style>
  
<!-- Header Banner Begin-->
 
<div class="header">
 
    <div class="info">
 
        <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">SURVEY</h1>
 
    </div>
 
</div>
 
<!-- Header Banner End-->
 
  
<div style="background-color: #232323; overflow-x:fragments;">
+
<div class="testclasse">
    <div style="overflow-x: hidden">
+
  
        <script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script>
+
    <div class="babbelbubu run-animation" id="ananananananas">
         <div class="glpContainer">
+
         <div class="logo">
  
             <aside id="glpContentsOuter">
+
             <span class="marvel"> <a href="https://2019.igem.org/Team:Tuebingen/Story"
                <aside id="phaContents" class="table-of-contents">
+
                                    style="color: #fff;text-decoration: none;">View our</a></span>
                    <!-- will be generated with JS -->
+
             <span class="studios"> <a href="https://2019.igem.org/Team:Tuebingen/Story" style="color: #fff;text-decoration: none;">Story</a></span>
                </aside>
+
             </aside>
+
  
             <main class="post-content">
+
             <div class="restart">Restart</div>
                <div id="image-popups">
+
                    <h2 style="font-family:'Righteous';">Background</h2>
+
                    <div class="row">
+
                        <div class="col-12">
+
                            <p>
+
                                To design our survey, we wanted to fulfill the criteria proposed by iGEM. Hence,
+
                                informed consent and privacy/ data protection were highly important to us. Also, our
+
                                survey design had to be specific and unambiguous, with the goal of not compromising our
+
                                survey by insinuating a “correct” response to any question. For this purpose, we used
+
                                the tools provided for free for students by www.umfrageonline.com. As in our case, the
+
                                participants volunteered to conduct our survey, our survey is a “nonprobability” survey
+
                                and the results do not represent a randomized group. However, our study had the purpose
+
                                to help us with refining our project and give us insight into the perception of new
+
                                therapies and Synthetic Biology.
+
                            </p>
+
                            <p>
+
                                Initially, we aimed to publish the survey within several online support groups, however,
+
                                it was not possible to get access to any of the groups since the administrators are -
+
                                understandably - very suspicious of surveys about drugs. Although we did not mean to
+
                                advertise a product with our survey, we understand that the protection of the members of
+
                                the group is important. The same goes for spreading the survey through our contacts in
+
                                the clinic, who wanted to protect their patients. Consequently, the survey was spread
+
                                during outreach activities, our website and by word.
+
                            </p>
+
                            <p>Please use the following links to download our survey:</p>
+
                            <p><a href="https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--FINAL_Flyer_green_grey.pdf"
+
                                    onclick='window.open("https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--FINAL_Flyer_green_grey.pdf","_self");'>Diabetes
+
                                    type 2 & GMOs [english]</a></p>
+
  
                            <p><a href="https://2019.igem.org/wiki/images/e/e2/T--Tuebingen--FINAL_Flyer_green_grey_-_GERMAN.pdf"
+
            <div class="kokosnusss"></div>
                                    onclick='window.open("https://2019.igem.org/wiki/images/e/e2/T--Tuebingen--FINAL_Flyer_green_grey_-_GERMAN.pdf","_self");'>Diabetes
+
        </div>
                                    type 2 & GMOs [german]</a></p>
+
  
                            </p>
+
    </div>
                        </div>
+
                    </div>
+
  
                    <h2 style="font-family:'Righteous';">Overview</h2>
 
                    <div class="row">
 
                        <div class="col-12">
 
                            <p>
 
                                The survey covered the topic of general application of therapeutics, knowledge/
 
                                perception of Genetically Modified Organisms (GMOs) and a feedback on whether education
 
                                of certain topics was desired. Overall, 195 people participated in our survey.
 
                            </p>
 
                        </div>
 
                    </div>
 
  
                    <h2 style="font-family:'Righteous';">Results</h2>
+
</div>
                    <div class="row">
+
                        <div class="col-12">
+
                            <p>
+
                                We first asked general things and found that only half of the participants pay a lot of
+
                                attention to their diet.
+
                            </p>
+
                            <p>
+
                                Moreover, we found that nearly 90% percent prefer to administer drugs by using tablets,
+
                                while 8% prefer to use probiotics as medication.
+
                            </p>
+
                        </div>
+
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/2/2c/T--Tuebingen--Diet.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/2/2c/T--Tuebingen--Diet.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/0/04/T--Tuebingen--drug_administration.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/0/04/T--Tuebingen--drug_administration.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
                        <div class="row">
+
                            <div class="col-12">
+
                                <p>
+
                                    However, only approximately 20% have ever used a probiotic, of which half of the
+
                                    usages
+
                                    were due to therapeutic indications. Another large group was the usage for
+
                                    nutritional
+
                                    supplements.
+
                                </p>
+
                            </div>
+
                        </div>
+
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--already_used_probiotic.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--already_used_probiotic.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--indication_probiotic3.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--indication_probiotic3.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <p>Next, we switched to questions about diabetes mellitus. We found that more than two
+
                                    thirds of the participants know people affected by type 2 diabetes mellitus. </p>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/f/f9/T--Tuebingen--know_people_diabetes.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/f/f9/T--Tuebingen--know_people_diabetes.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
                        <div class="row">
+
                            <div class="col-12">
+
                                <p>
+
                                    Thus, we wanted to investigate the knowledge of the public about diabetes mellitus.
+
                                </p>
+
                                <p> We first asked to find risk factors of diabetes in a list, in which we added sports
+
                                    as the only factor not having negative effects on the development of the disease. We
+
                                    found that nearly everyone correctly identified obesity as a risk factor, moreover,
+
                                    a sedentary job and genetics are runner ups in the correctly identified. About 60
+
                                    percent correctly identified cholesterol, hypertension and smoking as risk factors.
+
                                </p>
+
                                <p>Next, we asked about estimations of the percentage of obese and diabetic people
+
                                    worldwide. Most participants believe that 2 to 10% of the world’s population are
+
                                    suffering from type 2 diabetes mellitus, while 25 to 50% are believed to be obese.
+
                                    We were surprised that these estimations are very accurate.
+
                                </p>
+
                                <p>
+
                                    Furthermore, we asked participants to rate whether they believed the listed
+
                                    consequences of being diabetic to be true. Our results showed that about three
+
                                    quarters of the surveyed detected renal failure and circulatory disturbances as
+
                                    consequences, while the other consequences were accepted by about 60% of the
+
                                    participants.
+
                                </p>
+
                            </div>
+
                        </div>
+
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/9/94/T--Tuebingen--risk_Factors_diabetes.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/9/94/T--Tuebingen--risk_Factors_diabetes.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/6/69/T--Tuebingen--consequences_of_diabetes.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/6/69/T--Tuebingen--consequences_of_diabetes.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
  
                        <div class="row">
 
                            <div class="col-12">
 
                                <p>
 
                                    To switch to the topic of synthetic biology we asked about the production of
 
                                    insulin. About 70% correctly answered our question correctly: bacteria.
 
  
                                </p>
+
<script>
                                <p> We asked a question whether people have heard a talk about GMOs prior to answering
+
    element = document.getElementById("ananananananas");
                                    the survey to gather the amount of information the participants had already received
+
                                    on synthetic biology and GMOs. More than three thirds did not hear a talk before
+
                                    entering.
+
                                </p>
+
  
                            </div>
+
    if (element) {
                        </div>
+
        // reset the transition by...
                        <div class="row">
+
        element.addEventListener("mouseenter", function (e) {
                            <div class="col-12 col-md-6">
+
            e.preventDefault;
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--Insulin_production.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--Insulin_production.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--heard_synbio_talk.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--heard_synbio_talk.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
  
                        <div class="row">
+
            console.log('element', element.classList);
                            <div class="col-12">
+
                                <p>
+
                                    To gather the participants’ knowledge on GMOs, we asked whether they have taken or
+
                                    used products made by GMOs. Interestingly, about half of the participants did not
+
                                    know the answer to the question, although GMOs are very present in agriculture and
+
                                    the industry.
+
                                </p>
+
                                <p>
+
                                    Since we knew that many participants did not know whether they have come into
+
                                    contact with a GMO, the answers to the question how they perceive GMOs is very
+
                                    important. We found that less than 10% think GMOs are dangerous, while a majority of
+
                                    65% believes them to be useful. This was very surprising, since we believed the
+
                                    stigma of GMOs to be greater.
+
                                </p>
+
  
                            </div>
+
            // removing the class
                        </div>
+
            element.classList.remove("run-animation");
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/2/23/T--Tuebingen--used_product_made_by_gmo.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/2/23/T--Tuebingen--used_product_made_by_gmo.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/d/db/T--Tuebingen--perception_of_GMO.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/d/db/T--Tuebingen--perception_of_GMO.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
  
                        <div class="row">
+
            // triggering reflow
                            <div class="col-12">
+
            void element.offsetWidth;
                                <p>
+
                                    The minority which believes that GMOs are dangerous, chose uncontrolled spread in
+
                                    the environment and unpredictable effects of GMOs as reasons for their fear.
+
                                </p>
+
                                <p>
+
                                    In the following we asked what all people, and not only people who fear GMOs,
+
                                    thought about releasing GMOs into the environment. We found that about 40% are
+
                                    neutral and 40% are in favour of the release, while 16% disagree with the release of
+
                                    GMOs. As a consequence, we adapted our wetlab project and included the <a
+
                                        href="https://2019.igem.org/Team:Tuebingen/Killswitch"
+
                                        onclick='window.open("https://2019.igem.org/Team:Tuebingen/Killswitch","_self");'>kill
+
                                        switch</a>.
+
                                </p>
+
  
                            </div>
+
            // and re-adding the class
                        </div>
+
            element.classList.add("run-animation");
                        <div class="row">
+
        }, false);
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/4/42/T--Tuebingen--dangerous_about_gmos.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/4/42/T--Tuebingen--dangerous_about_gmos.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/9/95/T--Tuebingen--attitute_GMO_release.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/9/95/T--Tuebingen--attitute_GMO_release.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
  
                        <div class="row">
+
        element.addEventListener("click", function (e) {
                            <div class="col-12">
+
            e.preventDefault;
                                <p>
+
                                    We also asked about common concerns of GMO release and found that people mostly fear
+
                                    the effects of the GMOs on the environment more than potential harm to humans
+
                                </p>
+
                                <p>
+
                                    Lastly, we were interested in whether people would use GMOs as therapeutics, since
+
                                    this question is essential to our project. We found that only 7% of our participants
+
                                    would rule out taking medicine containing GMOs and a surprisingly high margin of 60%
+
                                    would use such a medicine.
+
                                </p>
+
  
                            </div>
+
            console.log('element', element.classList);
                        </div>
+
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/9/98/T--Tuebingen--concerns_release_GMOs.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/9/98/T--Tuebingen--concerns_release_GMOs.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--medicine_containing_gmos.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--medicine_containing_gmos.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
  
                        <div class="row">
+
            // removing the class
                            <div class="col-12">
+
            element.classList.remove("run-animation");
                                <p>
+
                                    Since our therapeutic may also be used as a treatment for obesity. We repeated the
+
                                    question asking whether people would use a GMO-based therapy to lose weight.
+
                                    Interestingly, the number of people ruling out the use rose to 30%, while only 13 %
+
                                    would accept taking GMO containing medicine without restrictions. The rest of the
+
                                    participants either only considers this treatment an option of the GMO cannot
+
                                    survive in the environment or if nothing else helps. </p>
+
                                <p>
+
                                    To finalise our survey, we asked whether the participants were interested in getting
+
                                    more information on the aforementioned topics and synthetic biology. Interestingly,
+
                                    about 90% desired to be more educated in the field of genetic engineering. </p>
+
  
                            </div>
+
            // triggering reflow
                        </div>
+
            void element.offsetWidth;
                        <div class="row">
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/5/5a/T--Tuebingen--looseweight_GMO.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/5/5a/T--Tuebingen--looseweight_GMO.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/9/9d/T--Tuebingen--Information_Education.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/9/9d/T--Tuebingen--Information_Education.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
  
                        <div class="row">
+
            // and re-adding the class
                            <div class="col-12 col-md-6">
+
            element.classList.add("run-animation");
                                <p>To find an approach for our <a
+
        }, false);
                                        href="https://2019.igem.org/Team:Tuebingen/Public_Engagement"
+
    }
                                        onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>education
+
</script>
                                        and outreach</a>, we asked the participants what they want to be educated about.
+
                                    This left genetic engineering in food, GMOs and new therapeutic strategies as most
+
                                    prominent topics. Nonetheless, laws and regulations, industrial application and gene
+
                                    therapy were also fields people were interested in. </p>
+
                                <p>As a consequence, decided on <a
+
                                    href="https://2019.igem.org/Team:Tuebingen/Experimenta"
+
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experimenta","_self");'>educating</a> on GMOs in general
+
                                    and GMOs in <a
+
                                    href="https://2019.igem.org/Team:Tuebingen/Public_Engagement"
+
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>food and
+
                                    pharmaceutical industry</a>.
+
                                </p>
+
                            </div>
+
                            <div class="col-12 col-md-6">
+
                                <figure>
+
                                    <a style="font-size: small"
+
                                        href="https://2019.igem.org/wiki/images/9/9f/T--Tuebingen--lack_of_education.png"
+
                                        data-effect="mfp-zoom-out">
+
                                        <img src="https://2019.igem.org/wiki/images/9/9f/T--Tuebingen--lack_of_education.png"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
+
                                </figure>
+
                            </div>
+
                        </div>
+
                    </div>
+
  
                </div>
+
<div class='container-fluid p-3' style="background-color: #919191;">
            </main>
+
        </div>
+
    </div>
+
    <script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript">
+
    </script>
+
    <script src="https://2019.igem.org/Team:Tuebingen/smoothScrollJS?action=raw&ctype=text/javascript"></script>
+
    <script>
+
        var scroll = new SmoothScroll('a[href*="#"]');
+
    </script>
+
 
+
    <div class='container-fluid p-3' style="background-color: #919191;">
+
 
         <hr>
 
         <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 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>
 +
         
 
             <div class='col-6 col-md-2 sponsorLogo text-center'>
 
             <div class='col-6 col-md-2 sponsorLogo text-center'>
 
                 <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
 
                 <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
                        src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
+
                                                                              src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
                        style="max-height: 80px;"></a>
+
                                                                              style="max-height: 80px;"></a>
 
             </div>
 
             </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.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
 
                 <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"
+
                                                                                                    src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.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"
 +
                                                                        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'>
 
             <div class='col-6 col-md-2 sponsorLogo text-center'>
 
                 <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 
                 <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"
+
                                                                                    src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
                        style="max-height: 80px;"></a>
+
                                                                                    style="max-height: 80px;"></a>
            </div>
+
            <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
+
                        src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
+
                        style="max-height: 80px;"></a>
+
 
             </div>
 
             </div>
 +
           
 +
                <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                    <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct"
 +
                      target="_blank2"><img class="img-fluid"
 +
                                            src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png"
 +
                                            style="max-height: 80px;"></a>
 +
                </div>
 +
   
 
         </div>
 
         </div>
 
+
   
 
         <hr>
 
         <hr>
 
         <div class='row align-items-center'>
 
         <div class='row align-items-center'>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-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"
 
                 <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>
+
                                                                        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>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                                src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                        src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                              src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
                 <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 
                 <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>
+
                                                                src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                          src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                      src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                                src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                    src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                        src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                                      src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 
             </div>
 
             </div>
 +
        </div>
 +
   
 +
        <div class='row align-items-center'>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
                 <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 
                 <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>
+
                                                                    src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 
             </div>
 
             </div>
        </div>
 
 
        <div class='row align-items-center'>
 
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-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"
 
                 <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>
+
                                                                          src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                          src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                              src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                                src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                          src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                                src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
                 <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
 
                 <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>
+
                                                                            src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                              src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                          src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 
             </div>
 
             </div>
 
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
             <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"
 
                 <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>
+
                                                                            src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 
             </div>
 
             </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>
 
     </div>
    </p>
 
 
</div>
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 
<div class="visualClear"></div>
 
</div>
 
</div>
 
 
</div>
 
</div>
 
  
 
</html>
 
</html>

Latest revision as of 19:10, 21 October 2019

GLP.exe

GLP.exe - a safe and effective treatment for Type 2 Diabetes Mellitus
meetUp

Several treatment options for Type 2 Diabetes Mellitus have been developed in recent years significantly improving the patients' insulin level.

Hence, the diagnosis of Type 2 Diabetes Mellitus is no longer a death sentence.

Yet...
meetUp

Current Drugs

are expensive, require fine tuning and daily shots. Moreover, they have severe side-effects, causing patients to skip doses.

“Many patients don’t want to use insulin. They don’t want to do finger sticks and they’re afraid of hypoglycemia.”

“To fight the global diabetes pandemic, we would ideally have an accessible cost-effective easily-compliant intervention that has high clinical efficacy and that is free of adverse side effects.”

Prof. Harold Lebovitz, State University of New York Health Science Center, Brooklyn, New York

However...
meetUp

There's a solution!

Our therapeutic agent is a probiotic secreting incretin mimetics placed in the patients intestine by oral administration of capsules. GLP-1 and Exendin-4, our main actors, cause an increase in insulin secretion, if the cell has already taken up sugar.

This enables an easier therapy where a regular intake of medicals is not required.

Improved cell penetrating peptides with the use of artificial intelligence allow for an efficient and safe transport of our effectors into the cells.

Safety
meetUp

is our highest priority!

Therefore, we developed a novel, Cas3 based kill-switch mechanism. The flexible system uses three regulators inspired by the human intestines: temperature, availability of fatty acids in form of Acyl CoA and N-Acetyl-Glucosamin.

If the conditions of our regulatory system are no longer met, Cas3 will be degrading all genetic information.

Additionally
meetUp

An in depth E. coli Nissle characterization

Despite the fact that E. coli Nissle is an already approved probiotic, it's surprisingly badly characterized.

Hence, we provide the first metabolic model of E. coli Nissle and optimize it's growth for various growth media. Furthermore, we predicted the interaction and competition of E. coli Nissle with common competitors for various fluxes in the gut.

Finally, we carried out a series of RNA-Seq experiments to assess the adaptions and reactions of E. coli Nissle to aerobic, as well as anaerobic occurring stress factors.

Bringing it all together
meetUp

Our work lays the foundation for an innovative, unprecedented approach to treat Type 2 Diabetes Mellitus.