diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index dccc66d46c736e2b3e68d9e7e7053ad856a77dec..91b9c9096e9aee43f409fc755a3de2c7a3c170dc 100755
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -14,9 +14,9 @@ pages-master:
- cp -r img .public
- cp -r fonts .public
- cp -r images .public
- - cp -r downloads .public
+ - cp -r downloads .public
+ - cp -r help .public
- cp -r js .public
- - cp -r includes .public
- cp *.html .public
- mv .public public
- cp -r public/* "$EXPORT_PAGES_DIR"
@@ -38,8 +38,8 @@ pages-devel:
- cp -r js .public
- cp -r img .public
- cp -r downloads .public
+ - cp -r help .public
- cp -r fonts .public
- - cp -r includes .public
- cp *.html .public
- mv .public public
- cp -r public/* "$EXPORT_PAGES_DIR"
diff --git a/css/bootstrap.css b/css/bootstrap_TBD.css
similarity index 100%
rename from css/bootstrap.css
rename to css/bootstrap_TBD.css
diff --git a/css/help.css b/css/help.css
new file mode 100644
index 0000000000000000000000000000000000000000..98736e2474383cc0149015b43c0fab764eb5e586
--- /dev/null
+++ b/css/help.css
@@ -0,0 +1,3 @@
+img{
+ padding-bottom: 20px;
+}
diff --git a/css/m4lab.css b/css/m4lab.css
new file mode 100644
index 0000000000000000000000000000000000000000..f23f6a76c98439b37c04b84ebef2630a344c1587
--- /dev/null
+++ b/css/m4lab.css
@@ -0,0 +1,324 @@
+.trennung {
+ -ms-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
+}
+
+dl {
+ text-indent: 0em;
+}
+
+.legals li {display: inline-block;
+list-style-type: none;
+padding-bottom: 0px;}
+
+.footer-items li {display: inline-block;
+list-style-type: none;}
+
+#navelemente {display: inline-block;
+list-style-type: none;}
+
+#socialmediabuttons {text-align: center;
+color: darkgrey;
+font-size: 2em;
+padding-left: 1em;
+padding-right: 1em;}
+
+.contactrow{
+padding-left: 15px;
+padding-right:5px;
+}
+
+.contact-lower{
+display: inline-block;
+}
+
+.footer-unten a {color: darkgrey;
+}
+.footer-unten a:hover {color: black;
+}
+.footer-unten {color: darkgrey;
+}
+#socialmediabuttons a {
+color: darkgrey;
+}
+
+#socialmediabuttons a:hover {color: black;
+}
+
+.navbar-header li {display: inline-block;
+padding-right: 0.5em;
+vertical-align: bottom;
+}
+
+.navbar-header text {color: darkgrey;
+vertical-align: bottom;
+}
+
+.navbar-header img {height: 6em;
+padding-right: 0.5em;
+padding-bottom: 1em;
+/*border-color: black;
+border-style: dashed;
+border-width: thick;*/}
+
+.nav-item {/*border-color: black;
+border-style: dashed;
+border-width: thick;
+padding: 0px;*/}
+
+.nav-item-suchfeld {padding-bottom: 0.45em;
+color: darkgrey;}
+
+#sf_submit {vertical-align: middle;}
+
+
+.col-md-4 {vertical-align: bottom;}
+
+#Projektliste {
+ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+ border-collapse: collapse;
+ width: 100%;
+}
+
+#Projektliste td, #customers th {
+ border: 1px solid #ddd;
+ padding: 8px;
+}
+
+#Projektliste tr:nth-child(even){background-color: #f2f2f2;}
+
+#Projektliste tr:hover {background-color: #ddd;}
+
+#Projektliste th {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ text-align: left;
+ background-color: #993399;
+ color: white;
+}
+
+#Projektliste button {
+ border: solid thin;
+ border-radius: 8px;
+ border-color: #993399;
+ color: black;
+ padding: 5px 5px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 1ep;
+ font-weight: thin;
+}
+
+h1, .h1 {
+ font-weight: bold;
+}
+
+.nav-link {
+ color: darkgrey;
+}
+
+.nav-link:hover, .nav-link:focus {
+ color: black;
+}
+
+.projectimg {
+ display: inline-block;
+ float: ;
+ background-color: none;
+ width: 100%;
+ height: auto;
+ padding-bottom: 20px;
+ object-fit: contain;
+}
+
+.Projektlogos {
+ display: inline-block;
+ float: center;
+ background-color: white;
+ width: 100%;
+ height: auto;
+ padding: 10px;
+ object-fit: contain;
+ margin-bottom: 20px;
+}
+
+.Downloads {
+ color: white;
+ display: inline-block;
+ float: center;
+ background-color: darkgray;
+ width: 100%;
+ height: auto;
+ padding: 10px;
+ object-fit: contain;
+ margin-bottom: 20px;
+}
+
+.Downloads a:link {
+ color: black;
+}
+
+.Downloads a:hover {
+ color: white;
+}
+
+@media screen and (max-width: 700px) {
+ .row, .navbar {
+ flex-direction: column;
+ }
+}
+
+.d-flex {
+ flex-direction: row;
+ flex-grow: 1;
+}
+
+#Textblock-startseite {background-color:#993399;
+color: white;
+padding-left: 50px;
+padding-right: 50px;
+padding-bottom: 15px;
+padding-top: 15px;
+}
+
+#Textblock-startseite h1, .h1 {
+ font-size: 2.5rem;
+ font-weight: bold;
+ color: whitesmoke;
+ font-variant-caps:all-petite-caps;
+ line-height: 85%;}
+
+#Textblock-startseite h2, .h2 {
+ font-size: 1.2rem;
+ font-weight: bold;
+ color: white;
+}
+
+#Textblock-startseite a:link {background-color: white;
+ color: #993399;
+ font-weight: bold;
+}
+#Textblock-startseite a:hover {color: darkgray;
+}
+
+
+#Textblock-startseite span {background-color: white;
+ color: #993399;
+ font-weight: bold;
+}
+#Textblock-startseite span:hover {color: darkgray;
+}
+
+.Bildunterschrift a:link {
+ font-size: 1rem;
+ font-weight: bold;
+ font-style: italic;
+ color: black;
+ line-height: 85%;
+padding-top: 1em;}
+
+.Bildunterschrift a:hover {
+ font-size: 1rem;
+ font-weight: bold;
+ font-style: italic;
+ color: dimgray;
+ line-height: 85%;
+padding-top: 1em;}
+
+.flex-container {
+ display: flex;
+ flex-direction: row;
+flex-grow: 1;
+justify-content:space-evenly;}
+
+.row {
+ display: flex;
+ flex-wrap: wrap;}
+
+.main {
+ flex: 70%;
+ background-color: white;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ padding-left: 75px;
+ padding-right: 30px;
+}
+
+.main p {
+ text-align: justify;
+}
+
+.side {
+ flex: 30%;
+ background-color: #f1f1f1;
+ padding: 20px;
+ padding-right: 60px;
+}
+
+.card {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
+}
+
+.card-body {
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem;
+}
+
+.card-header {
+ padding: 0.75rem 1.25rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-header + .list-group .list-group-item:first-child {
+ border-top: 0;
+}
+
+.help .card-title > a:before {
+ float: right !important;
+ content: "-";
+ padding-right: 5px;
+}
+.help .card-title > a.collapsed:before {
+ float: right !important;
+ content: "+";
+}
+.help h3 > a {
+ color: #708090;
+ text-decoration: none;
+ display: block;
+}
+.help a {
+ display: inline;
+}
+.help .card > .card-header {
+ color: #fff;
+}
+.card-title {
+ margin-bottom: 0.5rem;
+ margin-top: 0.5rem;
+}
+#infoicon {
+ color: #708090;
+}
+.heading {
+ color: #708090;
+}
diff --git a/help/gitlab-pages.html b/help/gitlab-pages.html
new file mode 100644
index 0000000000000000000000000000000000000000..e779bb5715688ee712928ac6f58a2576bcc115b6
--- /dev/null
+++ b/help/gitlab-pages.html
@@ -0,0 +1,380 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Hilfe: Gitlab-Pages</title>
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+ <link rel="stylesheet" href="/fonts/ionicons.min.css">
+ <link rel="stylesheet" href="/css/Testimonials.css">
+ <link rel="stylesheet" href="/css/help.css">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+ <div style="background-color: #dadada;">
+
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+ <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages</strong></h2>
+ </div>
+ <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
+ <p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz. Mit <a href="https://docs.gitlab.com/ee/user/project/pages/">GitLab Pages </a> besteht für Angehörige der HFT die Möglichkeit, eine öffentliche statische Projektwebsite aus einem GitLab-Projekt heraus zu erzeugen.
+ </p><p>
+ Die URL, unter der die Seite dann zu finden ist, lautet: <br/> <br/>
+ <p class="justify-content-lg-start text-center">https://transfer.hft-stuttgart.de/pages/PROJEKTNAME/</p>
+ </p>
+ </div>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a>
+ </div>
+ </div>
+ </div>
+ <div id="create_Text" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages Projekte</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <div class="help">
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+ <small>Gitlab-pages Projekt erstellen</small></a>
+ </h3>
+ </div>
+ <div id="collapse1" class="card-body collapse" style="">
+ <p>
+ Um ein eigenes Gitlab-pages Projekt zu erstellen und damit eine eigene Projektseite zu erstellen, führen Sie folgende Schritte aus:
+ </p>
+ <ol>
+ <li> Legen Sie sich auf <a href="https://transfer.hft-stuttgart.de"> https://transfer.hft-stuttgart.de</a> ein Benutzerkonto an bzw. loggen Sie sich mit Ihren HFT-Nutzerdaten in das Transferportal ein.</li>
+ <li> Besuchen Sie die Website <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">https://transfer.hft-stuttgart.de/gitlab/explore/projects</a></li>
+ <li> Loggen Sie sich mit ihren Anmeldedaten ein </li>
+ <li> Legen Sie ein neues Projekt an, indem Sie auf den Button <em> New Project </em> klicken
+ <img src="/img/help/newproject.png" width="95%"/>
+ </li>
+ <li> Wählen Sie <em> Create from template </em> aus und nutzen Sie das Template <em> </em> aus dem Bereich <em> Instance </em>, Klicken Sie dort auf <em> Use template</em> <img src="/img/help/fromtemplate.png" width="95%"/> <img src="/img/help/choosetemplate.png" width="95%"/> </li>
+ <li> Nun können Sie ihr Projekt befüllen. Tragen Sie mindestens die Grundinformationen wie <em> Project name </em> und <em> Project description </em> ein.<img src="/img/help/createproject.png" width="95%"/> </li>
+ <li> Klicken Sie auf <em> Create project</em></li>
+ <li>
+ Ihr Projekt wird nun erstellt und enthält automatisch die notwendigen Grundeinstellungen für das Publizieren einer Website über die Funktion Pages. Vor allem wird im Repositorium der Ordner <em> Public </em> angelegt. <img src="/img/help/folderpublic.png" width="95%"/> <br/>
+ In diesem Ordner befinden sich die Dateien <em> index.html, aktuelles.html </em>, <em> style.css </em> und <em>settings.js</em>. Diese sorgen für Inhalt (aktuelles.html, index.html) und Aussehen (style.css) der statischen Webseite und enthalten allgemeine Projektinformationen (settings.js). Direkt nach Projekterstellung enthalten sie zunächst nur allgemeine, grundsätzliche Informationen aus dem Template. <img src="/img/help/content_public.png" width="95%"/>
+ </li>
+ <li>
+ Um Ihre eigenen Projektinhalte zu veröffentlichen, können Sie entweder eine komplett eigene HTML-Seite erzeugen oder sich an unseren Vorgaben aus dem Template orientieren. Eine Anleitung zur Verwendung unserer Vorlage finden Sie im Bereich <a href="#template_Text">Gitlab-pages Template benutzen</a>
+ </li>
+ <li>
+ Sobald Sie mit dem Inhalt der Seite zufrieden sind, und diese veröffentlichen wollen, informieren Sie den Administrator unter <a href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>. Dieser wird dann Ihr Projekt das erste Mal auf den Server hochladen, für weitere Schritte gehen Sie zum nächsten Abschnitt.
+ </li>
+ </ol>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
+ <small>Gitlab-pages Projekt ändern</small></a>
+ </h3>
+ </div>
+ <div id="collapse2" class="card-body collapse" style="">
+ <p>
+ Nachdem Ihr Projekt das erste Mal veröffentlicht wurde, möchten Sie sicherlich Änderungen an der Seite vornehmen. Dafür gehen Sie wie folgt vor:
+ <ol>
+ <li>
+ Klicken Sie die Datei, die Sie ändern wollen, in der Projektübersicht an <img src="/img/help/content_index_marked.png" width="95%"/>
+ </li>
+ <li>
+ Klicken Sie in der sich nun öffnenden Dateiansicht auf <em> Edit </em> <img src="/img/help/file_view.png" width="95%"/>
+ </li>
+ <li>
+ Bearbeiten Sie ihre Datei
+ </li>
+ <li>
+ Um die Änderungen zu speichern und auf ihrer Seite sofort zu übernehmen, klicken Sie auf <em> Commit changes </em>
+ <img src="/img/help/save_file.png" width="95%"/>
+ </li>
+ <li>
+ In der Projektübersicht sehen Sie nun den Status der Deployment-Pipeline, die ihre Webseite auf unserem Server veröffentlicht. Durch Klick auf das Symbol gelangen Sie zu einer Übersicht aller für Ihr Projekt angelaufenen Pipelines.
+ <img src="/img/help/pipeline_pending.png" width="95%"/><br/>
+ Durch Klick auf eine Pipeline wird Ihnen eine Erklärung zum aktuellen Status angezeigt, der Sie auch eventuelle Probleme entnehmen können.
+ <img src="/img/help/overview_pipelines.png" width="95%"/><br/>
+ Eine fehlerfrei durchgelaufene Pipeline liefert etwa ein solches Ergebnis:
+ <img src="/img/help/output.png" width="95%"/><br/>
+ Für eine Übersicht über häufig auftretende Fehler und was man dagegen tun kann, siehe <a href="#error_Text"> hier </a>.
+ </li>
+ <li> Wenn die Änderungen an Ihrer Homepage ohne Probleme übernommen wurden, sehen Sie dies an einem grünen Haken in der Projektübersicht
+ <img src="/img/help/pipeline_good.png" width="95%"/>
+ </li>
+ </ol>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="error_Text" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Häufige Fehlermeldungen und deren Korrektur</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ <ul>
+ <li>
+ <h6> This job is stuck because you don't have any active runners online or available with any of these tags assigned to them: production </h6>
+ <p> In diesem Fall ist Ihr Projekt höchstwahrscheinlich noch nicht registriert oder es liegt ein anderes Problem vor. Kontaktieren Sie den Administrator </p>
+ </li>
+ </ul>
+ </p>
+ </div>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
+ </div>
+ </div>
+ </div>
+
+
+ <div id="template_Text" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages Template benutzen</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ Wir stellen eine Vorlage für Projektwebseiten zur Verfügung.
+ </p>
+ <div class="help">
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse7" aria-expanded="false" aria-controls="collapse7">
+ <small>Erste Schritte</small></a>
+ </h3>
+ </div>
+ <div id="collapse7" class="card-body collapse" style="">
+ <p>
+ Um unsere Vorlage zu benutzen, müssen Sie folgende Schritte ausführen:
+ </p>
+ <ol>
+ <li> Anpassen der Standardwerte in settings.js
+ <p><b> Wichtig: </b> Werden diese Werte nicht angepasst, wird das Projekt nicht auf unseren Servern ausgerollt und die deployment-Pipeline wirft einen Fehler
+ </p>
+ <p>
+ Klicken Sie dazu im Ordner <em> public </em> auf die Datei <em> settings.js </em> und editieren Sie die Datei.
+ </p>
+ <img src="/img/help/select_settings.png" width="95%"/>
+ <p>
+ Passen Sie die Werte für projektname und projektseitenlink an, indem Sie die entsprechenden Werte in die Anführungszeichen schreiben.
+ </p>
+ <img src="/img/help/edit_settings.png" width="95%"/>
+ <p>
+ Klicken Sie anschließend auf <em> commit changes </em>, um die Änderungen zu speichern.
+ </p>
+ </li>
+ <li> Anpassen der Kontaktperson in <em> kontakt.html </em>
+ <p><b> Wichtig: </b> Wird die Kontaktperson nicht angepasst, wird das Projekt nicht auf unseren Servern ausgerollt und die deployment-Pipeline wirft einen Fehler
+ </p>
+ <p>
+ Klicken Sie dazu im Ordner <em> public </em> auf die Datei <em> kontakt.html </em> und editieren Sie die Datei.
+ </p>
+ <img src="/img/help/select_contact.png" width="95%"/>
+ <p>
+ Passen Sie die Kontaktperson und die Mailadresse an, indem Sie alle Vorkommen von Max Mustermann und die Mailadresse durch Ihre Werte ersetzen.
+ </p>
+ <img src="/img/help/edit_contact.png" width="95%"/>
+ <p>
+ Klicken Sie anschließend auf <em> commit changes </em>, um die Änderungen zu speichern.
+ </p>
+ </li>
+ <li>
+ Nun können Sie den Administrator kontaktieren, der Ihr Projekt am Runner registriert, um das Projekt auf unserem Server auszurollen.
+ </li>
+ </ol>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
+ <small>Logo hinzufügen</small></a>
+ </h3>
+ </div>
+ <div id="collapse3" class="card-body collapse" style="">
+ <p> Um ein eigenes Projektlogo zum Projekt hinzuzufügen, müssen Sie folgende Schritte ausführen:
+ <ol>
+ <li>
+ Öffnen Sie den Ordner <em> public </em>
+ </li>
+ <li>
+ Klicken Sie auf das + im Oberen Bereich, und anschließend auf <em> Upload File </em>
+ <img src="/img/help/publicplus.png" width="95%"/>
+ </li>
+ <li>
+ Fügen Sie die gewünschte Datei hinzu und klicken Sie auf <em> Upload File </em>
+ <img src="/img/help/upload_logo.png" width="95%"/>
+ </li>
+ <li>
+ Öffnen Sie nun im Ordner <em> public </em> die Datei <em> settings.js </em> und editieren diese.
+ <p>
+ In der Zeile mit <em>projektlogourl</em> schreiben Sie nun ./DATEINAME in die Anführungszeichen, um den Pfad zum Logo anzugeben. Ein Klick auf <em> Commit changes </em> speichert die Datei.
+ </p>
+ <img src="/img/help/settings_logo.png" width="95%"/>
+ </li>
+ <li>
+ Nun erscheint auf all Ihren Seiten das Projektlogo neben dem Logo der Hochschule.
+ </li>
+ </ol>
+ </p>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
+ <small>Neue Seite hinzufügen</small></a>
+ </h3>
+ </div>
+ <div id="collapse4" class="card-body collapse" style="">
+ <p>
+ Um Ihrem Projekt neue Seiten hinzuzufügen, führen Sie folgende Schritte aus:
+ <ol>
+ <li>
+ Klicken Sie im Ordner <em> public </em> auf das +, das sich oben neben dem Pfad befindet
+ <img src="/img/help/publicplus.png" width="95%"/>
+ </li>
+ <li>
+ Klicken Sie dort auf <em> New File </em>
+ </li>
+ <li>
+ Geben Sie einen Dateinamen (<b> wichtig: </b> Endung .html) an und fügen Sie folgenden Standardtext ein:
+ <textarea rows="28" cols="64" disabled="true">
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="generator" content="GitLab Pages">
+ <title>Neue Seite</title>
+ <link rel="stylesheet" href="style.css">
+ </head>
+ <body>
+ <div id="topbar">
+ <div id="menu" class="navbar"></div>
+ </div>
+ <div class="content">
+ <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen-->
+
+ <!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
+
+ <h2> Seitentitel: </h2>
+
+ <p>
+ Content
+ </p>
+
+ <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
+ </div>
+ <script src="settings.js"> </script>
+ </body>
+</html>
+ </textarea>
+ <img src="/img/help/editnewpage.png" width="95%"/>
+ </li>
+ <li>
+ Nun können Sie noch den Inhalt der Seite anpassen. Wenn Sie mit dem Inhalt der Seite zufrieden sind, speichern Sie sie durch Klick auf <em> Commit changes </em>
+ </li>
+ <li>
+ Ihre Seite wird nun automatisch auf den Server übertragen und ist unter folgender Adresse erreichbar:
+ <p>https://transfer.hft-stuttgart.de/pages/PROJEKTNAME/DATEINAME</p>
+ </li>
+ </ol>
+ </p>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
+ <small>Menü bearbeiten</small></a>
+ </h3>
+ </div>
+ <div id="collapse5" class="card-body collapse" style="">
+ <p>
+ Wenn Sie das Menü am oberen Seitenrand bearbeiten wollen, führen Sie folgende Schritte durch:
+ <ol>
+ <li>
+ Öffnen Sie im Ordner <em> public </em> die Datei <em>settings.js</em> und editieren Sie diese.
+ </li>
+ <li>
+ Im Menüblock kopieren Sie einen bereits bestehenden Teil und fügen diesen im Anschluss ein. Ein solcher Block besteht dabei aus folgenden Anweisungen:
+ <img src="/img/help/settingmenublock.png" width="95%"/>
+ <ul>
+ <li>
+ <em>//Link 4: Kontakt </em> Dies ist ein Kommentar, der der Ordnung und Verständlichkeit des Codes dient
+ </li>
+ <li>
+ <em>let NAME = document.createElement("a") </em> Dies legt einen neuen Eintrag fest
+ </li>
+ <li>
+ <em>NAME.href = "addresse" </em> Dies legt die Adresse fest, auf die der neue Menüeintrag verweist. Dies kann zum Beispiel eine neu angelegte Seite sein.
+ </li>
+ <li>
+ <em>NAME.innerHTML="" </em> Dies legt den Text des Eintrags fest, also was später im Menü angezeigt wird
+ </li>
+ <li>
+ <em> menu.appendChild(NAME); </em> Dies fügt letztlich den Eintrag dem Menü hinzu.
+ </li>
+ </ul>
+ </li>
+ <li>
+ Nachdem Sie den Block entsprechend Ihrer Wünsche bearbeitet haben, klicken Sie auf <em> Commit changes </em>, um Ihre Änderungen zu speichern.
+ <img src="/img/help/settingsnewmenublock.png" width="95%"/>
+ </li>
+ </ol>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+ </div>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/help/gitlab.html b/help/gitlab.html
new file mode 100644
index 0000000000000000000000000000000000000000..18f21a602258a8e4b42fbd5e0bdf9c7efa1238a0
--- /dev/null
+++ b/help/gitlab.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Hilfe: Gitlab</title>
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+ <link rel="stylesheet" href="/fonts/ionicons.min.css">
+ <link rel="stylesheet" href="/css/Testimonials.css">
+ <link rel="stylesheet" href="/css/help.css">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+ <div style="background-color: #dadada;">
+
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+ <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab</strong></h2>
+ </div>
+ <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
+ <p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz.
+ </p>
+ </div>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a>
+ </div>
+ </div>
+ </div>
+ <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Hilfestellung zu Gitlab</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <div class="help">
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+ <small>Möchten Sie die Projektinhalte ansehen oder herunterladen?</small></a>
+ </h3>
+ </div>
+ <div id="collapse1" class="card-body collapse" style="">
+ <p>
+ Dann klicken Sie auf diesen
+ <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>
+ um die Liste aller im Gitlab erfassten Projekte zu sehen. Vor dort können Sie dann auf die einzelnen
+ Projekte zugreifen.
+ Ein Anmelden am Portal ist dazu nicht nötig.
+ </p>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
+ <small>Möchten Sie zu einem Projekt beitragen?</small></a>
+ </h3>
+ </div>
+ <div id="collapse2" class="card-body collapse" style="">
+ <p>
+ Sie können mittels Issues dem Projekteigentümer eine Rückmeldung geben bzw. einen Fehler melden.
+ Darüberhinaus können Sie sich auch aktiv beteiligen. Dazu müssen Sie im Portal als Nutzer
+ registriert sein.
+ </p>
+ <p>
+ Wenn Sie noch kein Benutzerkonto haben, klicken Sie bitte oben auf den Link Benutzerkonto und folgen
+ Sie dem System durch die Registrierungsprozedur.
+ </p>
+ <p>
+ Haben Sie ein Benutzerkonto, befolgen Sie bitte folgende Schritte:
+ </p>
+ <ol>
+ <li>
+ Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">
+ <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu
+ gelangen.
+ </li>
+ <li>
+ Melden Sie sich bei Gitlab an, indem Sie im Gitlab auf den Link Sign-In klicken.
+ </li>
+ <li>
+ Sie werden dann auf eine Anmeldeseite von unserem Portal geführt. Geben Sie dort bitte ihre
+ Benutzerdaten vom Portal ein.
+ </li>
+ <li>
+ Nach erfolgreichem Anmelden werden Sie zum Gitlab zurückgeführt.
+ </li>
+ <li>
+ Navigieren Sie dann zum Projekt Ihrer Wahl.
+ </li>
+ <li>
+ Abhängig davon wie der Projekteigentümer das Projekt konfiguriert hat, können Sie entweder
+ direkt loslegen, oder Sie müssen zunächst noch beim Projekteigentümer Zugang zum Projekt
+ anfragen, indem Sie im Gitlab bei der entsprechende Projektseite auf den Link Request Access
+ klicken.
+ </li>
+ </ol>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
+ <small>Möchten Sie selbst ein Projekt anlegen, um es der Öffentlichkeit
+ bereitzustellen?</small></a>
+ </h3>
+ </div>
+ <div id="collapse3" class="card-body collapse" style="">
+ <p>
+ Vorraussetzung dazu ist, dass Sie aktives oder ehemaliges Mitglied der Hochschule für Technik sind,
+ d.h. eine (noch) gültige HFT-Emailadresse haben, und zudem im Portal als Nutzer registriert sein.
+ </p>
+ <p>
+ Wenn Sie noch kein Benutzerkonto haben, klicken Sie bitte oben auf den Link Benutzerkonto und folgen
+ Sie dem System durch die Registrierungsprozedur.
+ </p>
+ <p>
+ Haben Sie ein Benutzerkonto, befolgen Sie bitte folgende Schritte:
+ </p>
+ <ol>
+ <li>
+ Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">
+ <i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu
+ gelangen.
+ </li>
+ <li>
+ Melden Sie sich bei Gitlab an, indem Sie im Gitlab auf den Link Sign-In klicken.
+ </li>
+ <li>
+ Sie werden dann auf eine Anmeldeseite von unserem Portal geführt. Geben Sie dort bitte ihre
+ Benutzerdaten vom Portal ein.
+ </li>
+ <li>
+ Nach erfolgreichem Anmelden werden Sie zum Gitlab zurückgeführt.
+ </li>
+ <li>
+ Erstellen Sie dann in Gitlab ein neues Projekt durch Klicken auf den grünen New Project-Knopf
+ und anschließendem Befolgen der Eingabemaske von Gitlab.
+ </li>
+ </ol>
+ <p>
+ Weitere Hilfestellung zum Anlegen von Projekten in Gitlab finden Sie in der <a href="https://docs.gitlab.com/ee/gitlab-basics/create-project.html" target="_blank">Gitlab-Dokumentation</a>.
+ </p>
+ <p>
+ Hinweis: Um Inhalte zum Gitlab "pushen" zu können, verwendet die Gitlab-Instanz unseres Portals die
+ s.g. "SSH Keys".
+ Weitere Informationen dazu finden Sie in der <a href="https://transfer.hft-stuttgart.de/gitlab/help/ssh/README" target="_blank">
+ <i class="fas fa-chevron-right">Gitlab-Dokumentation zu SSH Keys</i></a>.
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/help/index.html b/help/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..2f553fc715e48e1c596d425a9218d522730ee517
--- /dev/null
+++ b/help/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Hilfe</title>
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+ <link rel="stylesheet" href="/fonts/ionicons.min.css">
+ <link rel="stylesheet" href="/css/Testimonials.css">
+ <link rel="stylesheet" href="/css/help.css">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+ <div style="background-color: #dadada;">
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ <div class="col-md-12">
+ <h4 class="text-center">Hilfethemen Ãœbersicht</h4>
+
+ </div>
+ </div>
+ </div>
+ <div id="gitlab" style="margin-top: 40px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <ul>
+ <li>
+ <a href="/help/gitlab.html" target="_blank"> Projektverwaltung mittels Gitlab </a>
+ </li>
+ <li>
+ <a href="/help/gitlab-pages.html" target="_blank">Projektwebseiten mittels Gitlab-pages </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="videoconference" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Videokonferenzen</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <ul>
+ <li>
+ <a href="/help/jitsi.html" target="_blank"> Videokonferenzen über Jitsi</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="videoconference" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Mailinglisten</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <ul>
+ <li>
+ <a href="/help/mailinglists.html" target="_blank"> Mailinglisten erstellen und verwalten</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/help/jitsi.html b/help/jitsi.html
new file mode 100644
index 0000000000000000000000000000000000000000..7d2f9057cbc5d7f875d37827603585a35de663e5
--- /dev/null
+++ b/help/jitsi.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Hilfe: Jitsi</title>
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+ <link rel="stylesheet" href="/fonts/ionicons.min.css">
+ <link rel="stylesheet" href="/css/Testimonials.css">
+ <link rel="stylesheet" href="/css/help.css">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+ <div style="background-color: #dadada;">
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+ <div id="Jitsi" style="margin-top: 40px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <p>
+ Jitsi ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung von Chrome auf einem Desktopsystem oder Laptop. Die Verwendung des Internet Explorers hierfür ist leider nicht möglich, da Jitsi über diesen nicht aufgerufen werden kann. Da die Daten-Hauptlast bei diesem System clientseitig getragen wird, raten wir von einer Nutzung auf mobilen Endgeräten ab.
+ </p>
+ </div>
+ </div>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="https://telemeeting.hft-stuttgart.de"><strong>Zugang über das Transferportal</strong></a>
+ </div>
+ </div>
+
+ <div id="usage" style="margin-top: 10px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jitsi verwenden</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <ol>
+ <li>Beim Transferportal als Organisator anmelden</li>
+ <li>Videokonferenz über Jitsi eröffnen</li>
+ <li>Eingabe eines Namens für das Meeting<br></li>
+ <li>Start der Konferenz<br></li>
+ <li>Einladung weiterer Teilnehmer über den generierten Link<br></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/help/mailinglists.html b/help/mailinglists.html
new file mode 100644
index 0000000000000000000000000000000000000000..325fd56ede7a1b032cbda703958215cabc940aa7
--- /dev/null
+++ b/help/mailinglists.html
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>Hilfe: Mailinglisten</title>
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
+ <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+ <link rel="stylesheet" href="/fonts/ionicons.min.css">
+ <link rel="stylesheet" href="/css/Testimonials.css">
+ <link rel="stylesheet" href="/css/help.css">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+ <div style="background-color: #dadada;">
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+ </div>
+ </div>
+ <div id="abo" style="margin-top: 40px;margin-bottom: 30px;">
+ <div class="container" style="background-color: #ffffff;">
+ <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+ <div class="col-lg-12">
+ <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Mailinglisten</strong></h2>
+ </div>
+ <div class="col-auto" style="background-color: #ffffff;">
+ <div class="help">
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+ <small>Mailingliste abonnieren</small></a>
+ </h3>
+ </div>
+ <div id="collapse1" class="card-body collapse" style="">
+ <p>
+ <ol>
+ <li>
+ Gehen Sie im Transferportal auf Zusammenarbeit – Mailinglisten. Dort finden Sie alle Mailinglisten, die zur Zeit im Transferportal gelistet sind.
+ </li>
+ <li>
+ Klicken Sie auf den Link der Mailingliste, der Sie interessiert. Sie werden dann zum Mailinglistendienst des DFN (Deutsches Forschungsnetzwerk) weitergeleitet, über den die Mailinglisten verwaltet werden.
+ </li>
+ <li>
+ Sie landen dann auf der Infoseite des DFN zur entsprechenden Mailinglist. Klicken Sie hier den Link <em> Abonnieren </em> <img src="/img/help/ml_abo_00.png" width="95%"/>
+ </li>
+ <li>
+ Es erscheint eine Eingabemaske. Schreiben SieIhre Emailadresse in das Feld. Klicken Sie dann den Link <em> Ausführen </em> <img src="/img/help/ml_abo_01.png" width="95%"/>
+ </li>
+ <li>
+ Es erscheint eine Webseite mit Hinweisen zum weiteren Vorgehen. <img src="/img/help/ml_abo_02.png" width="95%"/>
+ </li>
+ <li>
+ Überprüfen Sie Ihr Emailpostfach auf die genannte Email. Klicken Sie auf den Link, mit dem Sie das Abonnement bestätigen. (Im Beispiel der zweite Link) <img src="/img/help/ml_abo_03.png" width="95%"/>
+ </li>
+ <li>
+ War die Bestätigung erfolgreich, sollten Sie eine Willkommensemail erhalten haben: <img src="/img/help/ml_abo_04.png" width="95%"/> <br/> Von jetzt an sollten Sie alle Emails in ihr Postfach erhalten, die über diese Mailingliste verteilt werden. <br/> <b> Hinweis:</b> Manchmal konfiguriert ein Listenbetreiber die Liste so, dass Abonnementanfragen zunächst bestätigt werden müssen. Wenn dem so ist, erhalten Sie die Wilkommensemail erst nach Freigabe durch den Listenbetreiber.
+ </li>
+ <li>
+ In der Regel hat der Listenbetreiber die Mailingliste so eingestellt, dass auch Sie als Abonnent an die Liste schreiben können. Dazu schicken Sie einfach über Ihr normales Emailprogramm eine Email an die in der Einladung genannente Adresse. Diese hat die Form: <p> NAME_DER_LISTE@listserv.dfn.de </p>.
+ Je nach Konfiguration durch den Listenbetreiber wird Ihre Email direkt verteilt oder muss zunächst durch die Moderation freigegeben werden. <br/> <b> Anmerkung </b> Eine typische Ausnahme, bei der Sie als Abonnent keine Emails an die Liste versenden können ist, wenn der Listenbetreiber die Liste als Newsletter verwendet
+ </li>
+ <li>
+ Wenn Sie die Mailingliste wieder abbestellen wollen, können Sie
+ <ul>
+ <li>
+ den dazu in der Wilkommensemail genannten Link verwenden
+ </li>
+ <li>
+ auf die Infoseite der Mailingliste zurückkehren (siehe Punkt 2), dort auf <em> Abbestellen </em> klicken und den Anweisungen folgen.
+ </li>
+ </ul>
+ </li>
+ <li>
+ <b> Hinweis für Mailinglisten-Erfahrene </b> <br/> Sie können auch weitere Einstellungen bzgl. des Empfangs und Versands von Emails machen, sowie weitere Mailinglisten, die Sie über den DFN-Dienst abonnieren, verwalten. Dazu müssen Sie sich auf <a href="https://www.listserv.dfn.de/sympa">https://www.listserv.dfn.de/sympa</a> mit Ihrer Mailadresse registrieren und anmelden. Dann stehen Ihnen über die Weboberfläche verschiedene Funktionen zur Verfügung.
+ </li>
+ </ol>
+ </p>
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="https://www.listserv.dfn.de/sympa/help"><strong>Weitergehende Dokumentation bei DFN (externer Link)</strong></a>
+ </div>
+ </div>
+ <br/>
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
+ <small>Mailingliste erstellen</small></a>
+ </h3>
+ </div>
+ <div id="collapse2" class="card-body collapse" style="">
+ <p>
+ <b> Voraussetzung: </b> Sie haben eine gültige HfT-Emailadresse oder eine Emailadresse eienr anderen Institution, die ebenfalls die Dienste des DFN (Deutsches Forschungsnetzwerk) in Anspruch nehmen darf.
+ <ol>
+ <li>
+ Gehen Sie zur Webseite des Mailinglisten-Dienstes des DFN, über den die Mailinglisten verwaltet werden: <a href="https://www.listserv.dfn.de/sympa">https://www.listserv.dfn.de/sympa</a> <img src="/img/help/ml_create_00.png" width="95%"/>
+ </li>
+ <li>
+ Melden Sie sich beim Dienst an, indem Sie oben auf <em> Anmelden </em> klicken und Ihre Logindaten des DFN-Dienstes eingeben.
+ <p>
+ <b> Achtung: </b> Eine automatische Weitergabe Ihrer Logindaten vom Transferportal an diesen Dienst ist leider nicht möglich. Das bedeutet, sie können hier leider nicht Ihre Logindaten des Transferportals benutzen. Stattdessen müssen Sie beim DFN-Dienst einen eigenen Account anlegen. Dazu klicken Sie auf <em> Erste Anmeldung </em> und folgen Sie der Registrierungsprozedur.
+ </p><p>
+ Sind Sie einmal registriert, können Sie sich mit Ihrer Email und dem selbstgewählten Passwort dann direkt anmelden.
+ </p>
+ <img src="/img/help/ml_create_01.png" width="95%"/>
+ </li>
+ <li>
+ Nach dem Anmelden klicken Sie dann im Menü auf <em> + Liste beantragen </em>. Dann erscheint ein Formular, wie im Beispiel gezeigt.
+ <p>
+ <b>Hinweis:</b> Steht Ihnen der Menüpunkt nach dem Anmelden nicht zur Verfügung, dann hat Ihre Institution, die über Ihre Emailadresse identifiziert wird, leider nicht die Berechtigung, über diesen Dienst eine Mailingliste zu betreiben.
+ </p>
+ <img src="/img/help/ml_create_02.png" width="95%"/>
+ </li>
+ <li>
+ Füllen Sie alle Felder so aus, wie Sie es für Ihren Nutzungszweck als Listenbetreiber benötigen, und klicken Sie danach auf <em>Anfrage zur Listenerzeugung absenden.</em>
+ <p>
+ <b>Technische Hinweise:</b><br/>
+ Ein Klick auf das Fragezeichen im Formular öffnet die Direkthilfe vom DFN-Dienst zu den einzelnen Einstellungen.
+ </p>
+ <p>
+ Weitere Dokumentation des DFN ist über das Menü <em>Support</em> oder direkt auf <a href="https://www.listserv.dfn.de/sympa/help"> https://www.listserv.dfn.de/sympa/help </a> zu finden.
+ </p>
+ <p>
+ <b>Inhaltliche Hinweise:</b><br/> Als Nutzer des Transferportals kommen für Sie wahrscheinlich nur zwei der im Formular genannten Listentypen in Frage: <em>>öffentliche Diskussionsliste </em> und <em> Newsletter. </em>
+ </p>
+ <p> Als Orientierungshilfe, was man in die Freifeldtexte eingeben kann, zeigt die Abbildung, welche Einstellungen und Angaben wir für unsere Mailingliste zum Transferportal selbst gemacht haben.
+ <ul>
+ <li>
+ Wir führen diese als öffentliche Diskussionsliste, d.h. "öffentlich" im Sinne, dass die Liste öffentlich auffindbar ist (aber nicht die Emails selbst), und "Diskussion" im Sinne, dass alle Abonnenten an diese Liste senden können.
+ </li>
+ <li>
+ Wir haben uns für einen Listennamen ohne Sonderzeichen entschieden, so wie in der DFN-Dokumentation empfohlen.
+ </li>
+ <li>
+ Als Hauptzielgruppe haben wir Forschung ausgewählt.
+ </li>
+ <li>
+ Die vollständige Beschreibung (die Abbildung zeigt nur die letzten Teile) ist zu finden unter <a href="https://www.listserv.dfn.de/sympa/info/transferportalhft"> https://www.listserv.dfn.de/sympa/info/transferportalhft </a>
+
+ </li>
+ </ul>
+ <img src="/img/help/ml_create_03.png" width="95%"/>
+ </li>
+ <li>
+ Nach Absenden der Anfrage erscheint eine Bestätigung, wie im Beispiel gezeigt.
+ <p><b>Hinweis:</b> Wie der Bestätigungstext sagt, können Sie direkt mit der weiteren Konfiguration der Liste fortfahren, siehe die folgenden
+ Schritte. Die Liste wird aber erst durch Freigabe eines Listmasters des DFN in Betrieb gehen. Das dauert nach unserer Erfahrung beim Anlegen anderer Listen beim DFN zwischen wenigen Minuten und ungefähr einem Tag.
+ </p>
+ <img src="/img/help/ml_create_04.png" width="95%"/>
+ </li>
+ <li>
+ Nachdem Sie die Liste angefragt haben, gibt es viele weitere Konfigurationsmöglichkeiten. Diese finden Sie als Listeneigentümer unter dem linken Menüpunkt <em>Administration</em>, so wie im Beispiel gezeigt.
+ <p>
+ Wir konzentrieren uns hier nur auf die aus unserer Sicht wesentlichen Einstellungen, denn in der Regel sind die Default- Einstellungen des Systems ausreichend.
+ </p>
+ <p>
+ Dabei orientieren wir uns wieder am Beispiel unserer eigenen Mailingliste zum Transferportal selbst.
+ </p>
+ <img src="/img/help/ml_create_05.png" width="95%"/>
+ </li>
+ <li>
+ Als erstes empfehlen wir, den Menüpunkt <em>Listenkonfiguration bearbeiten – Liste definieren</em> aufzurufen. Es erscheint ein Formular mit wesentlichen Einstellungsmöglichkeiten, so wie im Beispiel in den folgenden Abbildungen gezeigt.
+ <p>
+ Dort können Sie nochmals die Sichtbarkeit der Liste ändern – aus Sicht unseres Transferportals empfehlen wir die Einstellung <em> sichtbar
+ (nonconceal). </em>
+ </p>
+ <p>
+ Zudem können Sie dort noch weitere Personen als Listeneigentümer oder Moderatoren angeben, die Ihnen beim Betrieb der Liste helfen können.
+ </p>
+ <p>
+ Näheres zu den möglichen Rollen privilegierter Eigentümer, Eigentümer und Moderator siehe: <a href="https://www.listserv.dfn.de/sympa/help/introduction"> https://www.listserv.dfn.de/sympa/help/introduction </a>
+ </p>
+ <p>
+ Bei den weiteren Einstellungen belassen wir es bei den Default-Werten.
+ </p>
+ <img src="/img/help/ml_create_06.png" width="95%"/>
+ <img src="/img/help/ml_create_07.png" width="95%"/>
+ <img src="/img/help/ml_create_08.png" width="95%"/>
+ </li>
+ <li>
+ Als nächstes empfehlen wir, den Menüpunkt <em>Listenkonfiguration bearbeiten – Einstellungen zum Senden/Empfangen </em> aufzurufen. Es erscheint ein Formular mit verschiedenen Einstellungsmöglichkeiten.
+ <p>
+ Aus unserer Erfahrung empfehlen wir, sich zwei der Möglichkeiten genauer anzuschauen.
+ </p>
+ <p>
+ Bei den anderen Einstellungen haben wir es für unsere Liste bei den Defaultwerten belassen.
+ </p>
+ <ul>
+ <li>
+ Die wichtigste Einstellung ist das Feld <em>Wer kann Nachrichten senden</em>.
+ <p>
+ Hier gibt es eine Vielzahl von Optionen und Sie als Listenbetreiber müssen hier entscheiden.
+ </p>
+ <p>
+ Für unsere Mailingliste zum Transferportal haben wir z.B. <em> Beschränkt auf Abonnementen, Emails von anderen leise
+ ablehnen </em> gewählt.
+ </p>
+ </li>
+ <li>
+ Eine weitere Einstellung sind die Felder unter dem Punkt </em>Häufigkeit der Kompilierung </em>. Diese Einstellungen definieren, in welchem Rhythmus Abonnementen ein Kompilat – im Englischen auch "Digest" genannt – erhalten.
+ <p>
+ <b>Anmerkung:</b> Abonnementen können in Ihren eigenen Einstellungen auswählen, ob sie die Emails direkt und einzeln empfangen, oder ob Sie ein Nachrichtenkompilat, also eine einmalige Zusammenstellung aller Emails seit dem letzten Kompilat erhalten.
+ </p>
+ <p>
+ Ein üblicher Anwendungsfall ist hier der <em>Daily Digest</em>: Einmal täglich erhält ein Abonnement, sofern er nicht direkten Empfang ausgewählt hat, das Kompilat des vergangenen Tages. Diesen Fall haben wir auch für unsere Liste eingestellt, in dem wir die Häufigkeit auf jeden Wochentag gesetzt haben.
+ </p>
+ </li>
+ </ul>
+ <img src="/img/help/ml_create_09.png" width="95%"/>
+ </li>
+ <li>
+ Als nächstes empfehlen wir, den Menüpunkt <em>Listenkonfiguration bearbeiten – Privilegien </em> aufzurufen. Es erscheint ein weiteres Formular mit verschiedenen Einstellungsmöglichkeiten.
+ <p>
+ Hier gibt es eine Vielzahl von Optionen und Sie als Listenbetreiber müssen hier entscheiden.
+ </p>
+ <p>
+ Um Ihnen eine Orientierung zu geben, zeigt die Abbildung, welche Einstellungen wir für unsere Mailingliste transferportalhft vorgenommen haben.
+ <ul>
+ <li>
+ Im Sinne des Transferportals sollte jeder die Listeninformationen sehen können. Das bezieht sich auf die Darstellung auf den DFN-Seiten, also für wen die Seite <a href="https://www.listserv.dfn.de/sympa/info/transferportalhft"> https://www.listserv.dfn.de/sympa/info/transferportalhft</a> sichtbar ist.
+ </li>
+ <li>
+ Als Betreiber der Liste haben wir eingestellt, dass wir eine kurze Email vom System bekommen, sobald jemand die Liste abonniert oder sich wieder abmeldet.
+ </li>
+ <li>
+ Wir haben die Liste so eingestellt, dass sich normalerweise Abonnementen selbst eintragen sollen, dass wir als Betreiber aber im Bedarfsfall auch jemanden gezielt einladen können.
+ </li>
+ <li>
+ Eine unseres Erachtens nach wichtige Einstellung: Wer eine Auflistung der Abonnementen abfragen darf. Diese Möglichkeit haben wir beschränkt und nur uns als Administratoren eingestellt, denn wir möchten nicht, dass jede/r Abonnement/in alle anderen sehen kann.
+ </li>
+ <li>
+ Die Möglichkeit gemeinsamer Dokumente wollen wir nicht nutzen. Ein Abstellen geht nicht, daher haben wir den Zugriff auf uns Administratoren beschränkt.
+ </li>
+ </ul>
+ <img src="/img/help/ml_create_10.png" width="95%"/>
+ </p>
+ </li>
+ <li>
+ Als nächstes empfehlen wir, den Menüpunkt <em> Listenkonfiguration bearbeiten – Listenbeschreibung</em> aufzurufen.
+ <img src="/img/help/ml_create_11.png" width="95%"/>
+ <p>
+ <b>Wichtig!</b>
+ </p>
+ <p>
+ Die Listenbeschreibung, die Sie beim Erstellen der Liste eingetippt haben, erscheint so noch nicht auf der Listen-Homepage (in unserem Beispiel wäre das <a href="https://www.listserv.dfn.de/sympa/info/transferportalhft"> https://www.listserv.dfn.de/sympa/info/transferportalhft </a>), sondern zunächst nur in Infoemails des Systems.
+ </p>
+ <p>
+ Um diesen Text zu überarbeiten und auf der Homepage Ihrer Webseite sichtbar zu machen, gehen Sie wie im Folgenden beschrieben vor:
+ <ol>
+ <li>
+ Klicken Sie auf den unteren Link <em>Bearbeiten Listenbeschreibung. Dieser Text wird als Antwort auf ...</em> Dieses öffnet den Beschreibungstext entsprechend der Abbildung, den Sie beim Erstellen der Liste geschrieben haben.
+ <p>
+ Wenn Sie diesen nochmal überarbeiten wollen, können Sie das hier tun und anschließend auf Speichern drücken. Es wird dann eine Bestätigung eingeblendet, sie bleiben aber dann auf der selben Seite.
+ </p>
+ <p>
+ Kopieren Sie nun den Text und klicken Sie im roten Menü wieder auf <em>Listenkonfiguration bearbeiten – Listenbeschreibung</em>
+ </p>
+ <img src="/img/help/ml_create_12.png" width="95%"/>
+ </li>
+ <li>
+ Klicken Sie dann auf anderen Link <em> Bearbeiten Listenhomepage. HTML-Text der ...</em>
+ <p>
+ Dieses öffnet den Beschreibungstext für die Webseite entsprechend der Abbildung, der zunächst noch leer ist.
+ </p>
+ <p>
+ Hier können Sie den nun kopierten Text einfügen und ggf. bearbeiten. Anschließend bitte auf Speichern klicken. Damit ist die Beschreibung dann auch auf der Listenhomepage zu sehen.
+ </p>
+ <img src="/img/help/ml_create_13.png" width="95%"/>
+ </li>
+ </ol>
+ <p>
+ </li>
+ <li>
+ Betreiben Sie diese Mailingliste in Deutsch, empfehlen wir als nächstes, die Willkommensemail sprachlich zu optimieren.
+ <p>
+ <b>Hintergrund:</b> In der automatisch generierten Willkommensemail, die neue Abonnementen erhalten, gibt es zwei Stellen, in denen englischer Text vorkommt.
+ </p>
+ <p>
+ Dazu klicken Sie zunächst im roten Menü auf <em>Listenkonfiguration bearbeiten – Nachrichtenvorlagen</em>. Dort gelangen Sie zu der Übersicht der Vorlagen aller Emails, die vom System an die Nutzer versendet werden können, siehe Abbildung
+ </p>
+ <img src="/img/help/ml_create_14.png" width="95%"/>
+ <p>
+ Klicken Sie nun auf „Bearbeiten Willkommensnachricht“ um diese bearbeiten zu können, siehe Abbildung. Diese Vorlage ist im wesentlichen ein Skript, welches das System ausführt, und sollte daher nur von Programmiererfahrenen geändert werden. Insbesondere die Bereiche mit den eckigen Klammern und Prozentzeichen sollten Sie <u>nicht</u> ändern, da hier Funktionalitäten aufgerufen werden.
+ </p>
+ <p>
+ Allerdings empfehlen wir, dass Sie dennoch folgende zwei Änderungen vornehmen, um die Email zu 100% deutschsprachig zu machen:
+ <ol>
+ <li> Ersetzen Sie den Text "Welcome to list" mit "Willkommen bei der Liste" </li>
+ <li>Ersetzen Sie den Text "To unsubscribe from this list, click here:" mit "Um sich von dieser Liste auszutragen, klicken Sie bitte hier:" </li>
+ </ol>
+ Klicken Sie anschließend auf Speichern.
+ <img src="/img/help/ml_create_15.png" width="95%"/>
+ </p>
+ </li>
+ <li>
+ Geschafft!
+ <p>
+ Sie haben nun Ihre Mailingliste eingerichtet und optimiert!
+ </p>
+ <p>
+ Wenn Sie nun noch möchten, dass Ihre Mailinglist auch auf unserem Transferportal gelistet wird, nehmen Sie bitte mit uns Kontakt auf:
+ <a href="support-transfer@hft-stuttgart.de"> support-transfer@hft-stuttgart.de <a>
+ </p>
+ <p>
+ Hintergrund: Eine technische Möglichkeit, dieses automatisch zu tun, steht uns leider (noch) nicht zu Verfügung.
+ </p>
+ </li>
+ <li>
+ Hinweise zum Betrieb der Liste:
+ <p>
+ Nachdem Sie die Liste nun eingerichtet haben, empfehlen wir die Erläuterungen des DFN-Dienstes zu den Themen <a href="https://www.listserv.dfn.de/sympa/help/faqadmin"> "Datenschutzkonforme Konfiguration" </a> sowie <a href="https://www.listserv.dfn.de/sympa/help/admin#rulesadmin">"Verhaltensregeln für Administratoren"</a>
+ </p>
+ <p>
+ Und zu guter Letzt:
+ </p>
+ <p>
+ Um die Abonnementen zu verwalten, finden Sie im roten Administrationsmenü die Seite <em>Abonnementen verwalten</em> mit selbsterklärenden Einstellungen.
+ </p>
+ <img src="/img/help/ml_create_16.png" width="95%"/>
+ </li>
+ </ol>
+ </p>
+
+ <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+ role="button" style="background-color: #E0001B;" href="https://www.listserv.dfn.de/sympa/help/admin"><strong>Weitergehende Dokumentation bei DFN (externer Link)</strong></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+ <div class="row">
+
+ </div>
+ </div>
+
+
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/images/3DModell_Wermelskirchen_Startseite.jpg b/images/3DModell_Wermelskirchen_Startseite.jpg
deleted file mode 100755
index 7bd747b291671d9b3cec660bc5f398b4122848f5..0000000000000000000000000000000000000000
Binary files a/images/3DModell_Wermelskirchen_Startseite.jpg and /dev/null differ
diff --git a/images/M4_LAB_LOGO_TV_1.jpg b/images/M4_LAB_LOGO_TV_1.jpg
deleted file mode 100755
index 14963721c4328a08b34510644d3d5f89afe00a09..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_LOGO_TV_1.jpg and /dev/null differ
diff --git a/images/M4_LAB_LOGO_TV_2.jpg b/images/M4_LAB_LOGO_TV_2.jpg
deleted file mode 100755
index 8478e5a4fbc21476616d0567ba80362505dfb806..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_LOGO_TV_2.jpg and /dev/null differ
diff --git a/images/M4_LAB_LOGO_TV_3.jpg b/images/M4_LAB_LOGO_TV_3.jpg
deleted file mode 100755
index f7141d8c524dfefa8ddab3360e67124b5beab5d0..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_LOGO_TV_3.jpg and /dev/null differ
diff --git a/images/M4_LAB_LOGO_TV_4.jpg b/images/M4_LAB_LOGO_TV_4.jpg
deleted file mode 100755
index 80df82324ba460d76d1e37e08f4b7e8392438da2..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_LOGO_TV_4.jpg and /dev/null differ
diff --git a/images/M4_LAB_Projekt/bbf_logo.png b/images/M4_LAB_Projekt/bbf_logo.png
deleted file mode 100755
index dbbb774b91a069ef39650f30ce7d787d444e6ae1..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_Projekt/bbf_logo.png and /dev/null differ
diff --git a/images/M4_LAB_Projekt/ihs_logo.jpg b/images/M4_LAB_Projekt/ihs_logo.jpg
deleted file mode 100755
index c7c15b4142afb5529395b95d95d7f244d6ffb509..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_Projekt/ihs_logo.jpg and /dev/null differ
diff --git a/images/M4_LAB_Vision.gif b/images/M4_LAB_Vision.gif
deleted file mode 100755
index 6de3acbebf6855190a117c94517fada24b50b1ea..0000000000000000000000000000000000000000
Binary files a/images/M4_LAB_Vision.gif and /dev/null differ
diff --git a/images/SmartPollen_Projekt/JoeSanthanavanich_PatrickWuerstle_Group.jpg b/images/SmartPollen_Projekt/JoeSanthanavanich_PatrickWuerstle_Group.jpg
deleted file mode 100755
index f1d156c631ab01e40aed7ed7d7e8d37682450231..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/JoeSanthanavanich_PatrickWuerstle_Group.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/JoeSanthanavanich_PatrickWuerstle_Group_web.jpg b/images/SmartPollen_Projekt/JoeSanthanavanich_PatrickWuerstle_Group_web.jpg
deleted file mode 100755
index 0eb1767c4217d785ba77932a4be4dcd865ff26b3..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/JoeSanthanavanich_PatrickWuerstle_Group_web.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/PatrickHogan_PatrickWuerstle_JoeSanthanavanich_MikkoJaervilehto_CollaborationAward.jpg b/images/SmartPollen_Projekt/PatrickHogan_PatrickWuerstle_JoeSanthanavanich_MikkoJaervilehto_CollaborationAward.jpg
deleted file mode 100755
index 274faf6e7481d9aa6ff1147aa701ff29ac741e82..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/PatrickHogan_PatrickWuerstle_JoeSanthanavanich_MikkoJaervilehto_CollaborationAward.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/PatrickHogan_PatrickWuerstle_JoeSanthanavanich_MikkoJaervilehto_CollaborationAward_web.jpg b/images/SmartPollen_Projekt/PatrickHogan_PatrickWuerstle_JoeSanthanavanich_MikkoJaervilehto_CollaborationAward_web.jpg
deleted file mode 100755
index 044a53f93b3fac82ccb79ecbfa9cff065ff32b63..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/PatrickHogan_PatrickWuerstle_JoeSanthanavanich_MikkoJaervilehto_CollaborationAward_web.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/PatrickWuerstle_JoeSanthanavanich_Pitch.jpg b/images/SmartPollen_Projekt/PatrickWuerstle_JoeSanthanavanich_Pitch.jpg
deleted file mode 100755
index 1da1bf8a5cc0c52aa70251ceb36ae18124f0b7dc..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/PatrickWuerstle_JoeSanthanavanich_Pitch.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/PatrickWuerstle_JoeSanthanavanich_Pitch_web.jpg b/images/SmartPollen_Projekt/PatrickWuerstle_JoeSanthanavanich_Pitch_web.jpg
deleted file mode 100755
index 2bf4640f6e644410abe67e953b8b7c4f9543e205..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/PatrickWuerstle_JoeSanthanavanich_Pitch_web.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/SmartPollenM2GIF.gif b/images/SmartPollen_Projekt/SmartPollenM2GIF.gif
deleted file mode 100755
index 3c544682cd3e0164246d492d61bf3c3d2cd67d72..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/SmartPollenM2GIF.gif and /dev/null differ
diff --git a/images/SmartPollen_Projekt/SmartPollen_Logo.png b/images/SmartPollen_Projekt/SmartPollen_Logo.png
deleted file mode 100755
index 0f7068e8a75a693182b4aac66d7947f7a70a9cb7..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/SmartPollen_Logo.png and /dev/null differ
diff --git a/images/SmartPollen_Projekt/SmartPollen_Projektbeschreibung.docx b/images/SmartPollen_Projekt/SmartPollen_Projektbeschreibung.docx
deleted file mode 100755
index d949f20c024473ee46be40a5e5c780e71961ec7e..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/SmartPollen_Projektbeschreibung.docx and /dev/null differ
diff --git a/images/SmartPollen_Projekt/VolkerCoors_JoeSanthanavanich_PatrickWuerstle_Group.jpg b/images/SmartPollen_Projekt/VolkerCoors_JoeSanthanavanich_PatrickWuerstle_Group.jpg
deleted file mode 100755
index 377c80ec3ff055c25e6c16b286c8b74fcac12113..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/VolkerCoors_JoeSanthanavanich_PatrickWuerstle_Group.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/VolkerCoors_JoeSanthanavanich_PatrickWuerstle_Group_web.jpg b/images/SmartPollen_Projekt/VolkerCoors_JoeSanthanavanich_PatrickWuerstle_Group_web.jpg
deleted file mode 100755
index fdd473078de3337a9a4834e5125a8d8866410544..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/VolkerCoors_JoeSanthanavanich_PatrickWuerstle_Group_web.jpg and /dev/null differ
diff --git a/images/SmartPollen_Projekt/~$artPollen_Projektbeschreibung.docx b/images/SmartPollen_Projekt/~$artPollen_Projektbeschreibung.docx
deleted file mode 100755
index 546392ee14ed24cfaab867dda1549c71aeb949a3..0000000000000000000000000000000000000000
Binary files a/images/SmartPollen_Projekt/~$artPollen_Projektbeschreibung.docx and /dev/null differ
diff --git a/images/demo/.DS_Store b/images/demo/.DS_Store
deleted file mode 100755
index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000
Binary files a/images/demo/.DS_Store and /dev/null differ
diff --git a/images/demo/130x130.gif b/images/demo/130x130.gif
deleted file mode 100755
index 503764af4ebc7801e7af2f0bb17df67293748fb7..0000000000000000000000000000000000000000
Binary files a/images/demo/130x130.gif and /dev/null differ
diff --git a/images/demo/630x300.gif b/images/demo/630x300.gif
deleted file mode 100755
index bfbf9e7468184ddee6a7ad9eba5a6504c41d793e..0000000000000000000000000000000000000000
Binary files a/images/demo/630x300.gif and /dev/null differ
diff --git a/images/demo/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.jpg b/images/demo/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.jpg
deleted file mode 100644
index fc940bfd2495a52b2cb092c2f703bccbe71a559c..0000000000000000000000000000000000000000
Binary files a/images/demo/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.jpg and /dev/null differ
diff --git a/images/demo/bbf_logo.png b/images/demo/bbf_logo.png
deleted file mode 100755
index dbbb774b91a069ef39650f30ce7d787d444e6ae1..0000000000000000000000000000000000000000
Binary files a/images/demo/bbf_logo.png and /dev/null differ
diff --git a/images/demo/f_logo.png b/images/demo/f_logo.png
deleted file mode 100755
index 0ff8d1eb49a7e04ce1e655d008b0c1dfbb52471d..0000000000000000000000000000000000000000
Binary files a/images/demo/f_logo.png and /dev/null differ
diff --git a/images/demo/hft_logo.jpg b/images/demo/hft_logo.jpg
deleted file mode 100755
index ccfed8876865875b6dae888fcbcc129376c87076..0000000000000000000000000000000000000000
Binary files a/images/demo/hft_logo.jpg and /dev/null differ
diff --git a/images/demo/i_logo.png b/images/demo/i_logo.png
deleted file mode 100755
index 08854f873f39b443733df1d0def7b654d4f3f0b1..0000000000000000000000000000000000000000
Binary files a/images/demo/i_logo.png and /dev/null differ
diff --git a/images/demo/ihs_logo.jpg b/images/demo/ihs_logo.jpg
deleted file mode 100755
index c7c15b4142afb5529395b95d95d7f244d6ffb509..0000000000000000000000000000000000000000
Binary files a/images/demo/ihs_logo.jpg and /dev/null differ
diff --git a/images/demo/m4lab_logo.jpg b/images/demo/m4lab_logo.jpg
deleted file mode 100755
index 32f6a57dc91893e1d5c8cfa69301c3a73bbc5b04..0000000000000000000000000000000000000000
Binary files a/images/demo/m4lab_logo.jpg and /dev/null differ
diff --git a/images/demo/map_logo.png b/images/demo/map_logo.png
deleted file mode 100755
index 8209cf175907b4129e2732e11536c669b3861a15..0000000000000000000000000000000000000000
Binary files a/images/demo/map_logo.png and /dev/null differ
diff --git a/images/demo/search_logo.png b/images/demo/search_logo.png
deleted file mode 100755
index f8bc900c383339afbe61ccf6b2cd35c18a0f877a..0000000000000000000000000000000000000000
Binary files a/images/demo/search_logo.png and /dev/null differ
diff --git a/images/demo/t_logo.png b/images/demo/t_logo.png
deleted file mode 100755
index d6cbe0a18afc0091a232ea31c83cced0ba1ffa3d..0000000000000000000000000000000000000000
Binary files a/images/demo/t_logo.png and /dev/null differ
diff --git a/images/demo/y_logo.png b/images/demo/y_logo.png
deleted file mode 100755
index d91e7446c2233f331781ea3cd17097d8cd16f163..0000000000000000000000000000000000000000
Binary files a/images/demo/y_logo.png and /dev/null differ
diff --git a/img/help/choosetemplate.png b/img/help/choosetemplate.png
new file mode 100644
index 0000000000000000000000000000000000000000..de454df3987f1288fcbaffdc18c86201fc0ec45d
Binary files /dev/null and b/img/help/choosetemplate.png differ
diff --git a/img/help/content_index_marked.png b/img/help/content_index_marked.png
new file mode 100644
index 0000000000000000000000000000000000000000..c54492a44508edb71cefdf6ad99d4cd3517cce61
Binary files /dev/null and b/img/help/content_index_marked.png differ
diff --git a/img/help/content_public.png b/img/help/content_public.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b1c9ab14457f56294b5c7985848db81173e64ff
Binary files /dev/null and b/img/help/content_public.png differ
diff --git a/img/help/createproject.png b/img/help/createproject.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bbb7ac1b5e657a0d9cdc1f372380011457e1641
Binary files /dev/null and b/img/help/createproject.png differ
diff --git a/img/help/edit_contact.png b/img/help/edit_contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b4c4c9730b01043c2cbac2010f06d883edbd8b0
Binary files /dev/null and b/img/help/edit_contact.png differ
diff --git a/img/help/edit_settings.png b/img/help/edit_settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..18ee119d079e08e62554de1a83fcaff734a8e8df
Binary files /dev/null and b/img/help/edit_settings.png differ
diff --git a/img/help/editnewpage.png b/img/help/editnewpage.png
new file mode 100644
index 0000000000000000000000000000000000000000..eadd4b3632b0cac9325b7ec57e59942013b85488
Binary files /dev/null and b/img/help/editnewpage.png differ
diff --git a/img/help/file_view.png b/img/help/file_view.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5c692523b37a7e4e8396e5b0694ebf876fc64ba
Binary files /dev/null and b/img/help/file_view.png differ
diff --git a/img/help/folderpublic.png b/img/help/folderpublic.png
new file mode 100644
index 0000000000000000000000000000000000000000..0410be379a789a128c4d7d54417eb439fe3e7cff
Binary files /dev/null and b/img/help/folderpublic.png differ
diff --git a/img/help/fromtemplate.png b/img/help/fromtemplate.png
new file mode 100644
index 0000000000000000000000000000000000000000..8cf522f6efd8bcdb817f7706aa41c85f67c45481
Binary files /dev/null and b/img/help/fromtemplate.png differ
diff --git a/img/help/ml_abo_00.png b/img/help/ml_abo_00.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ad59530636fce60d10482480322bc2bb2c6ac45
Binary files /dev/null and b/img/help/ml_abo_00.png differ
diff --git a/img/help/ml_abo_01.png b/img/help/ml_abo_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d89db645deadc70b0eebf7f41a9a1f724ec155b
Binary files /dev/null and b/img/help/ml_abo_01.png differ
diff --git a/img/help/ml_abo_02.png b/img/help/ml_abo_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..e35263707217053460f31543ef29c1c67708f082
Binary files /dev/null and b/img/help/ml_abo_02.png differ
diff --git a/img/help/ml_abo_03.png b/img/help/ml_abo_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..f014ef3217a93e1c6abd864b1a5e5b07f0364a8b
Binary files /dev/null and b/img/help/ml_abo_03.png differ
diff --git a/img/help/ml_abo_04.png b/img/help/ml_abo_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0a9108f7ab86d11ff8dcfd68106f2caea73ad56
Binary files /dev/null and b/img/help/ml_abo_04.png differ
diff --git a/img/help/ml_create_00.png b/img/help/ml_create_00.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a38c366a4fe6f1deff4d23c280e864c9668f215
Binary files /dev/null and b/img/help/ml_create_00.png differ
diff --git a/img/help/ml_create_01.png b/img/help/ml_create_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..1637c6f873f5db433ed8564b80ce20afadc3c900
Binary files /dev/null and b/img/help/ml_create_01.png differ
diff --git a/img/help/ml_create_02.png b/img/help/ml_create_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f27b617d3f6117e92e20c4f91450110afdaed50
Binary files /dev/null and b/img/help/ml_create_02.png differ
diff --git a/img/help/ml_create_03.png b/img/help/ml_create_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b2a42a5e8c34d9e33298e017d8f6c82b4eaf62b
Binary files /dev/null and b/img/help/ml_create_03.png differ
diff --git a/img/help/ml_create_04.png b/img/help/ml_create_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..8bb5581287f468243c4ca0e59c8cffac7b61914e
Binary files /dev/null and b/img/help/ml_create_04.png differ
diff --git a/img/help/ml_create_05.png b/img/help/ml_create_05.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4658d20e22850d4a99b6f53e03020fad5b2b0bf
Binary files /dev/null and b/img/help/ml_create_05.png differ
diff --git a/img/help/ml_create_06.png b/img/help/ml_create_06.png
new file mode 100644
index 0000000000000000000000000000000000000000..3cf0c77cd630b281a6e59a6cc11948495056bf5f
Binary files /dev/null and b/img/help/ml_create_06.png differ
diff --git a/img/help/ml_create_07.png b/img/help/ml_create_07.png
new file mode 100644
index 0000000000000000000000000000000000000000..e38e0a87d1471ff8403811a65542c87772e097f5
Binary files /dev/null and b/img/help/ml_create_07.png differ
diff --git a/img/help/ml_create_08.png b/img/help/ml_create_08.png
new file mode 100644
index 0000000000000000000000000000000000000000..174dbdd93da63c753dfd13b9688f72f0a1447d85
Binary files /dev/null and b/img/help/ml_create_08.png differ
diff --git a/img/help/ml_create_09.png b/img/help/ml_create_09.png
new file mode 100644
index 0000000000000000000000000000000000000000..af14df96c16dfb51df16bd17188ea23cf73a7660
Binary files /dev/null and b/img/help/ml_create_09.png differ
diff --git a/img/help/ml_create_10.png b/img/help/ml_create_10.png
new file mode 100644
index 0000000000000000000000000000000000000000..e177faa95c1c4ebce10d948037d1131ae6793e25
Binary files /dev/null and b/img/help/ml_create_10.png differ
diff --git a/img/help/ml_create_11.png b/img/help/ml_create_11.png
new file mode 100644
index 0000000000000000000000000000000000000000..66cd78e6c100d4f0040f89669f93699f4e39ee64
Binary files /dev/null and b/img/help/ml_create_11.png differ
diff --git a/img/help/ml_create_12.png b/img/help/ml_create_12.png
new file mode 100644
index 0000000000000000000000000000000000000000..678b6565b8c50c95d375797a815bf1801a6b003c
Binary files /dev/null and b/img/help/ml_create_12.png differ
diff --git a/img/help/ml_create_13.png b/img/help/ml_create_13.png
new file mode 100644
index 0000000000000000000000000000000000000000..bfab50f63285b1a27bd48b06fe32860ea92324ff
Binary files /dev/null and b/img/help/ml_create_13.png differ
diff --git a/img/help/ml_create_14.png b/img/help/ml_create_14.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc6eccb54e7850b0f9199f4462e75f1fbc9a590d
Binary files /dev/null and b/img/help/ml_create_14.png differ
diff --git a/img/help/ml_create_15.png b/img/help/ml_create_15.png
new file mode 100644
index 0000000000000000000000000000000000000000..a07b642fff0956ff6cb7cd7c51b4e52e7aeb6cfc
Binary files /dev/null and b/img/help/ml_create_15.png differ
diff --git a/img/help/ml_create_16.png b/img/help/ml_create_16.png
new file mode 100644
index 0000000000000000000000000000000000000000..545bed69232fc593f22356c62a782f6073c58d40
Binary files /dev/null and b/img/help/ml_create_16.png differ
diff --git a/img/help/newproject.png b/img/help/newproject.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9a2a5d75b243b32fbfa1b2ae0fb90db5ebd6f38
Binary files /dev/null and b/img/help/newproject.png differ
diff --git a/img/help/output.png b/img/help/output.png
new file mode 100644
index 0000000000000000000000000000000000000000..eddb991447669e76497dcf9075ed4d77d8a58adc
Binary files /dev/null and b/img/help/output.png differ
diff --git a/img/help/overview_pipelines.png b/img/help/overview_pipelines.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3cb792dbb34c1542595b75a3ec4704cec4fa670
Binary files /dev/null and b/img/help/overview_pipelines.png differ
diff --git a/img/help/pipeline_good.png b/img/help/pipeline_good.png
new file mode 100644
index 0000000000000000000000000000000000000000..492d0296c6caa8274e4532862117328a94446c78
Binary files /dev/null and b/img/help/pipeline_good.png differ
diff --git a/img/help/pipeline_pending.png b/img/help/pipeline_pending.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce84a4a21691548e512b58dbbfe7a116bc22fe8e
Binary files /dev/null and b/img/help/pipeline_pending.png differ
diff --git a/img/help/publicplus.png b/img/help/publicplus.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad42dbc56b96a2ab02f419b38398789a5a1da26f
Binary files /dev/null and b/img/help/publicplus.png differ
diff --git a/img/help/save_file.png b/img/help/save_file.png
new file mode 100644
index 0000000000000000000000000000000000000000..035532d4c9faaeba2d5c1dae0640d09cef191953
Binary files /dev/null and b/img/help/save_file.png differ
diff --git a/img/help/select_contact.png b/img/help/select_contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6727c813d12323aea54048b0e061861077b3947
Binary files /dev/null and b/img/help/select_contact.png differ
diff --git a/img/help/select_settings.png b/img/help/select_settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2a165fe361c0f2861e5d08c012022ca53523037
Binary files /dev/null and b/img/help/select_settings.png differ
diff --git a/img/help/settingmenublock.png b/img/help/settingmenublock.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9ffafcbb9e4c7a47ef0b9e3a5030a6896a3dfa5
Binary files /dev/null and b/img/help/settingmenublock.png differ
diff --git a/img/help/settings_logo.png b/img/help/settings_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..86c5424fb67a514985a518262c535ed7fdb0126f
Binary files /dev/null and b/img/help/settings_logo.png differ
diff --git a/img/help/settingsnewmenublock.png b/img/help/settingsnewmenublock.png
new file mode 100644
index 0000000000000000000000000000000000000000..54db9aa325d3d38fe8216a061340ce5acd382567
Binary files /dev/null and b/img/help/settingsnewmenublock.png differ
diff --git a/img/help/upload_logo.png b/img/help/upload_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e937fb7fd7afacc580717c00283ae06db6e62d0
Binary files /dev/null and b/img/help/upload_logo.png differ
diff --git a/img/signature/fb_bw.png b/img/signature/fb_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..b42578bfe6fec044b6eabd18dadd26fc7167c7cd
Binary files /dev/null and b/img/signature/fb_bw.png differ
diff --git a/img/signature/hft_logo.png b/img/signature/hft_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6dbff4c698095a063ae3b3332bdfc2ab308e61d
Binary files /dev/null and b/img/signature/hft_logo.png differ
diff --git a/img/signature/inno_bw.png b/img/signature/inno_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f39c3d6990b233c228d053a81d04dda61c004cb
Binary files /dev/null and b/img/signature/inno_bw.png differ
diff --git a/img/signature/instagram_bw.png b/img/signature/instagram_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa1ec3cb179bbb8af78dc90a6654ab60e8c739bb
Binary files /dev/null and b/img/signature/instagram_bw.png differ
diff --git a/img/signature/snapchat_bw.png b/img/signature/snapchat_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..056409fdb9c6b9ba85a3e66af0dbaba3b1463356
Binary files /dev/null and b/img/signature/snapchat_bw.png differ
diff --git a/img/signature/twitter_bw.png b/img/signature/twitter_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..232d4885d7be239b2a903fe48922a81462ed006b
Binary files /dev/null and b/img/signature/twitter_bw.png differ
diff --git a/img/signature/youtube_bw.png b/img/signature/youtube_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8143cc504634ab8411cc427edaffc9eda8f3cb3
Binary files /dev/null and b/img/signature/youtube_bw.png differ
diff --git a/includes/.DS_Store b/includes/.DS_Store
deleted file mode 100755
index 800cb4c1ae984681c0235434717096e3aaeab590..0000000000000000000000000000000000000000
Binary files a/includes/.DS_Store and /dev/null differ
diff --git a/includes/footer.php b/includes/footer.php
deleted file mode 100755
index 2d8c5ae195437d43313f9933b8ddc2b06318f05a..0000000000000000000000000000000000000000
--- a/includes/footer.php
+++ /dev/null
@@ -1,106 +0,0 @@
-<!DOCTYPE php>
-<html lang="en" dir="ltr">
-
-<html>
-<body>
-
- <div id="homepage" class="last clear">
- <hr>
-
-
-<div class="flex-container">
-
- <div class="col-md-4 footer-unten" style="flex-basis: 400px">
-
- Hochschule für Technik Stuttgart
-
- <div class="row">
- <div class="col-md-4 footer-unten">
- <a href="#">Kontakt</a>
- </div>
- <div class="col-md-4 footer-unten">
- <a href="#">Impressum</a>
- </div>
- <div class="col-md-4 footer-unten">
- <a href="#">Datenschutz</a>
- </div>
- </div>
- </div>
-
-
-<div class="col-md-4" style="flex-basis: 400px">
- <div id="socialmediabuttons">
- <a href="https://twitter.com/HFT_Presse"><i class="fab fa-twitter"></i></a>
- <a href="https://www.facebook.com/HfTStuttgart/"><i class="fab fa-facebook-square"></i></a>
- <a href="https://www.instagram.com/hft_stuttgart/"><i class="fab fa-instagram"></i></a>
- <a href="https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/"><i class="fab fa-linkedin"></i></a>
- <a href="https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA"><i class="fab fa-youtube"></i></a>
-</div>
-</div>
-
- <div class="col-md-4" style="flex-basis: 400px">
- <img src="images/demo/bbf_logo.png" width="100" height="50" alt="BMBF" />
- <img src="images/demo/ihs_logo.jpg" width="100" height="50" alt="Innovative Hochschule" /></div>
-
-</div>
-
- </div>
-
-
-<!-- alte Footer-Lösung
-<div class="row align-items-end">
-
- <div class="col-md-4 footer-unten">
-
- Hochschule für Technik Stuttgart
-
- <div class="row">
- <div class="col-md-4 footer-unten">
- <a href="#">Kontakt</a>
- </div>
- <div class="col-md-4 footer-unten">
- <a href="#">Impressum</a>
- </div>
- <div class="col-md-4 footer-unten">
- <a href="#">Datenschutz</a>
- </div>
- </div>
- </div>
-
-
-<div class="col-md-4">
- <div id="socialmediabuttons">
- <a href="https://twitter.com/HFT_Presse"><i class="fab fa-twitter"></i></a>
- <a href="https://www.facebook.com/HfTStuttgart/"><i class="fab fa-facebook-square"></i></a>
- <a href="https://www.instagram.com/hft_stuttgart/"><i class="fab fa-instagram"></i></a>
- <a href="https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/"><i class="fab fa-linkedin"></i></a>
- <a href="https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA"><i class="fab fa-youtube"></i></a>
-</div>
-</div>
-
- <div class="col-md-4"><img src="images/demo/bbf_logo.png" width="150" height="90" alt="BMBF" />
- <img src="images/demo/ihs_logo.jpg" width="150" height="90" alt="Innovative Hochschule" /></div>
-
-</div>
-
- </div>
- -->
- <!-- / content body -->
- </div>
-</div>
-
-
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-
-
-<!--<script src="./js/bootstrap-collapse.js"></script>
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
-
-
-<!-- Footer -->
-
-</body>
-</html>
\ No newline at end of file
diff --git a/includes/header.php b/includes/header.php
deleted file mode 100755
index e47f03412a0ab361291878ad864871edaea8e427..0000000000000000000000000000000000000000
--- a/includes/header.php
+++ /dev/null
@@ -1,124 +0,0 @@
-<!DOCTYPE php>
-<html lang="en" dir="ltr">
-
-<head>
-<title>Transferportal M4_LAB HFT STUTTGART</title>
-<meta charset="UTF-8">
-<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
-<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
-
-
-<style>
-.collapse {display: none;}
-.collapse.in {display: block;}
-.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height,visibility;-o-transition-property: height,visibility;transition-property: height,visibility;}
-</style>
-
-
-</head>
-
-<body>
-
-<div class="wrapper row1">
-
- <header id="header" class="clear">
- <div class="alert alert-danger alert-dismissible fade show" style="text-align:center;>
- <button type="button" class="close" data-dismiss="alert">×</button>
- <strong>Disclaimer</strong> This website is under construction and in prototype-phase. It is not for public use.
- </div>
-
-
-<nav class="navbar navbar-default">
- <div class="container-fluid">
- <!-- Titel und Schalter werden für eine bessere mobile Ansicht zusammengefasst -->
- <div class="navbar-header">
-
-<ul id="navelemente">
-<li>
-<a href="https://www.hft-stuttgart.de">
- <img src="images/demo/hft_logo.jpg" alt="Logo der Hochschule für Technik Stuttgart">
-</a>
-
-<a href="https://www.hft-stuttgart.de/Forschung/M4-Lab/">
- <img src="images/demo/m4lab_logo.jpg" alt="Logo Innovationslabor M4_LAB">
-</a></li>
-
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Informationen
- </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="./project">Projekte</a>
- <a class="dropdown-item" href="./index_Projektseite_M4_LAB.html">Ãœber das M4_LAB</a>
- </div>
- </li>
-
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Zusammenarbeit
- </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="#">…</a>
- <a class="dropdown-item" href="#">…</a>
- </div>
- </li>
-
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Events
- </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="#">…</a>
- <a class="dropdown-item" href="#">…</a>
- </div>
- </li>
-
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Bürgerbeteiligung
- </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="#">…</a>
- <a class="dropdown-item" href="#">…</a>
- </div>
- </li>
-
- <li class="">
- <a class="nav-link" href="./user/login/" id="navbarDropdown" role="button">
- Login
- </a>
- <!-- <div class="dropdown-menu">
- <form class="px-4 py-3">
- <div class="form-group">
- <label for="exampleDropdownFormEmail1">Email address</label>
- <input type="email" class="form-control" id="exampleDropdownFormEmail1" placeholder="email@example.com">
- </div>
- <div class="form-group">
- <label for="exampleDropdownFormPassword1">Password</label>
- <input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password">
- </div>
- <div class="form-group">
- <div class="form-check">
- <input type="checkbox" class="form-check-input" id="dropdownCheck">
- <label class="form-check-label" for="dropdownCheck">
- Remember me
- </label>
- </div>
- </div>
- <button type="submit" class="btn btn-primary">Sign in</button>
- </form>
- <div class="dropdown-divider"></div>
- <a class="dropdown-item" href="#">New around here? Sign up</a>
- <a class="dropdown-item" href="#">Forgot password?</a>
-</div> -->
- </li>
-
- <li class="nav-item"><input class="nav-item-suchfeld" type="text" value="Suche…" onFocus="this.value=(this.value=='search…')? '' : this.value ;">
- <input type="image" src="images/Lupe_grau.png" id="sf_submit" value="search" width="25" height="25" alt="" >
-
-
- </li>
- </ul>
- </nav>
- </header>
-</div>
\ No newline at end of file
diff --git a/includes/headfoot.html b/includes/headfoot.html
deleted file mode 100644
index e980372d1855896cd740f9564e6b29ae0d7c9bd2..0000000000000000000000000000000000000000
--- a/includes/headfoot.html
+++ /dev/null
@@ -1,227 +0,0 @@
-<!-- RS
- HTML representation of the header and footer in headfoot.js
- !! FOR DEVELOPMENT AND TEST ONLY !!
--->
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
- <title>Transferportal HfT Stuttgart</title>
- <link rel="stylesheet" href="../css/bootstrap.min.css">
- <link rel="stylesheet" href="../css/bootstrap.css">
- <link rel="stylesheet" href="../fonts/ionicons.min.css">
- <link rel="stylesheet" href="../css/Testimonials.css">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
- </head>
-
- <body>
- <!-- navheader -->
- <header id="header" class="clear">
- <!-- alertdiv -->
- <div class="alert alert-danger alert-dismissible fade show" style="text-align:center;">
- <!-- alertbutton -->
- <button type="button" class="close" data-dismiss="alert">
- ×
- </button>
- <strong>Disclaimer</strong> This website is under construction and in prototype-phase. It is not for public use.
- </div>
- <!-- navbar -->
- <nav class="navbar navbar-expand-md navbar-light" style="background-color: #ffffff;">
- <!-- navbarcontainer -->
- <div class="container">
- <!-- navbarheader -->
- <div class="navbar-header">
- <!-- link_m4lab -->
- <a class="navbar-brand" href="/">
- <img src="../img/header/Logozeile_Header.png" alt="Logo Innovationslabor M4_LAB">
- </a>
- </div>
-
- <!-- togglebutton -->
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
-
- <!-- navelements -->
- <ul id="navbarCollapse" class="collapse nav navbar-collapse navbar-nav justify-content-end">
- <!-- headitem -->
- <li class="nav-item dropdown">
- <!-- headlink -->
- <a href="#" id="navbarDropdown0" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Informationen
- </a>
- <!-- combodiv -->
- <div id="navbarDropdown0_par" class="dropdown-menu" aria-labelledby="navbarDropdown0">
- <!-- combolink -->
- <a class="dropdown-item" href="/project">
- Projekte
- </a>
- <!-- combolink -->
- <a class="dropdown-item" href="/projectoverview?projectID=1">
- Ãœber das M4_LAB
- </a>
- <!-- combolink -->
- <a class="dropdown-item" href="/account/contact">
- Kontakt
- </a>
- </div>
- </li>
- <!-- headitem -->
- <li class="nav-item dropdown">
- <!-- headlink -->
- <a href="#" id="navbarDropdown1" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Zusammenarbeit
- </a>
- <!-- combodiv -->
- <div id="navbarDropdown1_par" class="dropdown-menu" aria-labelledby="navbarDropdown1">
- <!-- combolink -->
- <a class="dropdown-item" href="/mailinglists">
- Mailinglisten
- </a>
- <!-- combolink -->
- <a class="dropdown-item" href="/videoconference.html">
- Videokonferenzen
- </a>
- <!-- combolink -->
- <a class="dropdown-item" href="/#">
- ...
- </a>
- </div>
- </li>
- <!-- headitem -->
- <li class="nav-item dropdown">
- <!-- headlink -->
- <a href="#" id="navbarDropdown2" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Events
- </a>
- <!-- combodiv -->
- <div id="navbarDropdown2_par" class="dropdown-menu" aria-labelledby="navbarDropdown2">
- <!-- combolink -->
- <a class="dropdown-item" href="http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/">
- Veranstaltungen der HfT
- </a>
- <!-- combolink -->
- <a class="dropdown-item" href="https://www.hft-stuttgart.de/forschung/veranstaltungen">
- Veranstaltungen der HfT Forschung
- </a>
- </div>
- </li>
- <!-- headitem -->
- <li class="nav-item">
- <!-- headlink -->
- <a href="/account" id="navbarDropdown2" class="nav-link" role="button">
- Benutzerkonto
- </a>
- </li>
- </ul>
-
- </div>
- </nav>
- </header>
-
- <div class="container">
- <p> test test test test</p>
- <p> test test test test 123</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <hr>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <hr>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <p> test test test test</p>
- <hr>
- </div>
-
- <!-- footerdiv -->
- <div id="homepage" class="last clear">
- <hr>
- <!-- containerdiv -->
- <div class="container">
- <!-- containerdivrow -->
- <div class="row">
- <!-- bmbf-->
- <div class="col-md-auto">
- <img src="../img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png" alt="Innovative Hochschule" style="height:90px"/>
- </div>
- <!-- m4labgrau-->
- <div class="col-md-auto">
- <!-- img -->
- <img src="../img/footer/M4_LAB_LOGO_Graustufen.png" alt="M4_LAB" style="height:80px"/>
- </div>
- <!-- socialdiv-->
- <div class="col-md-auto">
- <!-- socialrow -->
- <div id="socialmediabuttons">
- <!-- sociallink-->
- <a href="https://twitter.com/InnolabM4">
- <!-- socialcontent -->
- <i class="fab fa-twitter"></i>
- </a>
- <!-- sociallink-->
- <a href="https://www.facebook.com/HfTStuttgart/">
- <!-- socialcontent -->
- <i class="fab fa-facebook-square"></i>
- </a>
- <!-- sociallink-->
- <a href="https://www.instagram.com/m4_lab/">
- <!-- socialcontent -->
- <i class="fab fa-instagram"></i>
- </a>
- <!-- sociallink-->
- <a href="https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/">
- <!-- socialcontent -->
- <i class="fab fa-linkedin"></i>
- </a>
- <!-- sociallink-->
- <a href="https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA">
- <!-- socialcontent -->
- <i class="fab fa-youtube"></i>
- </a>
- </div>
- </div>
- <!-- contactdiv -->
- <div class="col-md-auto footer-unten">
- Hochschule für Technik Stuttgart
- <!-- rowdiv -->
- <div class="row">
- <!-- hft_links coldiv -->
- <div class="col footer-unten">
- <!-- hft_links collink -->
- <a href="https://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab" class="contact-lower">
- Kontakt
- </a>
- </div>
- <!-- hft_links coldiv -->
- <div class="col footer-unten">
- <!-- hft_links collink -->
- <a href="https://www.hft-stuttgart.de/impressum" class="contact-lower">
- Impressum
- </a>
- </div>
- <!-- hft_links coldiv -->
- <div class="col footer-unten">
- <!-- hft_links collink -->
- <a href="https://www.hft-stuttgart.de/datenschutz" class="contact-lower">
- Datenschutz
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-
- </body>
-</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 55b679ae41cf0517adb974865bd49eee36aefafd..e7e4963e5321d4d9ab93095c2f222ec10cf497f6 100755
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Transferportal HfT Stuttgart</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
- <link rel="stylesheet" href="/css/bootstrap.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
@@ -64,7 +64,7 @@
<div class="col-md-4 col-lg-8">
<div style="background-color: #feffff;margin: 0px;padding: 60px;padding-top: 20px;padding-bottom: 20px;"><img class="d-flex d-lg-flex justify-content-center justify-content-lg-center align-items-lg-start mx-auto" src="/img/Logo_TV1.png" width="100px" style="padding-bottom: 35px;">
<h2 class="text-center" style="color: #708090;"><strong>Transferportal</strong></h2>
- <p class="text-center">Das Transferportal entsteht in einem Teilprojekt der Innovativen <a href="www.hft-stuttgart.de"><strong>Hochschule für Technik Stuttgart</strong></a>. Im <a href="https://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab"><strong>Innovationslabor M4_LAB</strong></a> wird das Transferportal als eine Webpräsenz entwickelt, welches Wissen, Lösungen und Dienste für HFT-Mitglieder, externe Partner und die allgemeine Öffentlichkeit bereitstellt.<br><br>Es ergänzt die Informationen der allgemeinen
+ <p class="text-center">Das Transferportal entsteht in einem Teilprojekt der Innovativen <a href="https://www.hft-stuttgart.de"><strong>Hochschule für Technik Stuttgart</strong></a>. Im <a href="https://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab"><strong>Innovationslabor M4_LAB</strong></a> wird das Transferportal als eine Webpräsenz entwickelt, welches Wissen, Lösungen und Dienste für HFT-Mitglieder, externe Partner und die allgemeine Öffentlichkeit bereitstellt.<br><br>Es ergänzt die Informationen der allgemeinen
HFT-Webseite durch konkrete Ergebnisse aus Forschung und Entwicklung, verfügbar in verschiedenster Form wie beispielsweise Daten, Dokumentationen und Software-Code.<br><br>Zudem stellt es Kollaborationsmittel für Projektpartner
und später auch Partizipationsmöglichkeiten für die breite Öffentlichkeit bereit.</p>
</div>
diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js
deleted file mode 100644
index 92e3fe871295c44f8fa58ddc7ac242463f13e6bd..0000000000000000000000000000000000000000
--- a/js/bootstrap.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
- * Bootstrap v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.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>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%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{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
-/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/js/carousel.js b/js/carousel.js
deleted file mode 100755
index 0d2a0f327104f2fef5b3cea35f98db20c79f92d7..0000000000000000000000000000000000000000
--- a/js/carousel.js
+++ /dev/null
@@ -1,1333 +0,0 @@
-$(function () {
- 'use strict'
-
- window.Carousel = typeof bootstrap !== 'undefined' ? bootstrap.Carousel : Carousel
-
- var originWinPointerEvent = window.PointerEvent
- window.MSPointerEvent = null
- var supportPointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent)
-
- function clearPointerEvents() {
- window.PointerEvent = null
- }
-
- function restorePointerEvents() {
- window.PointerEvent = originWinPointerEvent
- }
-
- var stylesCarousel = [
- '<style>',
- ' .carousel.pointer-event { -ms-touch-action: none; touch-action: none; }',
- '</style>'
- ].join('')
-
- QUnit.module('carousel plugin')
-
- QUnit.test('should be defined on jQuery object', function (assert) {
- assert.expect(1)
- assert.ok($(document.body).carousel, 'carousel method is defined')
- })
-
- QUnit.module('carousel', {
- beforeEach: function () {
- // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
- $.fn.bootstrapCarousel = $.fn.carousel.noConflict()
- },
- afterEach: function () {
- $.fn.carousel = $.fn.bootstrapCarousel
- delete $.fn.bootstrapCarousel
- $('#qunit-fixture').html('')
- }
- })
-
- QUnit.test('should provide no conflict', function (assert) {
- assert.expect(1)
- assert.strictEqual(typeof $.fn.carousel, 'undefined', 'carousel was set back to undefined (orig value)')
- })
-
- QUnit.test('should return version', function (assert) {
- assert.expect(1)
-
- assert.strictEqual(typeof Carousel.VERSION, 'string')
- })
-
- QUnit.test('should return default parameters', function (assert) {
- assert.expect(1)
-
- var defaultConfig = Carousel.Default
-
- assert.strictEqual(defaultConfig.touch, true)
- })
-
- QUnit.test('should throw explicit error on undefined method', function (assert) {
- assert.expect(1)
- var $el = $('<div/>')
- $el.bootstrapCarousel()
- try {
- $el.bootstrapCarousel('noMethod')
- } catch (err) {
- assert.strictEqual(err.message, 'No method named "noMethod"')
- }
- })
-
- QUnit.test('should return jquery collection containing the element', function (assert) {
- assert.expect(2)
- var $el = $('<div/>')
- var $carousel = $el.bootstrapCarousel()
- assert.ok($carousel instanceof $, 'returns jquery collection')
- assert.strictEqual($carousel[0], $el[0], 'collection contains element')
- })
-
- QUnit.test('should type check config options', function (assert) {
- assert.expect(2)
-
- var message
- var expectedMessage = 'CAROUSEL: Option "interval" provided type "string" but expected type "(number|boolean)".'
- var config = {
- interval: 'fat sux'
- }
-
- try {
- $('<div/>').bootstrapCarousel(config)
- } catch (err) {
- message = err.message
- }
-
- assert.ok(message === expectedMessage, 'correct error message')
-
- config = {
- keyboard: document.createElement('div')
- }
- expectedMessage = 'CAROUSEL: Option "keyboard" provided type "element" but expected type "boolean".'
-
- try {
- $('<div/>').bootstrapCarousel(config)
- } catch (err) {
- message = err.message
- }
-
- assert.ok(message === expectedMessage, 'correct error message')
- })
-
- QUnit.test('should not fire slid when slide is prevented', function (assert) {
- assert.expect(1)
- var done = assert.async()
- $('<div class="carousel"/>')
- .on('slide.bs.carousel', function (e) {
- e.preventDefault()
- assert.ok(true, 'slide event fired')
- done()
- })
- .on('slid.bs.carousel', function () {
- assert.ok(false, 'slid event fired')
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should reset when slide is prevented', function (assert) {
- assert.expect(6)
- var carouselHTML = '<div id="carousel-example-generic" class="carousel slide">' +
- '<ol class="carousel-indicators">' +
- '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="1"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="2"/>' +
- '</ol>' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' +
- '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' +
- '</div>'
- var $carousel = $(carouselHTML)
-
- var done = assert.async()
- $carousel
- .one('slide.bs.carousel', function (e) {
- e.preventDefault()
- setTimeout(function () {
- assert.ok($carousel.find('.carousel-item:nth-child(1)').is('.active'), 'first item still active')
- assert.ok($carousel.find('.carousel-indicators li:nth-child(1)').is('.active'), 'first indicator still active')
- $carousel.bootstrapCarousel('next')
- }, 0)
- })
- .one('slid.bs.carousel', function () {
- setTimeout(function () {
- assert.ok(!$carousel.find('.carousel-item:nth-child(1)').is('.active'), 'first item still active')
- assert.ok(!$carousel.find('.carousel-indicators li:nth-child(1)').is('.active'), 'first indicator still active')
- assert.ok($carousel.find('.carousel-item:nth-child(2)').is('.active'), 'second item active')
- assert.ok($carousel.find('.carousel-indicators li:nth-child(2)').is('.active'), 'second indicator active')
- done()
- }, 0)
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should fire slide event with direction', function (assert) {
- assert.expect(4)
- var carouselHTML = '<div id="myCarousel" class="carousel slide">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
- var $carousel = $(carouselHTML)
-
- var done = assert.async()
-
- $carousel
- .one('slide.bs.carousel', function (e) {
- assert.ok(e.direction, 'direction present on next')
- assert.strictEqual(e.direction, 'left', 'direction is left on next')
-
- $carousel
- .one('slide.bs.carousel', function (e) {
- assert.ok(e.direction, 'direction present on prev')
- assert.strictEqual(e.direction, 'right', 'direction is right on prev')
- done()
- })
- .bootstrapCarousel('prev')
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should fire slid event with direction', function (assert) {
- assert.expect(4)
- var carouselHTML = '<div id="myCarousel" class="carousel slide">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
- var $carousel = $(carouselHTML)
-
- var done = assert.async()
-
- $carousel
- .one('slid.bs.carousel', function (e) {
- assert.ok(e.direction, 'direction present on next')
- assert.strictEqual(e.direction, 'left', 'direction is left on next')
-
- $carousel
- .one('slid.bs.carousel', function (e) {
- assert.ok(e.direction, 'direction present on prev')
- assert.strictEqual(e.direction, 'right', 'direction is right on prev')
- done()
- })
- .bootstrapCarousel('prev')
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should fire slide event with relatedTarget', function (assert) {
- assert.expect(2)
- var template = '<div id="myCarousel" class="carousel slide">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
-
- var done = assert.async()
-
- $(template)
- .on('slide.bs.carousel', function (e) {
- assert.ok(e.relatedTarget, 'relatedTarget present')
- assert.ok($(e.relatedTarget).hasClass('carousel-item'), 'relatedTarget has class "item"')
- done()
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should fire slid event with relatedTarget', function (assert) {
- assert.expect(2)
- var template = '<div id="myCarousel" class="carousel slide">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
-
- var done = assert.async()
-
- $(template)
- .on('slid.bs.carousel', function (e) {
- assert.ok(e.relatedTarget, 'relatedTarget present')
- assert.ok($(e.relatedTarget).hasClass('carousel-item'), 'relatedTarget has class "item"')
- done()
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should fire slid and slide events with from and to', function (assert) {
- assert.expect(4)
- var template = '<div id="myCarousel" class="carousel slide">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
-
- var done = assert.async()
- $(template)
- .on('slid.bs.carousel', function (e) {
- assert.ok(typeof e.from !== 'undefined', 'from present')
- assert.ok(typeof e.to !== 'undefined', 'to present')
- $(this).off()
- done()
- })
- .on('slide.bs.carousel', function (e) {
- assert.ok(typeof e.from !== 'undefined', 'from present')
- assert.ok(typeof e.to !== 'undefined', 'to present')
- $(this).off('slide.bs.carousel')
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should set interval from data attribute', function (assert) {
- assert.expect(4)
- var templateHTML = '<div id="myCarousel" class="carousel slide">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
- var $carousel = $(templateHTML)
- $carousel.attr('data-interval', 1814)
-
- $carousel.appendTo('body')
- $('[data-slide]').first().trigger('click')
- assert.strictEqual($carousel.data('bs.carousel')._config.interval, 1814)
- $carousel.remove()
-
- $carousel.appendTo('body').attr('data-modal', 'foobar')
- $('[data-slide]').first().trigger('click')
- assert.strictEqual($carousel.data('bs.carousel')._config.interval, 1814, 'even if there is an data-modal attribute set')
- $carousel.remove()
-
- $carousel.appendTo('body')
- $('[data-slide]').first().trigger('click')
- $carousel.attr('data-interval', 1860)
- $('[data-slide]').first().trigger('click')
- assert.strictEqual($carousel.data('bs.carousel')._config.interval, 1814, 'attributes should be read only on initialization')
- $carousel.remove()
-
- $carousel.attr('data-interval', false)
- $carousel.appendTo('body')
- $carousel.bootstrapCarousel(1)
- assert.strictEqual($carousel.data('bs.carousel')._config.interval, false, 'data attribute has higher priority than default options')
- $carousel.remove()
- })
-
- QUnit.test('should set interval from data attribute on individual carousel-item', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel slide" data-interval="1814">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active" data-interval="2814">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>First Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item" data-interval="3814">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Second Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '<div class="carousel-caption">' +
- '<h4>Third Thumbnail label</h4>' +
- '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' +
- 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' +
- 'ultricies vehicula ut id elit.</p>' +
- '</div>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
- var $carousel = $(templateHTML)
-
- $carousel.appendTo('body')
- $carousel.bootstrapCarousel(1)
- assert.strictEqual($carousel.data('bs.carousel')._config.interval, 3814)
- $carousel.remove()
-
- $carousel.appendTo('body')
- $carousel.bootstrapCarousel(2)
- assert.strictEqual($carousel.data('bs.carousel')._config.interval, 1814, 'reverts to default interval if no data-interval is set')
- $carousel.remove()
- })
-
- QUnit.test('should skip over non-items when using item indices', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="1814">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '</div>' +
- '<script type="text/x-metamorph" id="thingy"/>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '<div class="carousel-item">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
-
- $template.bootstrapCarousel()
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item active')
-
- $template.bootstrapCarousel(1)
-
- assert.strictEqual($template.find('.carousel-item')[1], $template.find('.active')[0], 'second item active')
- })
-
- QUnit.test('should skip over non-items when using next/prev methods', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="1814">' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active">' +
- '<img alt="">' +
- '</div>' +
- '<script type="text/x-metamorph" id="thingy"/>' +
- '<div class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '<div class="carousel-item">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
-
- $template.bootstrapCarousel()
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item active')
-
- $template.bootstrapCarousel('next')
-
- assert.strictEqual($template.find('.carousel-item')[1], $template.find('.active')[0], 'second item active')
- })
-
- QUnit.test('should go to previous item if left arrow key is pressed', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false">' +
- '<div class="carousel-inner">' +
- '<div id="first" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '<div id="second" class="carousel-item active">' +
- '<img alt="">' +
- '</div>' +
- '<div id="third" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
-
- $template.bootstrapCarousel()
-
- assert.strictEqual($template.find('.carousel-item')[1], $template.find('.active')[0], 'second item active')
-
- $template.trigger($.Event('keydown', {
- which: 37
- }))
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item active')
- })
-
- QUnit.test('should go to next item if right arrow key is pressed', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false">' +
- '<div class="carousel-inner">' +
- '<div id="first" class="carousel-item active">' +
- '<img alt="">' +
- '</div>' +
- '<div id="second" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '<div id="third" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
-
- $template.bootstrapCarousel()
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item active')
-
- $template.trigger($.Event('keydown', {
- which: 39
- }))
-
- assert.strictEqual($template.find('.carousel-item')[1], $template.find('.active')[0], 'second item active')
- })
-
- QUnit.test('should not prevent keydown if key is not ARROW_LEFT or ARROW_RIGHT', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false">' +
- '<div class="carousel-inner">' +
- '<div id="first" class="carousel-item active">' +
- '<img alt="">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
-
- $template.bootstrapCarousel()
- var done = assert.async()
-
- var eventArrowDown = $.Event('keydown', {
- which: 40
- })
- var eventArrowUp = $.Event('keydown', {
- which: 38
- })
-
- $template.one('keydown', function (event) {
- assert.strictEqual(event.isDefaultPrevented(), false)
- })
-
- $template.trigger(eventArrowDown)
-
- $template.one('keydown', function (event) {
- assert.strictEqual(event.isDefaultPrevented(), false)
- done()
- })
-
- $template.trigger(eventArrowUp)
- })
-
- QUnit.test('should support disabling the keyboard navigation', function (assert) {
- assert.expect(3)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false" data-keyboard="false">' +
- '<div class="carousel-inner">' +
- '<div id="first" class="carousel-item active">' +
- '<img alt="">' +
- '</div>' +
- '<div id="second" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '<div id="third" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
-
- $template.bootstrapCarousel()
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item active')
-
- $template.trigger($.Event('keydown', {
- which: 39
- }))
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item still active after right arrow press')
-
- $template.trigger($.Event('keydown', {
- which: 37
- }))
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item still active after left arrow press')
- })
-
- QUnit.test('should ignore keyboard events within <input>s and <textarea>s', function (assert) {
- assert.expect(7)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false">' +
- '<div class="carousel-inner">' +
- '<div id="first" class="carousel-item active">' +
- '<img alt="">' +
- '<input type="text" id="in-put">' +
- '<textarea id="text-area"></textarea>' +
- '</div>' +
- '<div id="second" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '<div id="third" class="carousel-item">' +
- '<img alt="">' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
- var $input = $template.find('#in-put')
- var $textarea = $template.find('#text-area')
-
- assert.strictEqual($input.length, 1, 'found <input>')
- assert.strictEqual($textarea.length, 1, 'found <textarea>')
-
- $template.bootstrapCarousel()
-
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item active')
-
- $input.trigger($.Event('keydown', {
- which: 39
- }))
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item still active after right arrow press in <input>')
-
- $input.trigger($.Event('keydown', {
- which: 37
- }))
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item still active after left arrow press in <input>')
-
- $textarea.trigger($.Event('keydown', {
- which: 39
- }))
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item still active after right arrow press in <textarea>')
-
- $textarea.trigger($.Event('keydown', {
- which: 37
- }))
- assert.strictEqual($template.find('.carousel-item')[0], $template.find('.active')[0], 'first item still active after left arrow press in <textarea>')
- })
-
- QUnit.test('should wrap around from end to start when wrap option is true', function (assert) {
- assert.expect(3)
- var carouselHTML = '<div id="carousel-example-generic" class="carousel slide" data-wrap="true">' +
- '<ol class="carousel-indicators">' +
- '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="1"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="2"/>' +
- '</ol>' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active" id="one">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="two">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="three">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' +
- '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' +
- '</div>'
- var $carousel = $(carouselHTML)
- var getActiveId = function () {
- return $carousel.find('.carousel-item.active').attr('id')
- }
-
- var done = assert.async()
-
- $carousel
- .one('slid.bs.carousel', function () {
- assert.strictEqual(getActiveId(), 'two', 'carousel slid from 1st to 2nd slide')
- $carousel
- .one('slid.bs.carousel', function () {
- assert.strictEqual(getActiveId(), 'three', 'carousel slid from 2nd to 3rd slide')
- $carousel
- .one('slid.bs.carousel', function () {
- assert.strictEqual(getActiveId(), 'one', 'carousel wrapped around and slid from 3rd to 1st slide')
- done()
- })
- .bootstrapCarousel('next')
- })
- .bootstrapCarousel('next')
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should wrap around from start to end when wrap option is true', function (assert) {
- assert.expect(1)
- var carouselHTML = '<div id="carousel-example-generic" class="carousel slide" data-wrap="true">' +
- '<ol class="carousel-indicators">' +
- '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="1"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="2"/>' +
- '</ol>' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active" id="one">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="two">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="three">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' +
- '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' +
- '</div>'
- var $carousel = $(carouselHTML)
-
- var done = assert.async()
-
- $carousel
- .on('slid.bs.carousel', function () {
- assert.strictEqual($carousel.find('.carousel-item.active').attr('id'), 'three', 'carousel wrapped around and slid from 1st to 3rd slide')
- done()
- })
- .bootstrapCarousel('prev')
- })
-
- QUnit.test('should stay at the end when the next method is called and wrap is false', function (assert) {
- assert.expect(3)
- var carouselHTML = '<div id="carousel-example-generic" class="carousel slide" data-wrap="false">' +
- '<ol class="carousel-indicators">' +
- '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="1"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="2"/>' +
- '</ol>' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active" id="one">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="two">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="three">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' +
- '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' +
- '</div>'
- var $carousel = $(carouselHTML)
- var getActiveId = function () {
- return $carousel.find('.carousel-item.active').attr('id')
- }
-
- var done = assert.async()
-
- $carousel
- .one('slid.bs.carousel', function () {
- assert.strictEqual(getActiveId(), 'two', 'carousel slid from 1st to 2nd slide')
- $carousel
- .one('slid.bs.carousel', function () {
- assert.strictEqual(getActiveId(), 'three', 'carousel slid from 2nd to 3rd slide')
- $carousel
- .one('slid.bs.carousel', function () {
- assert.ok(false, 'carousel slid when it should not have slid')
- })
- .bootstrapCarousel('next')
- assert.strictEqual(getActiveId(), 'three', 'carousel did not wrap around and stayed on 3rd slide')
- done()
- })
- .bootstrapCarousel('next')
- })
- .bootstrapCarousel('next')
- })
-
- QUnit.test('should stay at the start when the prev method is called and wrap is false', function (assert) {
- assert.expect(1)
- var carouselHTML = '<div id="carousel-example-generic" class="carousel slide" data-wrap="false">' +
- '<ol class="carousel-indicators">' +
- '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="1"/>' +
- '<li data-target="#carousel-example-generic" data-slide-to="2"/>' +
- '</ol>' +
- '<div class="carousel-inner">' +
- '<div class="carousel-item active" id="one">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="two">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '<div class="carousel-item" id="three">' +
- '<div class="carousel-caption"/>' +
- '</div>' +
- '</div>' +
- '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' +
- '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' +
- '</div>'
- var $carousel = $(carouselHTML)
-
- $carousel
- .on('slid.bs.carousel', function () {
- assert.ok(false, 'carousel slid when it should not have slid')
- })
- .bootstrapCarousel('prev')
- assert.strictEqual($carousel.find('.carousel-item.active').attr('id'), 'one', 'carousel did not wrap around and stayed on 1st slide')
- })
-
- QUnit.test('should not prevent keydown for inputs and textareas', function (assert) {
- assert.expect(2)
- var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false">' +
- '<div class="carousel-inner">' +
- '<div id="first" class="carousel-item">' +
- '<input type="text" id="inputText" />' +
- '</div>' +
- '<div id="second" class="carousel-item active">' +
- '<textarea id="txtArea"></textarea>' +
- '</div>' +
- '</div>' +
- '</div>'
- var $template = $(templateHTML)
- var done = assert.async()
- $template.appendTo('#qunit-fixture')
- var $inputText = $template.find('#inputText')
- var $textArea = $template.find('#txtArea')
- $template.bootstrapCarousel()
-
- var eventKeyDown = $.Event('keydown', {
- which: 65
- }) // 65 for "a"
- $inputText.on('keydown', function (event) {
- assert.strictEqual(event.isDefaultPrevented(), false)
- })
- $inputText.trigger(eventKeyDown)
-
- $textArea.on('keydown', function (event) {
- assert.strictEqual(event.isDefaultPrevented(), false)
- done()
- })
- $textArea.trigger(eventKeyDown)
- })
-
- QUnit.test('should not go to the next item when the carousel is not visible', function (assert) {
- assert.expect(2)
- var done = assert.async()
- var html = '<div id="myCarousel" class="carousel slide" data-interval="50" style="display: none;">' +
- ' <div class="carousel-inner">' +
- ' <div id="firstItem" class="carousel-item active">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- ' <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- '</div>'
- var $html = $(html)
- $html
- .appendTo('#qunit-fixture')
- .bootstrapCarousel()
-
- var $firstItem = $('#firstItem')
- setTimeout(function () {
- assert.ok($firstItem.hasClass('active'))
- $html
- .bootstrapCarousel('dispose')
- .attr('style', 'visibility: hidden;')
- .bootstrapCarousel()
-
- setTimeout(function () {
- assert.ok($firstItem.hasClass('active'))
- done()
- }, 80)
- }, 80)
- })
-
- QUnit.test('should not go to the next item when the parent of the carousel is not visible', function (assert) {
- assert.expect(2)
- var done = assert.async()
- var html = '<div id="parent" style="display: none;">' +
- ' <div id="myCarousel" class="carousel slide" data-interval="50" style="display: none;">' +
- ' <div class="carousel-inner">' +
- ' <div id="firstItem" class="carousel-item active">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' +
- ' <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' +
- ' </div>' +
- '</div>'
- var $html = $(html)
- $html.appendTo('#qunit-fixture')
- var $parent = $html.find('#parent')
- var $carousel = $html.find('#myCarousel')
- $carousel.bootstrapCarousel()
- var $firstItem = $('#firstItem')
-
- setTimeout(function () {
- assert.ok($firstItem.hasClass('active'))
- $carousel.bootstrapCarousel('dispose')
- $parent.attr('style', 'visibility: hidden;')
- $carousel.bootstrapCarousel()
-
- setTimeout(function () {
- assert.ok($firstItem.hasClass('active'))
- done()
- }, 80)
- }, 80)
- })
-
- QUnit.test('should allow swiperight and call prev with pointer events', function (assert) {
- if (!supportPointerEvent) {
- assert.expect(0)
- return
- }
-
- document.documentElement.ontouchstart = $.noop
- Simulator.setType('pointer')
- assert.expect(3)
- var $styles = $(stylesCarousel).appendTo('head')
- var done = assert.async()
-
- var carouselHTML =
- '<div class="carousel" data-interval="false">' +
- ' <div class="carousel-inner">' +
- ' <div id="item" class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item active">' +
- ' <img alt="">' +
- ' </div>' +
- ' </div>' +
- '</div>'
-
- var $carousel = $(carouselHTML).appendTo('#qunit-fixture')
- var $item = $('#item')
- $carousel.bootstrapCarousel()
- var carousel = $carousel.data('bs.carousel')
- var spy = sinon.spy(carousel, 'prev')
-
- $carousel.one('slid.bs.carousel', function () {
- assert.ok(true, 'slid event fired')
- assert.ok($item.hasClass('active'))
- assert.ok(spy.called)
- $styles.remove()
- delete document.documentElement.ontouchstart
- done()
- })
-
- Simulator.gestures.swipe($carousel[0], {
- deltaX: 300,
- deltaY: 0
- })
- })
-
- QUnit.test('should allow swiperight and call prev with touch events', function (assert) {
- Simulator.setType('touch')
- clearPointerEvents()
-
- assert.expect(3)
- var done = assert.async()
- document.documentElement.ontouchstart = $.noop
-
- var carouselHTML =
- '<div class="carousel" data-interval="false">' +
- ' <div class="carousel-inner">' +
- ' <div id="item" class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item active">' +
- ' <img alt="">' +
- ' </div>' +
- ' </div>' +
- '</div>'
-
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- var $item = $('#item')
- $carousel.bootstrapCarousel()
- var carousel = $carousel.data('bs.carousel')
- var spy = sinon.spy(carousel, 'prev')
-
- $carousel.one('slid.bs.carousel', function () {
- assert.ok(true, 'slid event fired')
- assert.ok($item.hasClass('active'))
- assert.ok(spy.called)
- delete document.documentElement.ontouchstart
- restorePointerEvents()
- done()
- })
-
- Simulator.gestures.swipe($carousel[0], {
- deltaX: 300,
- deltaY: 0
- })
- })
-
- QUnit.test('should allow swipeleft and call next with pointer events', function (assert) {
- if (!supportPointerEvent) {
- assert.expect(0)
- return
- }
-
- document.documentElement.ontouchstart = $.noop
- assert.expect(3)
- Simulator.setType('pointer')
-
- var $styles = $(stylesCarousel).appendTo('head')
- var done = assert.async()
-
- var carouselHTML =
- '<div class="carousel" data-interval="false">' +
- ' <div class="carousel-inner">' +
- ' <div id="item" class="carousel-item active">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' </div>' +
- '</div>'
-
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- var $item = $('#item')
- $carousel.bootstrapCarousel()
- var carousel = $carousel.data('bs.carousel')
- var spy = sinon.spy(carousel, 'next')
-
- $carousel.one('slid.bs.carousel', function () {
- assert.ok(true, 'slid event fired')
- assert.ok(!$item.hasClass('active'))
- assert.ok(spy.called)
- $styles.remove()
- delete document.documentElement.ontouchstart
- done()
- })
-
- Simulator.gestures.swipe($carousel[0], {
- pos: [300, 10],
- deltaX: -300,
- deltaY: 0
- })
- })
-
- QUnit.test('should allow swipeleft and call next with touch events', function (assert) {
- assert.expect(3)
- clearPointerEvents()
- Simulator.setType('touch')
- document.documentElement.ontouchstart = $.noop
-
- var done = assert.async()
-
- var carouselHTML =
- '<div class="carousel" data-interval="false">' +
- ' <div class="carousel-inner">' +
- ' <div id="item" class="carousel-item active">' +
- ' <img alt="">' +
- ' </div>' +
- ' <div class="carousel-item">' +
- ' <img alt="">' +
- ' </div>' +
- ' </div>' +
- '</div>'
-
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- var $item = $('#item')
- $carousel.bootstrapCarousel()
- var carousel = $carousel.data('bs.carousel')
- var spy = sinon.spy(carousel, 'next')
-
- $carousel.one('slid.bs.carousel', function () {
- assert.ok(true, 'slid event fired')
- assert.ok(!$item.hasClass('active'))
- assert.ok(spy.called)
- restorePointerEvents()
- delete document.documentElement.ontouchstart
- done()
- })
-
- Simulator.gestures.swipe($carousel[0], {
- pos: [300, 10],
- deltaX: -300,
- deltaY: 0
- })
- })
-
- QUnit.test('should not allow pinch with touch events', function (assert) {
- assert.expect(0)
- clearPointerEvents()
-
- Simulator.setType('touch')
- var done = assert.async()
- document.documentElement.ontouchstart = $.noop
-
- var carouselHTML = '<div class="carousel" data-interval="false"></div>'
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- $carousel.bootstrapCarousel()
-
- Simulator.gestures.swipe($carousel[0], {
- pos: [300, 10],
- deltaX: -300,
- deltaY: 0,
- touches: 2
- }, function () {
- restorePointerEvents()
- delete document.documentElement.ontouchstart
- done()
- })
- })
-
- QUnit.test('should not call _slide if the carousel is sliding', function (assert) {
- assert.expect(1)
-
- var carouselHTML = '<div class="carousel" data-interval="false"></div>'
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- $carousel.bootstrapCarousel()
-
- var carousel = $carousel.data('bs.carousel')
-
- var spy = sinon.spy(carousel, '_slide')
-
- carousel._isSliding = true
-
- carousel.next()
-
- assert.strictEqual(spy.called, false)
- })
-
- QUnit.test('should call next when the page is visible', function (assert) {
- assert.expect(1)
-
- var carouselHTML = '<div class="carousel" data-interval="false"></div>'
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- $carousel.bootstrapCarousel()
-
- var carousel = $carousel.data('bs.carousel')
-
- var spy = sinon.spy(carousel, 'next')
- var sandbox = sinon.createSandbox()
-
- sandbox.replaceGetter(document, 'hidden', function () {
- return false
- })
- sandbox.stub($carousel, 'is').returns(true)
- sandbox.stub($carousel, 'css').returns('block')
-
- carousel.nextWhenVisible()
-
- assert.strictEqual(spy.called, true)
- sandbox.restore()
- })
-
- QUnit.test('should not cycle when there is no attribute data-ride', function (assert) {
- assert.expect(1)
-
- var spy = sinon.spy(Carousel.prototype, 'cycle')
-
- var carouselHTML = '<div class="carousel"></div>'
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- $carousel.bootstrapCarousel()
-
- assert.strictEqual(spy.called, false)
- spy.restore()
- })
-
- QUnit.test('should cycle when there is data-ride attribute', function (assert) {
- assert.expect(1)
-
- var spy = sinon.spy(Carousel.prototype, 'cycle')
-
- var carouselHTML = '<div class="carousel" data-ride="carousel"></div>'
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
- $carousel.bootstrapCarousel()
-
- assert.strictEqual(spy.called, true)
- spy.restore()
- })
-
- QUnit.test('should init carousels with data-ride on load event', function (assert) {
- assert.expect(1)
-
- var done = assert.async()
- var spy = sinon.spy(Carousel, '_jQueryInterface')
-
- var carouselHTML = '<div class="carousel" data-ride="carousel"></div>'
- var $carousel = $(carouselHTML)
- $carousel.appendTo('#qunit-fixture')
-
- $(window).trigger($.Event('load'))
-
- setTimeout(function () {
- assert.strictEqual(spy.called, true)
- spy.restore()
- done()
- }, 5)
- })
-
- QUnit.test('should not add touch event listeners when touch option set to false', function (assert) {
- assert.expect(1)
-
- var spy = sinon.spy(Carousel.prototype, '_addTouchEventListeners')
- var $carousel = $('<div class="carousel" data-ride="carousel" data-touch="false"></div>')
-
- $carousel.appendTo('#qunit-fixture')
- $carousel.bootstrapCarousel()
-
- assert.strictEqual(spy.called, false)
- spy.restore()
- })
-})
diff --git a/js/headfoot.js b/js/headfoot.js
index dfdbb4f34ed6adde26444cb96aef61373a3b1c7e..a82cdd7a879e73cbf5819aa2c139fd7bbcdbf841 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -1,4 +1,4 @@
-var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Ãœber das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HFT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HFT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Benutzerkonto', 'combos': [], 'type':'', 'link':'/account/'}];
+var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Ãœber das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
var hft_links = [{'url':'/account/contact', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]
@@ -87,6 +87,9 @@ function head() {
headlink.id="navbarDropdown" + j;
headlink.classList.add('nav-link');
headlink.setAttribute("role", "button");
+ if(menu[j].link =="/help/"){ // if help open in new tab
+ headlink.setAttribute("target", "_blank");
+ }
if(itemtype=='dropdown'){
headitem.classList.add("dropdown");
headlink.classList.add('dropdown-toggle');
@@ -127,9 +130,31 @@ function head() {
*/
function foot() {
+ // add styles to <head> to manage sticky footer
+ var styles = `
+ @media only screen and (min-width: 768px) {
+ html {
+ position: relative;
+ min-height: 100%;
+ }
+ body {
+ margin-bottom: 120px; /* Margin bottom by footer height */
+ }
+ #homepage {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ }
+ }
+ `
+ var styleSheet = document.createElement("style")
+ styleSheet.type = "text/css"
+ styleSheet.innerText = styles
+ document.head.appendChild(styleSheet)
+
let footerdiv = document.createElement('div');
footerdiv.id="homepage";
- footerdiv.classList.add("last", "clear");
footerdiv.innerHTML = "<hr>";
let containerdiv = document.createElement('div');
containerdiv.classList.add('container');
diff --git a/videoconference.html b/videoconference.html
index f2656eef2043d13bb2f51264728bbf17d9df72cc..caabf102283e9039cc7b366d914ec9b9741a0290 100644
--- a/videoconference.html
+++ b/videoconference.html
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Videokonferenzen</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
- <link rel="stylesheet" href="/css/bootstrap.css">
+ <link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
@@ -96,19 +96,13 @@
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
<p>Jitsi ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung von Chrome auf einem Desktopsystem oder Laptop.
Die Verwendung des Internet Explorers hierfür ist leider nicht möglich, da Jitsi über diesen nicht aufgerufen werden kann. Da die Daten-Hauptlast bei diesem System clientseitig getragen wird, raten wir von einer Nutzung auf
- mobilen Endgeräten ab. <br/><br/>Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den <a href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten der HFT Stuttgart</a> (Intranet).<br/></p>
+ mobilen Endgeräten ab. <br/></p>
</div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
- <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start"><strong>Um Jitsi zu nutzen gehen Sie folgendermaßen vor:</strong></p>
- <ol class="text-left justify-content-end order-2">
- <li>Gehen Sie zu Jitsi, in dem Sie auf den Link "Zugang über das Transferportal" klicken.</li>
- <li>Geben Sie einen Namen für das Meeting ein.</li>
- <li>Als Gastgeber des Meetings klicken Sie auf "Ich bin der Gastgeber / I am the host".</li>
- <li>Sie werden dann auf eine Anmeldeseite von unserem Portal geführt. Geben Sie dort bitte ihre Benutzerdaten vom Portal ein.</li>
- <li>Nach erfolgreichem Anmelden werden Sie zu Jitsi zurückgeführt und das Meeting startet.</li>
- <li>Teilen Sie den generierten Link mit den anderen Teilnehmern, so dass diese sich einwählen können.</li>
- </ol>
+ <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
+ Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den <a href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten der HFT Stuttgart</a> (Intranet).<br/><br/><strong>Eine Anleitung zur Nutzung von Jitsi finden Sie in unserem <a href="/help/jitsi.html"> Hilfebereich </a> </strong>
+ </p>
</div><a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
</div>
@@ -157,4 +151,4 @@
<script src="/js/headfoot.js"></script>
</body>
-</html>
\ No newline at end of file
+</html>