Merge branch 'master' of https://github.com/FOSSEE/online_test into add-test-cases-for-QRcode-based-upload

81 files changed, 33708 insertions, 1875 deletions

diff --git a/yaksh/admin.py b/yaksh/admin.py
index e98c7c5..1010536 100644
--- a/yaksh/admin.py
+++ b/yaksh/admin.py
@@ -2,7 +2,7 @@ from yaksh.models import Question, Quiz, QuestionPaper, Profile
 from yaksh.models import (TestCase, StandardTestCase, StdIOBasedTestCase,
                           Course, AnswerPaper, CourseStatus, LearningModule,
                           Lesson, Post, Comment, Topic, TableOfContents,
-                          LessonQuizAnswer, Answer
+                          LessonQuizAnswer, Answer, AssignmentUpload
                           )
 from django.contrib import admin
 
@@ -64,3 +64,4 @@ admin.site.register(Topic)
 admin.site.register(TableOfContents)
 admin.site.register(LessonQuizAnswer)
 admin.site.register(Answer)
+admin.site.register(AssignmentUpload)
diff --git a/yaksh/base_evaluator.py b/yaksh/base_evaluator.py
index 567d5ad..c7b5c54 100644
--- a/yaksh/base_evaluator.py
+++ b/yaksh/base_evaluator.py
@@ -44,7 +44,7 @@ class BaseEvaluator(object):
         """Returns a string without any null and substitute characters"""
         stripped = ""
         for c in string:
-            if ord(c) is not 26 and ord(c) is not 0:
+            if ord(c) != 26 and ord(c) != 0:
                 stripped = stripped + c
         return ''.join(stripped)
 
diff --git a/yaksh/evaluator_tests/test_simple_question_types.py b/yaksh/evaluator_tests/test_simple_question_types.py
index 5edd545..13d639e 100644
--- a/yaksh/evaluator_tests/test_simple_question_types.py
+++ b/yaksh/evaluator_tests/test_simple_question_types.py
@@ -662,16 +662,8 @@ class ArrangeQuestionTestCases(unittest.TestCase):
         regrade_answer.answer = 1
         regrade_answer.save()
         details = self.answerpaper.regrade(self.question1.id)
-        err_msg = dedent("""\
-                          User: {0}; Quiz: {1}; Question: {2}.
-                          {3} answer not a list.""".format(
-                                                     self.user.username,
-                                                     self.quiz.description,
-                                                     self.question1.summary,
-                                                     self.question1.type
-                        ))
         self.assertFalse(details[0])
-        self.assertEqual(details[1], err_msg)
+        self.assertIn("arrange answer not a list", details[1])
 
         # Try regrade with incorrect answer
         # When
diff --git a/yaksh/fixtures/marks_correct.csv b/yaksh/fixtures/marks_correct.csv
index 9134da5..d739644 100644
--- a/yaksh/fixtures/marks_correct.csv
+++ b/yaksh/fixtures/marks_correct.csv
@@ -1,4 +1,3 @@
-username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
+user__username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
 student1,1,good work,1,nice
-student2,1,good work,0,bad
-
+student2,1,good work,0,bad
\ No newline at end of file
diff --git a/yaksh/fixtures/marks_header_missing.csv b/yaksh/fixtures/marks_header_missing.csv
index 8c3a747..81b0c77 100644
--- a/yaksh/fixtures/marks_header_missing.csv
+++ b/yaksh/fixtures/marks_header_missing.csv
@@ -1,3 +1,3 @@
-username,Q-1212-Dummy1-1.0-marks
+user__username,Q-1212-Dummy1-1.0-marks
 student1,0.9
 student2,1
diff --git a/yaksh/fixtures/marks_header_modified.csv b/yaksh/fixtures/marks_header_modified.csv
index 08ba31d..f6d6859 100644
--- a/yaksh/fixtures/marks_header_modified.csv
+++ b/yaksh/fixtures/marks_header_modified.csv
@@ -1,3 +1,3 @@
-username,Q-1212-Dummmy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
+user__username,Q-1212-Dummmy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
 student1,0.75,fine work,1,not nice
 student2,1,good work,0,not okay
diff --git a/yaksh/fixtures/marks_invalid_data.csv b/yaksh/fixtures/marks_invalid_data.csv
index 44fb2bb..b4af15b 100644
--- a/yaksh/fixtures/marks_invalid_data.csv
+++ b/yaksh/fixtures/marks_invalid_data.csv
@@ -1,3 +1,3 @@
-username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
+user__username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
 student1,NA,good work,1,nice
 student2,1,good work,0,bad
diff --git a/yaksh/fixtures/marks_invalid_question_id.csv b/yaksh/fixtures/marks_invalid_question_id.csv
index eb1d921..629a673 100644
--- a/yaksh/fixtures/marks_invalid_question_id.csv
+++ b/yaksh/fixtures/marks_invalid_question_id.csv
@@ -1,3 +1,3 @@
-username,Q-12112-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
+user__username,Q-12112-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
 student1,1,good work,1,nice
 student2,1,good work,0,bad
diff --git a/yaksh/fixtures/marks_invalid_user.csv b/yaksh/fixtures/marks_invalid_user.csv
index bd31071..5d5c200 100644
--- a/yaksh/fixtures/marks_invalid_user.csv
+++ b/yaksh/fixtures/marks_invalid_user.csv
@@ -1,3 +1,3 @@
-username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
+user__username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
 student1,1,good work,1,nice
 student452,1,good work,0,bad
diff --git a/yaksh/fixtures/marks_not_attempted_question.csv b/yaksh/fixtures/marks_not_attempted_question.csv
index 3c3e2e7..ecce363 100644
--- a/yaksh/fixtures/marks_not_attempted_question.csv
+++ b/yaksh/fixtures/marks_not_attempted_question.csv
@@ -1,3 +1,3 @@
-username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
+user__username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments,Q-1213-Dummy2-1.0-marks,Q-1213-Dummy2-comments
 student1,1,good work,1,nice
 student2,0.3,very good,1,good
diff --git a/yaksh/fixtures/marks_single_question.csv b/yaksh/fixtures/marks_single_question.csv
index 9677730..00b74fe 100644
--- a/yaksh/fixtures/marks_single_question.csv
+++ b/yaksh/fixtures/marks_single_question.csv
@@ -1,3 +1,3 @@
-username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments
+user__username,Q-1212-Dummy1-1.0-marks,Q-1212-Dummy1-comments
 student1,0.5,okay work
 student2,1,good work
diff --git a/yaksh/forms.py b/yaksh/forms.py
index d57d388..01e691d 100644
--- a/yaksh/forms.py
+++ b/yaksh/forms.py
@@ -387,7 +387,7 @@ class QuestionFilterForm(forms.Form):
 class SearchFilterForm(forms.Form):
     search_tags = forms.CharField(
         label='Search Tags',
-        widget=forms.TextInput(attrs={'placeholder': 'Search',
+        widget=forms.TextInput(attrs={'placeholder': 'Search by course name',
                                       'class': form_input_class, }),
         required=False
         )
@@ -515,6 +515,22 @@ class QuestionPaperForm(forms.ModelForm):
 
 
 class LessonForm(forms.ModelForm):
+    video_options = (
+            ("---", "Select Video Option"), ("youtube", "Youtube"),
+            ("vimeo", "Vimeo"), ("others", "Others")
+        )
+    video_option = forms.ChoiceField(
+        choices=video_options, required=False,
+        help_text='Add videos from youtube, vimeo or other',
+        widget=forms.Select({'class': 'custom-select'}))
+    video_url = forms.CharField(
+        widget=forms.TextInput(
+            {'class': form_input_class,
+             'placeholder': 'Video ID for Youtube, Vimeo and URL for others'}
+            ),
+        required=False
+        )
+
     def __init__(self, *args, **kwargs):
         super(LessonForm, self).__init__(*args, **kwargs)
         des_msg = "Enter Lesson Description as Markdown text"
@@ -524,13 +540,14 @@ class LessonForm(forms.ModelForm):
         self.fields['description'].widget.attrs.update(
             {'class': form_input_class, 'placeholder': des_msg}
         )
-        self.fields['video_path'].widget.attrs.update(
-            {'class': form_input_class,
-             'placeholder': dedent("""\
-                {'youtube': '', 'vimeo': '', 'others': ''}
-                """),
-             }
-        )
+        self.fields['video_path'].widget = forms.HiddenInput()
+        try:
+            video = literal_eval(self.instance.video_path)
+            key = list(video.keys())[0]
+            self.fields['video_option'].initial = key
+            self.fields['video_url'].initial = video[key]
+        except ValueError:
+            pass
 
     class Meta:
         model = Lesson
diff --git a/yaksh/live_server_tests/selenium_test.py b/yaksh/live_server_tests/selenium_test.py
index 6d9117d..0c9cfcc 100644
--- a/yaksh/live_server_tests/selenium_test.py
+++ b/yaksh/live_server_tests/selenium_test.py
@@ -126,9 +126,16 @@ class SeleniumTest():
 
     def open_quiz(self):
         # open module link
-        self.driver.find_elements_by_partial_link_text(
-            'START')[0].click()
-        self.driver.find_element_by_link_text('START').click()
+        try:
+            self.driver.find_elements_by_partial_link_text(
+                'Start')[0].click()
+        except IndexError:
+            self.driver.find_elements_by_partial_link_text(
+                'Continue')[0].click()
+        try:
+            self.driver.find_element_by_link_text('Start').click()
+        except Exception:
+            self.driver.find_element_by_link_text('Continue').click()
         # open quiz link
         self.driver.find_element_by_link_text(self.quiz_name).click()
 
diff --git a/yaksh/management/commands/create_moderator.py b/yaksh/management/commands/create_moderator.py
index 3ec012e..c0f160a 100644
--- a/yaksh/management/commands/create_moderator.py
+++ b/yaksh/management/commands/create_moderator.py
@@ -10,6 +10,7 @@ from django.contrib.auth.models import User, Group, Permission
 
 # local imports
 from yaksh.models import create_group
+from yaksh.views import _create_or_update_profile
 
 
 class Command(BaseCommand):
@@ -43,6 +44,10 @@ class Command(BaseCommand):
                         )
                     )
                 else:
+                    if not hasattr(user, 'profile'):
+                        _create_or_update_profile(user,
+                                                  {'is_email_verified': True}
+                                                  )
                     user.profile.is_moderator = True
                     user.profile.save()
                     self.stdout.write(
diff --git a/yaksh/migrations/0028_auto_20210112_1039.py b/yaksh/migrations/0028_auto_20210112_1039.py
new file mode 100644
index 0000000..448de98
--- /dev/null
+++ b/yaksh/migrations/0028_auto_20210112_1039.py
@@ -0,0 +1,25 @@
+# Generated by Django 3.0.7 on 2021-01-12 05:09
+
+import datetime
+from django.db import migrations, models
+from django.utils.timezone import utc
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('yaksh', '0027_release_0_28_0'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='course',
+            name='end_enroll_time',
+            field=models.DateTimeField(default=datetime.datetime(2198, 12, 31, 18, 7, tzinfo=utc), null=True, verbose_name='End Date and Time for enrollment of course'),
+        ),
+        migrations.AlterField(
+            model_name='quiz',
+            name='end_date_time',
+            field=models.DateTimeField(default=datetime.datetime(2198, 12, 31, 18, 7, tzinfo=utc), null=True, verbose_name='End Date and Time of the quiz'),
+        ),
+    ]
diff --git a/yaksh/models.py b/yaksh/models.py
index 407435e..ceb763f 100644
--- a/yaksh/models.py
+++ b/yaksh/models.py
@@ -123,11 +123,13 @@ MOD_GROUP_NAME = 'moderator'
 
 
 def get_assignment_dir(instance, filename):
-    folder_name = instance.course.name.replace(" ", "_")
-    sub_folder_name = instance.question_paper.quiz.description.replace(
-        " ", "_")
-    return os.sep.join((folder_name, sub_folder_name, instance.user.username,
-                        str(instance.assignmentQuestion.id),
+    course_id = instance.answer_paper.course_id
+    quiz_id = instance.answer_paper.question_paper.quiz_id
+    folder = f'Course_{course_id}'
+    sub_folder = f'Quiz_{quiz_id}'
+    user = instance.answer_paper.user.username
+    return os.sep.join((folder, sub_folder, user,
+                        str(instance.assignmentQuestion_id),
                         filename
                         ))
 
@@ -323,7 +325,6 @@ class Lesson(models.Model):
         lesson_files = self.get_files()
         new_lesson = self
         new_lesson.id = None
-        new_lesson.name = "Copy of {0}".format(self.name)
         new_lesson.creator = user
         new_lesson.save()
         for _file in lesson_files:
@@ -602,7 +603,6 @@ class Quiz(models.Model):
         question_papers = self.questionpaper_set.all()
         new_quiz = self
         new_quiz.id = None
-        new_quiz.description = "Copy of {0}".format(self.description)
         new_quiz.creator = user
         new_quiz.save()
         for qp in question_papers:
@@ -848,12 +848,13 @@ class LearningModule(models.Model):
             percent = round((count / units.count()) * 100)
         return percent
 
-    def _create_module_copy(self, user, module_name):
+    def _create_module_copy(self, user, module_name=None):
         learning_units = self.learning_unit.order_by("order")
         new_module = self
         new_module.id = None
-        new_module.name = module_name
         new_module.creator = user
+        if module_name:
+            new_module.name = module_name
         new_module.save()
         for unit in learning_units:
             new_unit = unit._create_unit_copy(user)
@@ -959,8 +960,8 @@ class Course(models.Model):
         copy_course_name = "Copy Of {0}".format(self.name)
         new_course = self._create_duplicate_instance(user, copy_course_name)
         for module in learning_modules:
-            copy_module_name = "Copy of {0}".format(module.name)
-            new_module = module._create_module_copy(user, copy_module_name)
+            copy_module_name = module.name
+            new_module = module._create_module_copy(user)
             new_course.learning_module.add(new_module)
         return new_course
 
@@ -994,13 +995,13 @@ class Course(models.Model):
         return self.rejected.all()
 
     def is_enrolled(self, user):
-        return user in self.students.all()
+        return self.students.filter(id=user.id).exists()
 
     def is_creator(self, user):
         return self.creator == user
 
     def is_teacher(self, user):
-        return True if user in self.teachers.all() else False
+        return self.teachers.filter(id=user.id).exists()
 
     def is_self_enroll(self):
         return True if self.enrollment == enrollment_methods[1][0] else False
@@ -1064,13 +1065,13 @@ class Course(models.Model):
         return success
 
     def get_only_students(self):
-        teachers = list(self.teachers.all().values_list("id", flat=True))
+        teachers = list(self.teachers.values_list("id", flat=True))
         teachers.append(self.creator.id)
         students = self.students.exclude(id__in=teachers)
         return students
 
     def get_learning_modules(self):
-        return self.learning_module.order_by("order")
+        return self.learning_module.filter(is_trial=False).order_by("order")
 
     def get_learning_module(self, quiz):
         modules = self.get_learning_modules()
@@ -1162,7 +1163,7 @@ class Course(models.Model):
         return grade
 
     def get_current_unit(self, user):
-        course_status = CourseStatus.objects.filter(course=self, user=user)
+        course_status = CourseStatus.objects.filter(course=self, user_id=user)
         if course_status.exists():
             return course_status.first().current_unit
 
@@ -1183,7 +1184,7 @@ class Course(models.Model):
         return percentage
 
     def is_student(self, user):
-        return user in self.students.all()
+        return self.students.filter(id=user.id).exists()
 
     def create_zip(self, path, static_files):
         zip_file_name = string_io()
@@ -1333,7 +1334,7 @@ class Profile(models.Model):
         super(Profile, self).save(*args, **kwargs)
 
     def __str__(self):
-        return '%s' % (self.user.get_full_name())
+        return '%s' % (self.user.get_full_name() or self.user.username)
 
 
 ###############################################################################
@@ -1383,7 +1384,9 @@ class Question(models.Model):
     # Solution for the question.
     solution = models.TextField(blank=True)
 
-    content = GenericRelation("TableOfContents")
+    content = GenericRelation(
+        "TableOfContents", related_query_name='questions'
+    )
 
     tc_code_types = {
         "python": [
@@ -1442,7 +1445,7 @@ class Question(models.Model):
                                       for file in files]
         if self.type == "upload":
             assignment_files = AssignmentUpload.objects.filter(
-                assignmentQuestion=self, user=user
+                assignmentQuestion=self
                 )
             if assignment_files:
                 metadata['assign_files'] = [(file.assignmentFile.path, False)
@@ -1756,7 +1759,8 @@ class QuestionPaperManager(models.Manager):
 
     def create_trial_paper_to_test_quiz(self, trial_quiz, original_quiz_id):
         """Creates a trial question paper to test quiz."""
-        trial_quiz.questionpaper_set.all().delete()
+        if self.filter(quiz=trial_quiz).exists():
+            self.get(quiz=trial_quiz).delete()
         trial_questionpaper, trial_questions = \
             self._create_trial_from_questionpaper(original_quiz_id)
         trial_questionpaper.quiz = trial_quiz
@@ -1839,7 +1843,8 @@ class QuestionPaper(models.Model):
             all_questions = questions
         return all_questions
 
-    def make_answerpaper(self, user, ip, attempt_num, course_id, special=False):
+    def make_answerpaper(self,
+                         user, ip, attempt_num, course_id, special=False):
         """Creates an answer paper for the user to attempt the quiz"""
         try:
             ans_paper = AnswerPaper.objects.get(user=user,
@@ -1955,6 +1960,12 @@ class QuestionPaper(models.Model):
                     list(self.random_questions.all())
         return len(questions) > 0
 
+    def get_questions_count(self):
+        que_count = self.fixed_questions.count()
+        for r_set in self.random_questions.all():
+            que_count += r_set.num_questions
+        return que_count
+
     def __str__(self):
         return "Question Paper for " + self.quiz.description
 
@@ -1981,32 +1992,6 @@ class QuestionSet(models.Model):
 
 ###############################################################################
 class AnswerPaperManager(models.Manager):
-    def get_all_questions(self, questionpaper_id, attempt_number, course_id,
-                          status='completed'):
-        ''' Return a dict of question id as key and count as value'''
-        papers = self.filter(question_paper_id=questionpaper_id,
-                             course_id=course_id,
-                             attempt_number=attempt_number, status=status)
-        all_questions = list()
-        questions = list()
-        for paper in papers:
-            all_questions += paper.get_questions()
-        for question in all_questions:
-            questions.append(question.id)
-        return Counter(questions)
-
-    def get_all_questions_answered(self, questionpaper_id, attempt_number,
-                                   course_id, status='completed'):
-        ''' Return a dict of answered question id as key and count as value'''
-        papers = self.filter(question_paper_id=questionpaper_id,
-                             course_id=course_id,
-                             attempt_number=attempt_number, status=status)
-        questions_answered = list()
-        for paper in papers:
-            for question in filter(None, paper.get_questions_answered()):
-                if paper.is_answer_correct(question):
-                    questions_answered.append(question.id)
-        return Counter(questions_answered)
 
     def get_attempt_numbers(self, questionpaper_id, course_id,
                             status='completed'):
@@ -2039,25 +2024,49 @@ class AnswerPaperManager(models.Manager):
     def get_question_statistics(self, questionpaper_id, attempt_number,
                                 course_id, status='completed'):
         ''' Return dict with question object as key and list as value
-            The list contains two value, first the number of times a question
-            was answered correctly, and second the number of times a question
-            appeared in a quiz'''
+            The list contains four values, first total attempts, second correct
+            attempts, third correct percentage, fourth per test case answers
+            a question
+        '''
         question_stats = {}
-        questions_answered = self.get_all_questions_answered(questionpaper_id,
-                                                             attempt_number,
-                                                             course_id)
-        questions = self.get_all_questions(questionpaper_id, attempt_number,
-                                           course_id)
-        all_questions = Question.objects.filter(
-                id__in=set(questions),
-                active=True
-            ).order_by('type')
-        for question in all_questions:
-            if question.id in questions_answered:
-                question_stats[question] = [questions_answered[question.id],
-                                            questions[question.id]]
-            else:
-                question_stats[question] = [0, questions[question.id]]
+        qp = QuestionPaper.objects.get(id=questionpaper_id)
+        all_questions = qp.get_question_bank()
+        que_ids = [que.id for que in all_questions]
+        papers = self.filter(
+            question_paper_id=questionpaper_id, course_id=course_id,
+            attempt_number=attempt_number, status=status
+        ).values_list("id", flat=True)
+        answers = Answer.objects.filter(
+            answerpaper__id__in=papers, question_id__in=que_ids
+        ).order_by("id").values(
+            "answerpaper__id", "question_id", "correct", "answer"
+        )
+
+        def _get_per_tc_data(answers, q_type):
+            tc = []
+            for answer in answers["answer"]:
+                try:
+                    ans = literal_eval(answer) if answer else None
+                    tc.extend(ans) if q_type == "mcc" else tc.append(str(ans))
+                except Exception:
+                    pass
+            return dict(Counter(tc))
+        df = pd.DataFrame(answers)
+        if not df.empty:
+            for question in all_questions:
+                que = df[df["question_id"] == question.id].groupby(
+                        "answerpaper__id").tail(1)
+                if not que.empty:
+                    total_attempts = que.shape[0]
+                    correct_attempts = que[que["correct"] == True].shape[0]
+                    per_tc_ans = {}
+                    if question.type in ["mcq", "mcc"]:
+                        per_tc_ans = _get_per_tc_data(que, question.type)
+                    question_stats[question] = (
+                        total_attempts, correct_attempts,
+                        round((correct_attempts/total_attempts)*100),
+                        per_tc_ans
+                    )
         return question_stats
 
     def _get_answerpapers_for_quiz(self, questionpaper_id, course_id,
@@ -2136,11 +2145,52 @@ class AnswerPaperManager(models.Manager):
         best_attempt = 0.0
         papers = self.filter(question_paper__quiz_id=quiz.id,
                              course_id=course_id,
-                             user=user_id).values("marks_obtained")
-        if papers:
-            best_attempt = max([marks["marks_obtained"] for marks in papers])
+                             user=user_id).order_by("-marks_obtained").values(
+                             "marks_obtained")
+        if papers.exists():
+            best_attempt = papers[0]["marks_obtained"]
         return best_attempt
 
+    def get_user_scores(self, question_papers, user, course_id):
+        if not question_papers:
+            return None
+        qp_ids = list(zip(*question_papers))[0]
+        papers = self.filter(
+            course_id=course_id, user_id=user.get("id"),
+            question_paper__id__in=qp_ids
+        ).values("question_paper_id", "marks_obtained")
+        df = pd.DataFrame(papers)
+        user_marks = 0
+        ap_data = None
+        if not df.empty:
+            ap_data = df.groupby("question_paper_id").tail(1)
+        for qp_id, quiz, quiz_marks in question_papers:
+            if ap_data is not None:
+                qp = ap_data['question_paper_id'].to_list()
+                marks = ap_data['marks_obtained'].to_list()
+                if qp_id in qp:
+                    idx = qp.index(qp_id)
+                    user_marks += marks[idx]
+                    user[f"{quiz}-{quiz_marks}-Marks"] = marks[idx]
+                else:
+                    user[f"{quiz}-{quiz_marks}-Marks"] = 0
+            else:
+                user[f"{quiz}-{quiz_marks}-Marks"] = 0
+        user.pop("id")
+        user["total_marks"] = user_marks
+
+    def get_questions_attempted(self, answerpaper_ids):
+        answers = Answer.objects.filter(
+            answerpaper__id__in=answerpaper_ids
+        ).values("question_id", "answerpaper__id")
+        df = pd.DataFrame(answers)
+        if not df.empty and "answerpaper__id" in df.columns:
+            answerpapers = df.groupby("answerpaper__id")
+            question_attempted = {}
+            for ap in answerpapers:
+                question_attempted[ap[0]] = len(ap[1]["question_id"].unique())
+            return question_attempted
+
 
 ###############################################################################
 class AnswerPaper(models.Model):
@@ -2214,15 +2264,30 @@ class AnswerPaper(models.Model):
                            'attempt_number', "course"
                            )
 
-    def get_per_question_score(self, question_id):
-        questions = self.get_questions().values_list('id', flat=True)
-        if question_id not in questions:
-            return 'NA'
-        answer = self.get_latest_answer(question_id)
-        if answer:
-            return answer.marks
-        else:
-            return 0
+    def get_per_question_score(self, question_ids):
+        if not question_ids:
+            return None
+        que_ids = list(zip(*question_ids))[1]
+        answers = self.answers.filter(
+            question_id__in=que_ids).values("question_id", "marks")
+        que_data = {}
+        df = pd.DataFrame(answers)
+        ans_data = None
+        if not df.empty:
+            ans_data = df.groupby("question_id").tail(1)
+        for que_summary, que_id, que_comments in question_ids:
+            if ans_data is not None:
+                ans = ans_data['question_id'].to_list()
+                marks = ans_data['marks'].to_list()
+                if que_id in ans:
+                    idx = ans.index(que_id)
+                    que_data[que_summary] = marks[idx]
+                else:
+                    que_data[que_summary] = 0
+            else:
+                que_data[que_summary] = 0
+            que_data[que_comments] = "NA"
+        return que_data
 
     def current_question(self):
         """Returns the current active question to display."""
@@ -2323,14 +2388,20 @@ class AnswerPaper(models.Model):
             secs = dt.seconds + dt.days*24*3600
         return secs
 
+    def _get_marks_for_question(self, question):
+        marks = 0.0
+        answers = question.answer_set.filter(answerpaper=self)
+        if answers.exists():
+            marks = [answer.marks for answer in answers]
+            max_marks = max(marks)
+            marks = max_marks
+        return marks
+
     def _update_marks_obtained(self):
         """Updates the total marks earned by student for this paper."""
-        marks = 0
+        marks = 0.0
         for question in self.questions.all():
-            marks_list = [a.marks
-                          for a in self.answers.filter(question=question)]
-            max_marks = max(marks_list) if marks_list else 0.0
-            marks += max_marks
+            marks += self._get_marks_for_question(question)
         self.marks_obtained = marks
 
     def _update_percent(self):
@@ -2378,38 +2449,19 @@ class AnswerPaper(models.Model):
             corresponding answers.
         """
         q_a = {}
-        for answer in self.answers.all():
-            question = answer.question
-            if question in q_a:
-                q_a[question].append({
-                    'answer': answer,
-                    'error_list': [e for e in json.loads(answer.error)]
-                })
-            else:
-                q_a[question] = [{
+        for question in self.questions.all():
+            answers = question.answer_set.filter(answerpaper=self).distinct()
+            if not answers.exists():
+                q_a[question] = [None, 0.0]
+                continue
+            ans_errs = []
+            for answer in answers:
+                ans_errs.append({
                     'answer': answer,
                     'error_list': [e for e in json.loads(answer.error)]
-                }]
-
-        q_a.update(
-            { q: [] for q in self.questions_unanswered.all() }
-        )
-
-        for question, answers in q_a.items():
-            answers = q_a[question]
-            if answers:
-                q_a[question].append({
-                    'marks': max([
-                        answer['answer'].marks
-                        for answer in answers
-                        if question == answer['answer'].question
-                    ]),
                 })
-            else:
-                q_a[question].append({
-                    'marks': 0.0,
-                })
-
+            q_a[question] = ans_errs
+            q_a[question].append(self._get_marks_for_question(question))
         return q_a
 
     def get_latest_answer(self, question_id):
@@ -2533,25 +2585,17 @@ class AnswerPaper(models.Model):
                 self.user, self.question_paper.quiz.description,
                 question_id
             )
-            return False, msg + 'Question not in the answer paper.'
+            return False, f'{msg} Question not in the answer paper.'
         user_answer = self.answers.filter(question=question).last()
-        if not user_answer:
-            return False, msg + 'Did not answer.'
+        if not user_answer or not user_answer.answer:
+            return False, f'{msg} Did not answer.'
         if question.type in ['mcc', 'arrange']:
             try:
                 answer = literal_eval(user_answer.answer)
                 if type(answer) is not list:
-                    return (False,
-                            msg + '{0} answer not a list.'.format(
-                                                            question.type
-                                                            )
-                            )
+                    return (False, f'{msg} {question.type} answer not a list.')
             except Exception:
-                return (False,
-                        msg + '{0} answer submission error'.format(
-                                                             question.type
-                                                             )
-                        )
+                return (False, f'{msg} {question.type} answer submission error')
         else:
             answer = user_answer.answer
         json_data = question.consolidate_answer_data(answer) \
@@ -2599,16 +2643,19 @@ class AssignmentUploadManager(models.Manager):
     def get_assignments(self, qp, que_id=None, user_id=None, course_id=None):
         if que_id and user_id:
             assignment_files = AssignmentUpload.objects.filter(
-                        assignmentQuestion_id=que_id, user_id=user_id,
-                        question_paper=qp, course_id=course_id
+                        assignmentQuestion_id=que_id,
+                        answer_paper__user_id=user_id,
+                        answer_paper__question_paper=qp,
+                        answer_paper__course_id=course_id
                         )
             file_name = User.objects.get(id=user_id).get_full_name()
         else:
             assignment_files = AssignmentUpload.objects.filter(
-                        question_paper=qp, course_id=course_id
+                        answer_paper__question_paper=qp,
+                        answer_paper__course_id=course_id
                         )
             file_name = "{0}_Assignment_files".format(
-                            assignment_files[0].course.name
+                            assignment_files[0].answer_paper.course.name
                             )
 
         return assignment_files, file_name
@@ -2616,15 +2663,18 @@ class AssignmentUploadManager(models.Manager):
 
 ##############################################################################
 class AssignmentUpload(models.Model):
-    user = models.ForeignKey(User, on_delete=models.CASCADE)
     assignmentQuestion = models.ForeignKey(Question, on_delete=models.CASCADE)
-    assignmentFile = models.FileField(upload_to=get_assignment_dir, max_length=255)
-    question_paper = models.ForeignKey(QuestionPaper, blank=True, null=True,
-                                       on_delete=models.CASCADE)
-    course = models.ForeignKey(Course, null=True, blank=True,
-                               on_delete=models.CASCADE)
+    assignmentFile = models.FileField(upload_to=get_assignment_dir,
+                                      max_length=255)
+    answer_paper = models.ForeignKey(AnswerPaper, blank=True, null=True,
+                                     on_delete=models.CASCADE)
+    upload_date = models.DateTimeField(auto_now=True)
+
     objects = AssignmentUploadManager()
 
+    def __str__(self):
+        return f'Assignment File of the user {self.answer_paper.user}'
+
 
 ##############################################################################
 class TestCase(models.Model):
@@ -2838,6 +2888,16 @@ class TOCManager(models.Manager):
                 "student_id", flat=True).distinct().count()
         return data
 
+    def get_all_tocs_as_yaml(self, course_id, lesson_id, file_path):
+        all_tocs = TableOfContents.objects.filter(
+            course_id=course_id, lesson_id=lesson_id,
+        )
+        if not all_tocs.exists():
+            return None
+        for toc in all_tocs:
+            toc.get_toc_as_yaml(file_path)
+        return file_path
+
     def get_question_stats(self, toc_id):
         answers = LessonQuizAnswer.objects.get_queryset().filter(
             toc_id=toc_id).order_by('id')
@@ -2845,7 +2905,7 @@ class TOCManager(models.Manager):
         if answers.exists():
             answers = answers.values(
                 "student__first_name", "student__last_name", "student__email",
-                "student_id", "toc_id"
+                "student_id", "student__profile__roll_number", "toc_id"
                 )
             df = pd.DataFrame(answers)
             answers = df.drop_duplicates().to_dict(orient='records')
@@ -2871,7 +2931,7 @@ class TOCManager(models.Manager):
                     if j not in mydata:
                         mydata[j] = 1
                     else:
-                        mydata[j] +=1
+                        mydata[j] += 1
                 data = mydata.copy()
             if is_percent:
                 for key, value in data.items():
@@ -2917,17 +2977,20 @@ class TOCManager(models.Manager):
                 if not is_valid_time_format(time):
                     messages.append(
                         (False,
-                        f"Invalid time format in {name}. "
+                         f"Invalid time format in {name}. "
                          "Format should be 00:00:00")
-                    )
+                        )
                 else:
                     if content_type == 1:
                         topic = Topic.objects.create(**content)
                         toc.append(TableOfContents(
-                            course_id=course_id, lesson_id=lesson_id, time=time,
+                            course_id=course_id,
+                            lesson_id=lesson_id, time=time,
                             content_object=topic, content=content_type
                         ))
-                        messages.append((True, f"{topic.name} added successfully"))
+                        messages.append(
+                            (True, f"{topic.name} added successfully")
+                        )
                     else:
                         content['user'] = user
                         test_cases = content.pop("testcase")
@@ -2944,10 +3007,13 @@ class TOCManager(models.Manager):
                         else:
                             que = Question.objects.create(**content)
                             for test_case in test_cases:
-                                test_case_type = test_case.pop('test_case_type')
+                                test_case_type = test_case.pop(
+                                    'test_case_type'
+                                )
                                 model_class = get_model_class(test_case_type)
                                 model_class.objects.get_or_create(
-                                    question=que, **test_case, type=test_case_type
+                                    question=que,
+                                    **test_case, type=test_case_type
                                 )
                             toc.append(TableOfContents(
                                 course_id=course_id, lesson_id=lesson_id,
@@ -2963,7 +3029,12 @@ class TOCManager(models.Manager):
 
 
 class TableOfContents(models.Model):
-    toc_types = ((1, "Topic"), (2, "Graded Quiz"), (3, "Exercise"), (4, "Poll"))
+    toc_types = (
+        (1, "Topic"),
+        (2, "Graded Quiz"),
+        (3, "Exercise"),
+        (4, "Poll")
+    )
     course = models.ForeignKey(Course, on_delete=models.CASCADE,
                                related_name='course')
     lesson = models.ForeignKey(Lesson, on_delete=models.CASCADE,
@@ -2981,11 +3052,44 @@ class TableOfContents(models.Model):
 
     def get_toc_text(self):
         if self.content == 1:
-            content_name =  self.content_object.name
+            content_name = self.content_object.name
         else:
             content_name = self.content_object.summary
         return content_name
 
+    def get_toc_as_yaml(self, file_path):
+        data = {'content_type': self.content, 'time': self.time}
+        if self.topics.exists():
+            content = self.topics.first()
+            data.update(
+                {
+                    'name': content.name,
+                    'description': content.description,
+                }
+            )
+        elif self.questions.exists():
+            content = self.questions.first()
+            tc_data = []
+            for tc in content.get_test_cases():
+                _tc_as_dict = model_to_dict(
+                    tc, exclude=['id', 'testcase_ptr', 'question'],
+                )
+                tc_data.append(_tc_as_dict)
+            data.update(
+                {
+                    'summary': content.summary,
+                    'type': content.type,
+                    'language': content.language,
+                    'description': content.description,
+                    'points': content.points,
+                    'testcase': tc_data,
+                }
+            )
+        yaml_block = dict_to_yaml(data)
+        with open(file_path, "a") as yaml_file:
+            yaml_file.write(yaml_block)
+            return yaml_file
+
     def __str__(self):
         return f"TOC for {self.lesson.name} with {self.get_content_display()}"
 
@@ -2993,7 +3097,7 @@ class TableOfContents(models.Model):
 class Topic(models.Model):
     name = models.CharField(max_length=255)
     description = models.TextField(null=True, blank=True)
-    content = GenericRelation(TableOfContents)
+    content = GenericRelation(TableOfContents, related_query_name='topics')
 
     def __str__(self):
         return f"{self.name}"
diff --git a/yaksh/static/yaksh/css/argon.css b/yaksh/static/yaksh/css/argon.css
new file mode 100644
index 0000000..79e7290
--- /dev/null
+++ b/yaksh/static/yaksh/css/argon.css
@@ -0,0 +1,29840 @@
+@charset 'UTF-8';
+/*!
+
+=========================================================
+* Argon Dashboard - v1.2.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard
+* Copyright 2020 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+:root
+{
+    --blue: #5e72e4;
+    --indigo: #5603ad;
+    --purple: #8965e0;
+    --pink: #f3a4b5;
+    --red: #f5365c;
+    --orange: #fb6340;
+    --yellow: #ffd600;
+    --green: #2dce89;
+    --teal: #11cdef;
+    --cyan: #2bffc6;
+    --white: #fff;
+    --gray: #8898aa;
+    --gray-dark: #32325d;
+    --light: #ced4da;
+    --lighter: #e9ecef;
+    --primary: #5e72e4;
+    --secondary: #f7fafc;
+    --success: #2dce89;
+    --info: #11cdef;
+    --warning: #fb6340;
+    --danger: #f5365c;
+    --light: #adb5bd;
+    --dark: #212529;
+    --default: #172b4d;
+    --white: #fff;
+    --neutral: #fff;
+    --darker: black;
+    --breakpoint-xs: 0;
+    --breakpoint-sm: 576px;
+    --breakpoint-md: 768px;
+    --breakpoint-lg: 992px;
+    --breakpoint-xl: 1200px;
+    --font-family-sans-serif: Open Sans, sans-serif;
+    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+}
+
+*,
+*::before,
+*::after
+{
+    box-sizing: border-box;
+}
+
+html
+{
+    font-family: sans-serif;
+    line-height: 1.15;
+
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section
+{
+    display: block;
+}
+
+body
+{
+    font-family: Open Sans, sans-serif;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+
+    margin: 0;
+
+    text-align: left;
+
+    color: #525f7f;
+    background-color: #f8f9fe;
+}
+
+[tabindex='-1']:focus:not(:focus-visible)
+{
+    outline: 0 !important;
+}
+
+hr
+{
+    overflow: visible; 
+
+    box-sizing: content-box;
+    height: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+{
+    margin-top: 0;
+    margin-bottom: .5rem;
+}
+
+p
+{
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title]
+{
+    cursor: help;
+            text-decoration: underline;
+            text-decoration: underline dotted;
+
+    border-bottom: 0;
+
+    -webkit-text-decoration: underline dotted;
+    text-decoration-skip-ink: none;
+}
+
+address
+{
+    font-style: normal;
+    line-height: inherit; 
+
+    margin-bottom: 1rem;
+}
+
+ol,
+ul,
+dl
+{
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol
+{
+    margin-bottom: 0;
+}
+
+dt
+{
+    font-weight: 600;
+}
+
+dd
+{
+    margin-bottom: .5rem;
+    margin-left: 0;
+}
+
+blockquote
+{
+    margin: 0 0 1rem;
+}
+
+b,
+strong
+{
+    font-weight: bolder;
+}
+
+small
+{
+    font-size: 80%;
+}
+
+sub,
+sup
+{
+    font-size: 75%;
+    line-height: 0;
+
+    position: relative;
+
+    vertical-align: baseline;
+}
+
+sub
+{
+    bottom: -.25em;
+}
+
+sup
+{
+    top: -.5em;
+}
+
+a
+{
+    text-decoration: none;
+
+    color: #5e72e4;
+    background-color: transparent;
+}
+a:hover
+{
+    text-decoration: none; 
+
+    color: #233dd2;
+}
+
+a:not([href])
+{
+    text-decoration: none; 
+
+    color: inherit;
+}
+a:not([href]):hover
+{
+    text-decoration: none; 
+
+    color: inherit;
+}
+
+pre,
+code,
+kbd,
+samp
+{
+    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    font-size: 1em;
+}
+
+pre
+{
+    overflow: auto; 
+
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+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: 1rem;
+    padding-bottom: 1rem;
+
+    caption-side: bottom; 
+
+    text-align: left;
+
+    color: #8898aa;
+}
+
+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;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea
+{
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit; 
+
+    margin: 0;
+}
+
+button,
+input
+{
+    overflow: visible;
+}
+
+button,
+select
+{
+    text-transform: none;
+}
+
+select
+{
+    word-wrap: normal;
+}
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit']
+{
+    -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type='button']:not(:disabled),
+[type='reset']:not(:disabled),
+[type='submit']:not(:disabled)
+{
+    cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner
+{
+    padding: 0;
+
+    border-style: none;
+}
+
+input[type='radio'],
+input[type='checkbox']
+{
+    box-sizing: border-box;
+    padding: 0;
+}
+
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month']
+{
+    -webkit-appearance: listbox;
+}
+
+textarea
+{
+    overflow: auto;
+
+    resize: vertical;
+}
+
+fieldset
+{
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+
+    border: 0;
+}
+
+legend
+{
+    font-size: 1.5rem;
+    line-height: inherit;
+
+    display: block;
+
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: .5rem;
+    padding: 0;
+
+    white-space: normal; 
+
+    color: inherit;
+}
+@media (max-width: 1200px)
+{
+    legend
+    {
+        font-size: calc(1.275rem + .3vw) ;
+    }
+}
+
+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
+{
+    font-family: inherit;
+    font-weight: 600;
+    line-height: 1.5;
+
+    margin-bottom: .5rem;
+
+    color: #32325d;
+}
+
+h1,
+.h1
+{
+    font-size: 1.625rem;
+}
+@media (max-width: 1200px)
+{
+    h1,
+    .h1
+    {
+        font-size: calc(1.2875rem + .45vw) ;
+    }
+}
+
+h2,
+.h2
+{
+    font-size: 1.25rem;
+}
+
+h3,
+.h3
+{
+    font-size: 1.0625rem;
+}
+
+h4,
+.h4
+{
+    font-size: .9375rem;
+}
+
+h5,
+.h5
+{
+    font-size: .8125rem;
+}
+
+h6,
+.h6
+{
+    font-size: .625rem;
+}
+
+.lead
+{
+    font-size: 1.25rem;
+    font-weight: 300;
+}
+
+.display-1
+{
+    font-size: 3.3rem;
+    font-weight: 600;
+    line-height: 1.5;
+}
+@media (max-width: 1200px)
+{
+    .display-1
+    {
+        font-size: calc(1.455rem + 2.46vw) ;
+    }
+}
+
+.display-2
+{
+    font-size: 2.75rem;
+    font-weight: 600;
+    line-height: 1.5;
+}
+@media (max-width: 1200px)
+{
+    .display-2
+    {
+        font-size: calc(1.4rem + 1.8vw) ;
+    }
+}
+
+.display-3
+{
+    font-size: 2.1875rem;
+    font-weight: 600;
+    line-height: 1.5;
+}
+@media (max-width: 1200px)
+{
+    .display-3
+    {
+        font-size: calc(1.34375rem + 1.125vw) ;
+    }
+}
+
+.display-4
+{
+    font-size: 1.6275rem;
+    font-weight: 600;
+    line-height: 1.5;
+}
+@media (max-width: 1200px)
+{
+    .display-4
+    {
+        font-size: calc(1.28775rem + .453vw) ;
+    }
+}
+
+hr
+{
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+
+    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
+{
+    font-size: 1.25rem; 
+
+    margin-bottom: 1rem;
+}
+
+.blockquote-footer
+{
+    font-size: 80%;
+
+    display: block;
+
+    color: #8898aa;
+}
+.blockquote-footer::before
+{
+    content: '\2014\00A0';
+}
+
+.img-fluid
+{
+    max-width: 100%;
+    height: auto;
+}
+
+.img-thumbnail
+{
+    max-width: 100%;
+    height: auto; 
+    padding: .25rem;
+
+    border: 1px solid #dee2e6;
+    border-radius: .375rem;
+    background-color: #f8f9fe;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+
+.figure
+{
+    display: inline-block;
+}
+
+.figure-img
+{
+    line-height: 1; 
+
+    margin-bottom: .5rem;
+}
+
+.figure-caption
+{
+    font-size: 90%;
+
+    color: #8898aa;
+}
+
+code
+{
+    font-size: 87.5%;
+
+    word-wrap: break-word; 
+
+    color: #f3a4b5;
+}
+a > code
+{
+    color: inherit;
+}
+
+kbd
+{
+    font-size: 87.5%;
+
+    padding: .2rem .4rem;
+
+    color: #fff;
+    border-radius: .25rem;
+    background-color: #212529;
+    box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
+}
+kbd kbd
+{
+    font-size: 100%;
+    font-weight: 600;
+
+    padding: 0;
+
+    box-shadow: none;
+}
+
+pre
+{
+    font-size: 87.5%;
+
+    display: block;
+
+    color: #212529;
+}
+pre code
+{
+    font-size: inherit;
+
+    word-break: normal; 
+
+    color: inherit;
+}
+
+.pre-scrollable
+{
+    overflow-y: scroll; 
+
+    max-height: 340px;
+}
+
+.container
+{
+    width: 100%;
+    margin-right: auto;
+    margin-left: auto; 
+    padding-right: 15px;
+    padding-left: 15px;
+}
+@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,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl
+{
+    width: 100%;
+    margin-right: auto;
+    margin-left: auto; 
+    padding-right: 15px;
+    padding-left: 15px;
+}
+
+@media (min-width: 576px)
+{
+    .container,
+    .container-sm
+    {
+        max-width: 540px;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .container,
+    .container-sm,
+    .container-md
+    {
+        max-width: 720px;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .container,
+    .container-sm,
+    .container-md,
+    .container-lg
+    {
+        max-width: 960px;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .container,
+    .container-sm,
+    .container-md,
+    .container-lg,
+    .container-xl
+    {
+        max-width: 1140px;
+    }
+}
+
+.row
+{
+    display: flex;
+
+    margin-right: -15px;
+    margin-left: -15px; 
+
+    flex-wrap: wrap;
+}
+
+.no-gutters
+{
+    margin-right: 0;
+    margin-left: 0;
+}
+.no-gutters > .col,
+.no-gutters > [class*='col-']
+{
+    padding-right: 0;
+    padding-left: 0;
+}
+
+.col-1,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-10,
+.col-11,
+.col-12,
+.col,
+.col-auto,
+.col-sm-1,
+.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-10,
+.col-sm-11,
+.col-sm-12,
+.col-sm,
+.col-sm-auto,
+.col-md-1,
+.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-10,
+.col-md-11,
+.col-md-12,
+.col-md,
+.col-md-auto,
+.col-lg-1,
+.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-10,
+.col-lg-11,
+.col-lg-12,
+.col-lg,
+.col-lg-auto,
+.col-xl-1,
+.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-10,
+.col-xl-11,
+.col-xl-12,
+.col-xl,
+.col-xl-auto
+{
+    position: relative;
+
+    width: 100%;
+    padding-right: 15px;
+    padding-left: 15px;
+}
+
+.col
+{
+    max-width: 100%; 
+
+    flex-basis: 0;
+    flex-grow: 1;
+}
+
+.row-cols-1 > *
+{
+    max-width: 100%; 
+
+    flex: 0 0 100%;
+}
+
+.row-cols-2 > *
+{
+    max-width: 50%; 
+
+    flex: 0 0 50%;
+}
+
+.row-cols-3 > *
+{
+    max-width: 33.33333%; 
+
+    flex: 0 0 33.33333%;
+}
+
+.row-cols-4 > *
+{
+    max-width: 25%; 
+
+    flex: 0 0 25%;
+}
+
+.row-cols-5 > *
+{
+    max-width: 20%; 
+
+    flex: 0 0 20%;
+}
+
+.row-cols-6 > *
+{
+    max-width: 16.66667%; 
+
+    flex: 0 0 16.66667%;
+}
+
+.col-auto
+{
+    width: auto;
+    max-width: 100%; 
+
+    flex: 0 0 auto;
+}
+
+.col-1
+{
+    max-width: 8.33333%; 
+
+    flex: 0 0 8.33333%;
+}
+
+.col-2
+{
+    max-width: 16.66667%; 
+
+    flex: 0 0 16.66667%;
+}
+
+.col-3
+{
+    max-width: 25%; 
+
+    flex: 0 0 25%;
+}
+
+.col-4
+{
+    max-width: 33.33333%; 
+
+    flex: 0 0 33.33333%;
+}
+
+.col-5
+{
+    max-width: 41.66667%; 
+
+    flex: 0 0 41.66667%;
+}
+
+.col-6
+{
+    max-width: 50%; 
+
+    flex: 0 0 50%;
+}
+
+.col-7
+{
+    max-width: 58.33333%; 
+
+    flex: 0 0 58.33333%;
+}
+
+.col-8
+{
+    max-width: 66.66667%; 
+
+    flex: 0 0 66.66667%;
+}
+
+.col-9
+{
+    max-width: 75%; 
+
+    flex: 0 0 75%;
+}
+
+.col-10
+{
+    max-width: 83.33333%; 
+
+    flex: 0 0 83.33333%;
+}
+
+.col-11
+{
+    max-width: 91.66667%; 
+
+    flex: 0 0 91.66667%;
+}
+
+.col-12
+{
+    max-width: 100%; 
+
+    flex: 0 0 100%;
+}
+
+.order-first
+{
+    order: -1;
+}
+
+.order-last
+{
+    order: 13;
+}
+
+.order-0
+{
+    order: 0;
+}
+
+.order-1
+{
+    order: 1;
+}
+
+.order-2
+{
+    order: 2;
+}
+
+.order-3
+{
+    order: 3;
+}
+
+.order-4
+{
+    order: 4;
+}
+
+.order-5
+{
+    order: 5;
+}
+
+.order-6
+{
+    order: 6;
+}
+
+.order-7
+{
+    order: 7;
+}
+
+.order-8
+{
+    order: 8;
+}
+
+.order-9
+{
+    order: 9;
+}
+
+.order-10
+{
+    order: 10;
+}
+
+.order-11
+{
+    order: 11;
+}
+
+.order-12
+{
+    order: 12;
+}
+
+.offset-1
+{
+    margin-left: 8.33333%;
+}
+
+.offset-2
+{
+    margin-left: 16.66667%;
+}
+
+.offset-3
+{
+    margin-left: 25%;
+}
+
+.offset-4
+{
+    margin-left: 33.33333%;
+}
+
+.offset-5
+{
+    margin-left: 41.66667%;
+}
+
+.offset-6
+{
+    margin-left: 50%;
+}
+
+.offset-7
+{
+    margin-left: 58.33333%;
+}
+
+.offset-8
+{
+    margin-left: 66.66667%;
+}
+
+.offset-9
+{
+    margin-left: 75%;
+}
+
+.offset-10
+{
+    margin-left: 83.33333%;
+}
+
+.offset-11
+{
+    margin-left: 91.66667%;
+}
+
+@media (min-width: 576px)
+{
+    .col-sm
+    {
+        max-width: 100%; 
+
+        flex-basis: 0;
+        flex-grow: 1;
+    }
+    .row-cols-sm-1 > *
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .row-cols-sm-2 > *
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .row-cols-sm-3 > *
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .row-cols-sm-4 > *
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .row-cols-sm-5 > *
+    {
+        max-width: 20%; 
+
+        flex: 0 0 20%;
+    }
+    .row-cols-sm-6 > *
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-sm-auto
+    {
+        width: auto;
+        max-width: 100%; 
+
+        flex: 0 0 auto;
+    }
+    .col-sm-1
+    {
+        max-width: 8.33333%; 
+
+        flex: 0 0 8.33333%;
+    }
+    .col-sm-2
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-sm-3
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .col-sm-4
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .col-sm-5
+    {
+        max-width: 41.66667%; 
+
+        flex: 0 0 41.66667%;
+    }
+    .col-sm-6
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .col-sm-7
+    {
+        max-width: 58.33333%; 
+
+        flex: 0 0 58.33333%;
+    }
+    .col-sm-8
+    {
+        max-width: 66.66667%; 
+
+        flex: 0 0 66.66667%;
+    }
+    .col-sm-9
+    {
+        max-width: 75%; 
+
+        flex: 0 0 75%;
+    }
+    .col-sm-10
+    {
+        max-width: 83.33333%; 
+
+        flex: 0 0 83.33333%;
+    }
+    .col-sm-11
+    {
+        max-width: 91.66667%; 
+
+        flex: 0 0 91.66667%;
+    }
+    .col-sm-12
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .order-sm-first
+    {
+        order: -1;
+    }
+    .order-sm-last
+    {
+        order: 13;
+    }
+    .order-sm-0
+    {
+        order: 0;
+    }
+    .order-sm-1
+    {
+        order: 1;
+    }
+    .order-sm-2
+    {
+        order: 2;
+    }
+    .order-sm-3
+    {
+        order: 3;
+    }
+    .order-sm-4
+    {
+        order: 4;
+    }
+    .order-sm-5
+    {
+        order: 5;
+    }
+    .order-sm-6
+    {
+        order: 6;
+    }
+    .order-sm-7
+    {
+        order: 7;
+    }
+    .order-sm-8
+    {
+        order: 8;
+    }
+    .order-sm-9
+    {
+        order: 9;
+    }
+    .order-sm-10
+    {
+        order: 10;
+    }
+    .order-sm-11
+    {
+        order: 11;
+    }
+    .order-sm-12
+    {
+        order: 12;
+    }
+    .offset-sm-0
+    {
+        margin-left: 0;
+    }
+    .offset-sm-1
+    {
+        margin-left: 8.33333%;
+    }
+    .offset-sm-2
+    {
+        margin-left: 16.66667%;
+    }
+    .offset-sm-3
+    {
+        margin-left: 25%;
+    }
+    .offset-sm-4
+    {
+        margin-left: 33.33333%;
+    }
+    .offset-sm-5
+    {
+        margin-left: 41.66667%;
+    }
+    .offset-sm-6
+    {
+        margin-left: 50%;
+    }
+    .offset-sm-7
+    {
+        margin-left: 58.33333%;
+    }
+    .offset-sm-8
+    {
+        margin-left: 66.66667%;
+    }
+    .offset-sm-9
+    {
+        margin-left: 75%;
+    }
+    .offset-sm-10
+    {
+        margin-left: 83.33333%;
+    }
+    .offset-sm-11
+    {
+        margin-left: 91.66667%;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .col-md
+    {
+        max-width: 100%; 
+
+        flex-basis: 0;
+        flex-grow: 1;
+    }
+    .row-cols-md-1 > *
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .row-cols-md-2 > *
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .row-cols-md-3 > *
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .row-cols-md-4 > *
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .row-cols-md-5 > *
+    {
+        max-width: 20%; 
+
+        flex: 0 0 20%;
+    }
+    .row-cols-md-6 > *
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-md-auto
+    {
+        width: auto;
+        max-width: 100%; 
+
+        flex: 0 0 auto;
+    }
+    .col-md-1
+    {
+        max-width: 8.33333%; 
+
+        flex: 0 0 8.33333%;
+    }
+    .col-md-2
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-md-3
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .col-md-4
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .col-md-5
+    {
+        max-width: 41.66667%; 
+
+        flex: 0 0 41.66667%;
+    }
+    .col-md-6
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .col-md-7
+    {
+        max-width: 58.33333%; 
+
+        flex: 0 0 58.33333%;
+    }
+    .col-md-8
+    {
+        max-width: 66.66667%; 
+
+        flex: 0 0 66.66667%;
+    }
+    .col-md-9
+    {
+        max-width: 75%; 
+
+        flex: 0 0 75%;
+    }
+    .col-md-10
+    {
+        max-width: 83.33333%; 
+
+        flex: 0 0 83.33333%;
+    }
+    .col-md-11
+    {
+        max-width: 91.66667%; 
+
+        flex: 0 0 91.66667%;
+    }
+    .col-md-12
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .order-md-first
+    {
+        order: -1;
+    }
+    .order-md-last
+    {
+        order: 13;
+    }
+    .order-md-0
+    {
+        order: 0;
+    }
+    .order-md-1
+    {
+        order: 1;
+    }
+    .order-md-2
+    {
+        order: 2;
+    }
+    .order-md-3
+    {
+        order: 3;
+    }
+    .order-md-4
+    {
+        order: 4;
+    }
+    .order-md-5
+    {
+        order: 5;
+    }
+    .order-md-6
+    {
+        order: 6;
+    }
+    .order-md-7
+    {
+        order: 7;
+    }
+    .order-md-8
+    {
+        order: 8;
+    }
+    .order-md-9
+    {
+        order: 9;
+    }
+    .order-md-10
+    {
+        order: 10;
+    }
+    .order-md-11
+    {
+        order: 11;
+    }
+    .order-md-12
+    {
+        order: 12;
+    }
+    .offset-md-0
+    {
+        margin-left: 0;
+    }
+    .offset-md-1
+    {
+        margin-left: 8.33333%;
+    }
+    .offset-md-2
+    {
+        margin-left: 16.66667%;
+    }
+    .offset-md-3
+    {
+        margin-left: 25%;
+    }
+    .offset-md-4
+    {
+        margin-left: 33.33333%;
+    }
+    .offset-md-5
+    {
+        margin-left: 41.66667%;
+    }
+    .offset-md-6
+    {
+        margin-left: 50%;
+    }
+    .offset-md-7
+    {
+        margin-left: 58.33333%;
+    }
+    .offset-md-8
+    {
+        margin-left: 66.66667%;
+    }
+    .offset-md-9
+    {
+        margin-left: 75%;
+    }
+    .offset-md-10
+    {
+        margin-left: 83.33333%;
+    }
+    .offset-md-11
+    {
+        margin-left: 91.66667%;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .col-lg
+    {
+        max-width: 100%; 
+
+        flex-basis: 0;
+        flex-grow: 1;
+    }
+    .row-cols-lg-1 > *
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .row-cols-lg-2 > *
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .row-cols-lg-3 > *
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .row-cols-lg-4 > *
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .row-cols-lg-5 > *
+    {
+        max-width: 20%; 
+
+        flex: 0 0 20%;
+    }
+    .row-cols-lg-6 > *
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-lg-auto
+    {
+        width: auto;
+        max-width: 100%; 
+
+        flex: 0 0 auto;
+    }
+    .col-lg-1
+    {
+        max-width: 8.33333%; 
+
+        flex: 0 0 8.33333%;
+    }
+    .col-lg-2
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-lg-3
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .col-lg-4
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .col-lg-5
+    {
+        max-width: 41.66667%; 
+
+        flex: 0 0 41.66667%;
+    }
+    .col-lg-6
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .col-lg-7
+    {
+        max-width: 58.33333%; 
+
+        flex: 0 0 58.33333%;
+    }
+    .col-lg-8
+    {
+        max-width: 66.66667%; 
+
+        flex: 0 0 66.66667%;
+    }
+    .col-lg-9
+    {
+        max-width: 75%; 
+
+        flex: 0 0 75%;
+    }
+    .col-lg-10
+    {
+        max-width: 83.33333%; 
+
+        flex: 0 0 83.33333%;
+    }
+    .col-lg-11
+    {
+        max-width: 91.66667%; 
+
+        flex: 0 0 91.66667%;
+    }
+    .col-lg-12
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .order-lg-first
+    {
+        order: -1;
+    }
+    .order-lg-last
+    {
+        order: 13;
+    }
+    .order-lg-0
+    {
+        order: 0;
+    }
+    .order-lg-1
+    {
+        order: 1;
+    }
+    .order-lg-2
+    {
+        order: 2;
+    }
+    .order-lg-3
+    {
+        order: 3;
+    }
+    .order-lg-4
+    {
+        order: 4;
+    }
+    .order-lg-5
+    {
+        order: 5;
+    }
+    .order-lg-6
+    {
+        order: 6;
+    }
+    .order-lg-7
+    {
+        order: 7;
+    }
+    .order-lg-8
+    {
+        order: 8;
+    }
+    .order-lg-9
+    {
+        order: 9;
+    }
+    .order-lg-10
+    {
+        order: 10;
+    }
+    .order-lg-11
+    {
+        order: 11;
+    }
+    .order-lg-12
+    {
+        order: 12;
+    }
+    .offset-lg-0
+    {
+        margin-left: 0;
+    }
+    .offset-lg-1
+    {
+        margin-left: 8.33333%;
+    }
+    .offset-lg-2
+    {
+        margin-left: 16.66667%;
+    }
+    .offset-lg-3
+    {
+        margin-left: 25%;
+    }
+    .offset-lg-4
+    {
+        margin-left: 33.33333%;
+    }
+    .offset-lg-5
+    {
+        margin-left: 41.66667%;
+    }
+    .offset-lg-6
+    {
+        margin-left: 50%;
+    }
+    .offset-lg-7
+    {
+        margin-left: 58.33333%;
+    }
+    .offset-lg-8
+    {
+        margin-left: 66.66667%;
+    }
+    .offset-lg-9
+    {
+        margin-left: 75%;
+    }
+    .offset-lg-10
+    {
+        margin-left: 83.33333%;
+    }
+    .offset-lg-11
+    {
+        margin-left: 91.66667%;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .col-xl
+    {
+        max-width: 100%; 
+
+        flex-basis: 0;
+        flex-grow: 1;
+    }
+    .row-cols-xl-1 > *
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .row-cols-xl-2 > *
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .row-cols-xl-3 > *
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .row-cols-xl-4 > *
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .row-cols-xl-5 > *
+    {
+        max-width: 20%; 
+
+        flex: 0 0 20%;
+    }
+    .row-cols-xl-6 > *
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-xl-auto
+    {
+        width: auto;
+        max-width: 100%; 
+
+        flex: 0 0 auto;
+    }
+    .col-xl-1
+    {
+        max-width: 8.33333%; 
+
+        flex: 0 0 8.33333%;
+    }
+    .col-xl-2
+    {
+        max-width: 16.66667%; 
+
+        flex: 0 0 16.66667%;
+    }
+    .col-xl-3
+    {
+        max-width: 25%; 
+
+        flex: 0 0 25%;
+    }
+    .col-xl-4
+    {
+        max-width: 33.33333%; 
+
+        flex: 0 0 33.33333%;
+    }
+    .col-xl-5
+    {
+        max-width: 41.66667%; 
+
+        flex: 0 0 41.66667%;
+    }
+    .col-xl-6
+    {
+        max-width: 50%; 
+
+        flex: 0 0 50%;
+    }
+    .col-xl-7
+    {
+        max-width: 58.33333%; 
+
+        flex: 0 0 58.33333%;
+    }
+    .col-xl-8
+    {
+        max-width: 66.66667%; 
+
+        flex: 0 0 66.66667%;
+    }
+    .col-xl-9
+    {
+        max-width: 75%; 
+
+        flex: 0 0 75%;
+    }
+    .col-xl-10
+    {
+        max-width: 83.33333%; 
+
+        flex: 0 0 83.33333%;
+    }
+    .col-xl-11
+    {
+        max-width: 91.66667%; 
+
+        flex: 0 0 91.66667%;
+    }
+    .col-xl-12
+    {
+        max-width: 100%; 
+
+        flex: 0 0 100%;
+    }
+    .order-xl-first
+    {
+        order: -1;
+    }
+    .order-xl-last
+    {
+        order: 13;
+    }
+    .order-xl-0
+    {
+        order: 0;
+    }
+    .order-xl-1
+    {
+        order: 1;
+    }
+    .order-xl-2
+    {
+        order: 2;
+    }
+    .order-xl-3
+    {
+        order: 3;
+    }
+    .order-xl-4
+    {
+        order: 4;
+    }
+    .order-xl-5
+    {
+        order: 5;
+    }
+    .order-xl-6
+    {
+        order: 6;
+    }
+    .order-xl-7
+    {
+        order: 7;
+    }
+    .order-xl-8
+    {
+        order: 8;
+    }
+    .order-xl-9
+    {
+        order: 9;
+    }
+    .order-xl-10
+    {
+        order: 10;
+    }
+    .order-xl-11
+    {
+        order: 11;
+    }
+    .order-xl-12
+    {
+        order: 12;
+    }
+    .offset-xl-0
+    {
+        margin-left: 0;
+    }
+    .offset-xl-1
+    {
+        margin-left: 8.33333%;
+    }
+    .offset-xl-2
+    {
+        margin-left: 16.66667%;
+    }
+    .offset-xl-3
+    {
+        margin-left: 25%;
+    }
+    .offset-xl-4
+    {
+        margin-left: 33.33333%;
+    }
+    .offset-xl-5
+    {
+        margin-left: 41.66667%;
+    }
+    .offset-xl-6
+    {
+        margin-left: 50%;
+    }
+    .offset-xl-7
+    {
+        margin-left: 58.33333%;
+    }
+    .offset-xl-8
+    {
+        margin-left: 66.66667%;
+    }
+    .offset-xl-9
+    {
+        margin-left: 75%;
+    }
+    .offset-xl-10
+    {
+        margin-left: 83.33333%;
+    }
+    .offset-xl-11
+    {
+        margin-left: 91.66667%;
+    }
+}
+
+.table
+{
+    width: 100%;
+    margin-bottom: 1rem;
+
+    color: #525f7f;
+    background-color: transparent;
+}
+.table th,
+.table td
+{
+    padding: 1rem;
+
+    vertical-align: top;
+
+    border-top: 1px solid #e9ecef;
+}
+.table thead th
+{
+    vertical-align: bottom;
+
+    border-bottom: 2px solid #e9ecef;
+}
+.table tbody + tbody
+{
+    border-top: 2px solid #e9ecef;
+}
+
+.table-sm th,
+.table-sm td
+{
+    padding: .5rem;
+}
+
+.table-bordered
+{
+    border: 1px solid #e9ecef;
+}
+.table-bordered th,
+.table-bordered td
+{
+    border: 1px solid #e9ecef;
+}
+.table-bordered thead th,
+.table-bordered thead td
+{
+    border-bottom-width: 2px;
+}
+
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody
+{
+    border: 0;
+}
+
+.table-striped tbody tr:nth-of-type(odd)
+{
+    background-color: rgba(246, 249, 252, .3);
+}
+
+.table-hover tbody tr:hover
+{
+    color: #525f7f;
+    background-color: #f6f9fc;
+}
+
+.table-primary,
+.table-primary > th,
+.table-primary > td
+{
+    background-color: #d2d8f7;
+}
+
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody
+{
+    border-color: #abb6f1;
+}
+
+.table-hover .table-primary:hover
+{
+    background-color: #bcc5f3;
+}
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th
+{
+    background-color: #bcc5f3;
+}
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td
+{
+    background-color: #fdfefe;
+}
+
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody
+{
+    border-color: #fbfcfd;
+}
+
+.table-hover .table-secondary:hover
+{
+    background-color: #ecf6f6;
+}
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th
+{
+    background-color: #ecf6f6;
+}
+
+.table-success,
+.table-success > th,
+.table-success > td
+{
+    background-color: #c4f1de;
+}
+
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody
+{
+    border-color: #92e6c2;
+}
+
+.table-hover .table-success:hover
+{
+    background-color: #afecd2;
+}
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th
+{
+    background-color: #afecd2;
+}
+
+.table-info,
+.table-info > th,
+.table-info > td
+{
+    background-color: #bcf1fb;
+}
+
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody
+{
+    border-color: #83e5f7;
+}
+
+.table-hover .table-info:hover
+{
+    background-color: #a4ecfa;
+}
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th
+{
+    background-color: #a4ecfa;
+}
+
+.table-warning,
+.table-warning > th,
+.table-warning > td
+{
+    background-color: #fed3ca;
+}
+
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody
+{
+    border-color: #fdae9c;
+}
+
+.table-hover .table-warning:hover
+{
+    background-color: #febeb1;
+}
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th
+{
+    background-color: #febeb1;
+}
+
+.table-danger,
+.table-danger > th,
+.table-danger > td
+{
+    background-color: #fcc7d1;
+}
+
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody
+{
+    border-color: #fa96aa;
+}
+
+.table-hover .table-danger:hover
+{
+    background-color: #fbafbd;
+}
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th
+{
+    background-color: #fbafbd;
+}
+
+.table-light,
+.table-light > th,
+.table-light > td
+{
+    background-color: #e8eaed;
+}
+
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody
+{
+    border-color: #d4d9dd;
+}
+
+.table-hover .table-light:hover
+{
+    background-color: #dadde2;
+}
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th
+{
+    background-color: #dadde2;
+}
+
+.table-dark,
+.table-dark > th,
+.table-dark > td
+{
+    background-color: #c1c2c3;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody
+{
+    border-color: #8c8e90;
+}
+
+.table-hover .table-dark:hover
+{
+    background-color: #b4b5b6;
+}
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th
+{
+    background-color: #b4b5b6;
+}
+
+.table-default,
+.table-default > th,
+.table-default > td
+{
+    background-color: #bec4cd;
+}
+
+.table-default th,
+.table-default td,
+.table-default thead th,
+.table-default tbody + tbody
+{
+    border-color: #8691a2;
+}
+
+.table-hover .table-default:hover
+{
+    background-color: #b0b7c2;
+}
+.table-hover .table-default:hover > td,
+.table-hover .table-default:hover > th
+{
+    background-color: #b0b7c2;
+}
+
+.table-white,
+.table-white > th,
+.table-white > td
+{
+    background-color: white;
+}
+
+.table-white th,
+.table-white td,
+.table-white thead th,
+.table-white tbody + tbody
+{
+    border-color: white;
+}
+
+.table-hover .table-white:hover
+{
+    background-color: #f2f2f2;
+}
+.table-hover .table-white:hover > td,
+.table-hover .table-white:hover > th
+{
+    background-color: #f2f2f2;
+}
+
+.table-neutral,
+.table-neutral > th,
+.table-neutral > td
+{
+    background-color: white;
+}
+
+.table-neutral th,
+.table-neutral td,
+.table-neutral thead th,
+.table-neutral tbody + tbody
+{
+    border-color: white;
+}
+
+.table-hover .table-neutral:hover
+{
+    background-color: #f2f2f2;
+}
+.table-hover .table-neutral:hover > td,
+.table-hover .table-neutral:hover > th
+{
+    background-color: #f2f2f2;
+}
+
+.table-darker,
+.table-darker > th,
+.table-darker > td
+{
+    background-color: #b8b8b8;
+}
+
+.table-darker th,
+.table-darker td,
+.table-darker thead th,
+.table-darker tbody + tbody
+{
+    border-color: #7a7a7a;
+}
+
+.table-hover .table-darker:hover
+{
+    background-color: #ababab;
+}
+.table-hover .table-darker:hover > td,
+.table-hover .table-darker:hover > th
+{
+    background-color: #ababab;
+}
+
+.table-active,
+.table-active > th,
+.table-active > td
+{
+    background-color: #f6f9fc;
+}
+
+.table-hover .table-active:hover
+{
+    background-color: #e3ecf6;
+}
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th
+{
+    background-color: #e3ecf6;
+}
+
+.table .thead-dark th
+{
+    color: #f8f9fe;
+    border-color: #1f3a68; 
+    background-color: #172b4d;
+}
+
+.table .thead-light th
+{
+    color: #8898aa;
+    border-color: #e9ecef; 
+    background-color: #f6f9fc;
+}
+
+.table-dark
+{
+    color: #f8f9fe;
+    background-color: #172b4d;
+}
+.table-dark th,
+.table-dark td,
+.table-dark thead th
+{
+    border-color: #1f3a68;
+}
+.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: #f8f9fe;
+    background-color: rgba(255, 255, 255, .075);
+}
+
+@media (max-width: 575.98px)
+{
+    .table-responsive-sm
+    {
+        display: block;
+        overflow-x: auto;
+
+        width: 100%;
+
+        -webkit-overflow-scrolling: touch;
+    }
+    .table-responsive-sm > .table-bordered
+    {
+        border: 0;
+    }
+}
+
+@media (max-width: 767.98px)
+{
+    .table-responsive-md
+    {
+        display: block;
+        overflow-x: auto;
+
+        width: 100%;
+
+        -webkit-overflow-scrolling: touch;
+    }
+    .table-responsive-md > .table-bordered
+    {
+        border: 0;
+    }
+}
+
+@media (max-width: 991.98px)
+{
+    .table-responsive-lg
+    {
+        display: block;
+        overflow-x: auto;
+
+        width: 100%;
+
+        -webkit-overflow-scrolling: touch;
+    }
+    .table-responsive-lg > .table-bordered
+    {
+        border: 0;
+    }
+}
+
+@media (max-width: 1199.98px)
+{
+    .table-responsive-xl
+    {
+        display: block;
+        overflow-x: auto;
+
+        width: 100%;
+
+        -webkit-overflow-scrolling: touch;
+    }
+    .table-responsive-xl > .table-bordered
+    {
+        border: 0;
+    }
+}
+
+.table-responsive
+{
+    display: block;
+    overflow-x: auto;
+
+    width: 100%;
+
+    -webkit-overflow-scrolling: touch;
+}
+.table-responsive > .table-bordered
+{
+    border: 0;
+}
+
+.form-control
+{
+    font-size: .875rem;
+    font-weight: 400;
+    line-height: 1.5;
+
+    display: block;
+
+    width: 100%;
+    height: calc(1.5em + 1.25rem + 2px);
+    padding: .625rem .75rem;
+
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+
+    color: #8898aa;
+    border: 1px solid #dee2e6;
+    border-radius: .25rem;
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .form-control
+    {
+        transition: none;
+    }
+}
+.form-control::-ms-expand
+{
+    border: 0; 
+    background-color: transparent;
+}
+.form-control:-moz-focusring
+{
+    color: transparent;
+    text-shadow: 0 0 0 #8898aa;
+}
+.form-control:focus
+{
+    color: #8898aa;
+    border-color: #5e72e4;
+    outline: 0;
+    background-color: #fff;
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.form-control::-ms-input-placeholder
+{
+    opacity: 1; 
+    color: #adb5bd;
+}
+.form-control::placeholder
+{
+    opacity: 1; 
+    color: #adb5bd;
+}
+.form-control:disabled,
+.form-control[readonly]
+{
+    opacity: 1; 
+    background-color: #e9ecef;
+}
+
+select.form-control:focus::-ms-value
+{
+    color: #8898aa;
+    background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range
+{
+    display: block;
+
+    width: 100%;
+}
+
+.col-form-label
+{
+    font-size: inherit;
+    line-height: 1.5; 
+
+    margin-bottom: 0;
+    padding-top: calc(.625rem + 1px);
+    padding-bottom: calc(.625rem + 1px);
+}
+
+.col-form-label-lg
+{
+    font-size: .875rem;
+    line-height: 1.5; 
+
+    padding-top: calc(.875rem + 1px);
+    padding-bottom: calc(.875rem + 1px);
+}
+
+.col-form-label-sm
+{
+    font-size: .75rem;
+    line-height: 1.5; 
+
+    padding-top: calc(.25rem + 1px);
+    padding-bottom: calc(.25rem + 1px);
+}
+
+.form-control-plaintext
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    display: block;
+
+    width: 100%;
+    margin-bottom: 0;
+    padding: .625rem 0;
+
+    color: #525f7f;
+    border: solid transparent;
+    border-width: 1px 0; 
+    background-color: transparent;
+}
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg
+{
+    padding-right: 0;
+    padding-left: 0;
+}
+
+.form-control-sm
+{
+    font-size: .75rem;
+    line-height: 1.5;
+
+    height: calc(1.5em + .5rem + 2px);
+    padding: .25rem .5rem;
+
+    border-radius: .25rem;
+}
+
+.form-control-lg
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    height: calc(1.5em + 1.75rem + 2px);
+    padding: .875rem 1rem;
+
+    border-radius: .4375rem;
+}
+
+select.form-control[size],
+select.form-control[multiple]
+{
+    height: auto;
+}
+
+textarea.form-control
+{
+    height: auto;
+}
+
+.form-group
+{
+    margin-bottom: 1.5rem;
+}
+
+.form-text
+{
+    display: block;
+
+    margin-top: .25rem;
+}
+
+.form-row
+{
+    display: flex;
+
+    margin-right: -5px;
+    margin-left: -5px; 
+
+    flex-wrap: wrap;
+}
+.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,
+.form-check-input:disabled ~ .form-check-label
+{
+    color: #8898aa;
+}
+
+.form-check-label
+{
+    margin-bottom: 0;
+}
+
+.form-check-inline
+{
+    display: inline-flex;
+
+    margin-right: .75rem; 
+    padding-left: 0;
+
+    align-items: center;
+}
+.form-check-inline .form-check-input
+{
+    position: static;
+
+    margin-top: 0;
+    margin-right: .3125rem;
+    margin-left: 0;
+}
+
+.valid-feedback
+{
+    font-size: 80%;
+
+    display: none;
+
+    width: 100%;
+    margin-top: .25rem;
+
+    color: #2dce89;
+}
+
+.valid-tooltip
+{
+    font-size: .875rem;
+    line-height: 1;
+
+    position: absolute;
+    z-index: 5;
+    top: 100%;
+
+    display: none;
+
+    max-width: 100%;
+    margin-top: .1rem;
+    padding: .5rem;
+
+    color: #fff;
+    border-radius: .2rem; 
+    background-color: rgba(45, 206, 137, .8);
+}
+
+.was-validated .form-control:valid,
+.form-control.is-valid,
+.was-validated
+.custom-select:valid,
+.custom-select.is-valid
+{
+    border-color: #2dce89;
+}
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus,
+.was-validated
+  .custom-select:valid:focus,
+.custom-select.is-valid:focus
+{
+    border-color: #2dce89;
+}
+.was-validated .form-control:valid ~ .valid-feedback,
+.was-validated .form-control:valid ~ .valid-tooltip,
+.form-control.is-valid ~ .valid-feedback,
+.form-control.is-valid ~ .valid-tooltip,
+.was-validated
+  .custom-select:valid ~ .valid-feedback,
+.was-validated
+  .custom-select:valid ~ .valid-tooltip,
+.custom-select.is-valid ~ .valid-feedback,
+.custom-select.is-valid ~ .valid-tooltip
+{
+    display: block;
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label
+{
+    color: #2dce89;
+}
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip,
+.form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip
+{
+    display: block;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label,
+.custom-control-input.is-valid ~ .custom-control-label
+{
+    color: #2dce89;
+}
+.was-validated .custom-control-input:valid ~ .custom-control-label::before,
+.custom-control-input.is-valid ~ .custom-control-label::before
+{
+    border-color: #93e7c3; 
+    background-color: #93e7c3;
+}
+
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip,
+.custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip
+{
+    display: block;
+}
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
+.custom-control-input.is-valid:checked ~ .custom-control-label::before
+{
+    border-color: #93e7c3; 
+    background-color: #54daa1;
+}
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
+.custom-control-input.is-valid:focus ~ .custom-control-label::before
+{
+    box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(45, 206, 137, .25);
+}
+
+.custom-file-input
+{
+    width: 60% !important;
+    margin: 8px !important; 
+
+    opacity: 1 !important;
+}
+.was-validated .custom-file-input:valid ~ .custom-file-label,
+.custom-file-input.is-valid ~ .custom-file-label
+{
+    border-color: #2dce89;
+}
+.was-validated .custom-file-input:valid ~ .custom-file-label::before,
+.custom-file-input.is-valid ~ .custom-file-label::before
+{
+    border-color: inherit;
+}
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip,
+.custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip
+{
+    display: block;
+}
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
+.custom-file-input.is-valid:focus ~ .custom-file-label
+{
+    box-shadow: 0 0 0 0 rgba(45, 206, 137, .25);
+}
+.custom-file-input:focus
+{
+    outline: none;
+}
+
+.invalid-feedback
+{
+    font-size: 80%;
+
+    display: none;
+
+    width: 100%;
+    margin-top: .25rem;
+
+    color: #fb6340;
+}
+
+.invalid-tooltip
+{
+    font-size: .875rem;
+    line-height: 1;
+
+    position: absolute;
+    z-index: 5;
+    top: 100%;
+
+    display: none;
+
+    max-width: 100%;
+    margin-top: .1rem;
+    padding: .5rem;
+
+    color: #fff;
+    border-radius: .2rem; 
+    background-color: rgba(251, 99, 64, .8);
+}
+
+.was-validated .form-control:invalid,
+.form-control.is-invalid,
+.was-validated
+.custom-select:invalid,
+.custom-select.is-invalid
+{
+    border-color: #fb6340;
+}
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus,
+.was-validated
+  .custom-select:invalid:focus,
+.custom-select.is-invalid:focus
+{
+    border-color: #fb6340;
+}
+.was-validated .form-control:invalid ~ .invalid-feedback,
+.was-validated .form-control:invalid ~ .invalid-tooltip,
+.form-control.is-invalid ~ .invalid-feedback,
+.form-control.is-invalid ~ .invalid-tooltip,
+.was-validated
+  .custom-select:invalid ~ .invalid-feedback,
+.was-validated
+  .custom-select:invalid ~ .invalid-tooltip,
+.custom-select.is-invalid ~ .invalid-feedback,
+.custom-select.is-invalid ~ .invalid-tooltip
+{
+    display: block;
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label
+{
+    color: #fb6340;
+}
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip,
+.form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip
+{
+    display: block;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label,
+.custom-control-input.is-invalid ~ .custom-control-label
+{
+    color: #fb6340;
+}
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
+.custom-control-input.is-invalid ~ .custom-control-label::before
+{
+    border-color: #fec9bd; 
+    background-color: #fec9bd;
+}
+
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
+.custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip
+{
+    display: block;
+}
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
+.custom-control-input.is-invalid:checked ~ .custom-control-label::before
+{
+    border-color: #fec9bd; 
+    background-color: #fc8c72;
+}
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
+.custom-control-input.is-invalid:focus ~ .custom-control-label::before
+{
+    box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(251, 99, 64, .25);
+}
+
+.custom-file-input
+{
+    width: 60% !important;
+    margin: 8px !important; 
+
+    opacity: 1 !important;
+}
+.was-validated .custom-file-input:invalid ~ .custom-file-label,
+.custom-file-input.is-invalid ~ .custom-file-label
+{
+    border-color: #fb6340;
+}
+.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
+.custom-file-input.is-invalid ~ .custom-file-label::before
+{
+    border-color: inherit;
+}
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
+.custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip
+{
+    display: block;
+}
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
+.custom-file-input.is-invalid:focus ~ .custom-file-label
+{
+    box-shadow: 0 0 0 0 rgba(251, 99, 64, .25);
+}
+.custom-file-input:focus
+{
+    outline: none;
+}
+
+.form-inline
+{
+    display: flex;
+
+    flex-flow: row wrap;
+    align-items: center;
+}
+.form-inline .form-check
+{
+    width: 100%;
+}
+@media (min-width: 576px)
+{
+    .form-inline label
+    {
+        display: flex;
+
+        margin-bottom: 0; 
+
+        align-items: center;
+        justify-content: center;
+    }
+    .form-inline .form-group
+    {
+        display: flex;
+
+        margin-bottom: 0; 
+
+        flex: 0 0 auto;
+        flex-flow: row wrap;
+        align-items: center;
+    }
+    .form-inline .form-control
+    {
+        display: inline-block;
+
+        width: auto;
+
+        vertical-align: middle;
+    }
+    .form-inline .form-control-plaintext
+    {
+        display: inline-block;
+    }
+    .form-inline .input-group,
+    .form-inline .custom-select
+    {
+        width: auto;
+    }
+    .form-inline .form-check
+    {
+        display: flex;
+
+        width: auto;
+        padding-left: 0; 
+
+        align-items: center;
+        justify-content: center;
+    }
+    .form-inline .form-check-input
+    {
+        position: relative;
+
+        margin-top: 0;
+        margin-right: .25rem;
+        margin-left: 0; 
+
+        flex-shrink: 0;
+    }
+    .form-inline .custom-control
+    {
+        align-items: center;
+        justify-content: center;
+    }
+    .form-inline .custom-control-label
+    {
+        margin-bottom: 0;
+    }
+}
+
+.btn
+{
+    font-size: .875rem;
+    font-weight: 600;
+    line-height: 1.5;
+
+    display: inline-block;
+
+    padding: .625rem 1.25rem;
+
+    cursor: pointer;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
+    text-align: center;
+    vertical-align: middle;
+
+    color: #525f7f;
+    border: 1px solid transparent;
+    border-radius: .25rem;
+    background-color: transparent;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .btn
+    {
+        transition: none;
+    }
+}
+.btn:hover
+{
+    text-decoration: none; 
+
+    color: #525f7f;
+}
+.btn:focus,
+.btn.focus
+{
+    outline: 0;
+    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
+}
+.btn.disabled,
+.btn:disabled
+{
+    opacity: .65;
+    box-shadow: none;
+}
+.btn:not(:disabled):not(.disabled):active,
+.btn:not(:disabled):not(.disabled).active
+{
+    box-shadow: none;
+}
+.btn:not(:disabled):not(.disabled):active:focus,
+.btn:not(:disabled):not(.disabled).active:focus
+{
+    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn
+{
+    pointer-events: none;
+}
+
+.btn-primary
+{
+    color: #fff;
+    border-color: #5e72e4;
+    background-color: #5e72e4;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-primary:hover
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.btn-primary:focus,
+.btn-primary.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
+}
+.btn-primary.disabled,
+.btn-primary:disabled
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #324cdd;
+}
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-primary.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
+}
+
+.btn-secondary
+{
+    color: #212529;
+    border-color: #f7fafc;
+    background-color: #f7fafc;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-secondary:hover
+{
+    color: #212529;
+    border-color: #f7fafc; 
+    background-color: #f7fafc;
+}
+.btn-secondary:focus,
+.btn-secondary.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(247, 250, 252, .5);
+}
+.btn-secondary.disabled,
+.btn-secondary:disabled
+{
+    color: #212529;
+    border-color: #f7fafc; 
+    background-color: #f7fafc;
+}
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle
+{
+    color: #212529;
+    border-color: #f7fafc; 
+    background-color: #d2e3ee;
+}
+.btn-secondary:not(:disabled):not(.disabled):active:focus,
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-secondary.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(247, 250, 252, .5);
+}
+
+.btn-success
+{
+    color: #fff;
+    border-color: #2dce89;
+    background-color: #2dce89;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-success:hover
+{
+    color: #fff;
+    border-color: #2dce89; 
+    background-color: #2dce89;
+}
+.btn-success:focus,
+.btn-success.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(45, 206, 137, .5);
+}
+.btn-success.disabled,
+.btn-success:disabled
+{
+    color: #fff;
+    border-color: #2dce89; 
+    background-color: #2dce89;
+}
+.btn-success:not(:disabled):not(.disabled):active,
+.btn-success:not(:disabled):not(.disabled).active,
+.show > .btn-success.dropdown-toggle
+{
+    color: #fff;
+    border-color: #2dce89; 
+    background-color: #24a46d;
+}
+.btn-success:not(:disabled):not(.disabled):active:focus,
+.btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-success.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(45, 206, 137, .5);
+}
+
+.btn-info
+{
+    color: #fff;
+    border-color: #11cdef;
+    background-color: #11cdef;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-info:hover
+{
+    color: #fff;
+    border-color: #11cdef; 
+    background-color: #11cdef;
+}
+.btn-info:focus,
+.btn-info.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(17, 205, 239, .5);
+}
+.btn-info.disabled,
+.btn-info:disabled
+{
+    color: #fff;
+    border-color: #11cdef; 
+    background-color: #11cdef;
+}
+.btn-info:not(:disabled):not(.disabled):active,
+.btn-info:not(:disabled):not(.disabled).active,
+.show > .btn-info.dropdown-toggle
+{
+    color: #fff;
+    border-color: #11cdef; 
+    background-color: #0da5c0;
+}
+.btn-info:not(:disabled):not(.disabled):active:focus,
+.btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-info.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(17, 205, 239, .5);
+}
+
+.btn-warning
+{
+    color: #fff;
+    border-color: #fb6340;
+    background-color: #fb6340;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-warning:hover
+{
+    color: #fff;
+    border-color: #fb6340; 
+    background-color: #fb6340;
+}
+.btn-warning:focus,
+.btn-warning.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(251, 99, 64, .5);
+}
+.btn-warning.disabled,
+.btn-warning:disabled
+{
+    color: #fff;
+    border-color: #fb6340; 
+    background-color: #fb6340;
+}
+.btn-warning:not(:disabled):not(.disabled):active,
+.btn-warning:not(:disabled):not(.disabled).active,
+.show > .btn-warning.dropdown-toggle
+{
+    color: #fff;
+    border-color: #fb6340; 
+    background-color: #fa3a0e;
+}
+.btn-warning:not(:disabled):not(.disabled):active:focus,
+.btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-warning.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(251, 99, 64, .5);
+}
+
+.btn-danger
+{
+    color: #fff;
+    border-color: #f5365c;
+    background-color: #f5365c;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-danger:hover
+{
+    color: #fff;
+    border-color: #f5365c; 
+    background-color: #f5365c;
+}
+.btn-danger:focus,
+.btn-danger.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(245, 54, 92, .5);
+}
+.btn-danger.disabled,
+.btn-danger:disabled
+{
+    color: #fff;
+    border-color: #f5365c; 
+    background-color: #f5365c;
+}
+.btn-danger:not(:disabled):not(.disabled):active,
+.btn-danger:not(:disabled):not(.disabled).active,
+.show > .btn-danger.dropdown-toggle
+{
+    color: #fff;
+    border-color: #f5365c; 
+    background-color: #ec0c38;
+}
+.btn-danger:not(:disabled):not(.disabled):active:focus,
+.btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-danger.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(245, 54, 92, .5);
+}
+
+.btn-light
+{
+    color: #fff;
+    border-color: #adb5bd;
+    background-color: #adb5bd;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-light:hover
+{
+    color: #fff;
+    border-color: #adb5bd; 
+    background-color: #adb5bd;
+}
+.btn-light:focus,
+.btn-light.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(173, 181, 189, .5);
+}
+.btn-light.disabled,
+.btn-light:disabled
+{
+    color: #fff;
+    border-color: #adb5bd; 
+    background-color: #adb5bd;
+}
+.btn-light:not(:disabled):not(.disabled):active,
+.btn-light:not(:disabled):not(.disabled).active,
+.show > .btn-light.dropdown-toggle
+{
+    color: #fff;
+    border-color: #adb5bd; 
+    background-color: #919ca6;
+}
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-light.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(173, 181, 189, .5);
+}
+
+.btn-dark
+{
+    color: #fff;
+    border-color: #212529;
+    background-color: #212529;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-dark:hover
+{
+    color: #fff;
+    border-color: #212529; 
+    background-color: #212529;
+}
+.btn-dark:focus,
+.btn-dark.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(33, 37, 41, .5);
+}
+.btn-dark.disabled,
+.btn-dark:disabled
+{
+    color: #fff;
+    border-color: #212529; 
+    background-color: #212529;
+}
+.btn-dark:not(:disabled):not(.disabled):active,
+.btn-dark:not(:disabled):not(.disabled).active,
+.show > .btn-dark.dropdown-toggle
+{
+    color: #fff;
+    border-color: #212529; 
+    background-color: #0a0c0d;
+}
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-dark.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(33, 37, 41, .5);
+}
+
+.btn-default
+{
+    color: #fff;
+    border-color: #172b4d;
+    background-color: #172b4d;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-default:hover
+{
+    color: #fff;
+    border-color: #172b4d; 
+    background-color: #172b4d;
+}
+.btn-default:focus,
+.btn-default.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);
+}
+.btn-default.disabled,
+.btn-default:disabled
+{
+    color: #fff;
+    border-color: #172b4d; 
+    background-color: #172b4d;
+}
+.btn-default:not(:disabled):not(.disabled):active,
+.btn-default:not(:disabled):not(.disabled).active,
+.show > .btn-default.dropdown-toggle
+{
+    color: #fff;
+    border-color: #172b4d; 
+    background-color: #0b1526;
+}
+.btn-default:not(:disabled):not(.disabled):active:focus,
+.btn-default:not(:disabled):not(.disabled).active:focus,
+.show > .btn-default.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(23, 43, 77, .5);
+}
+
+.btn-white
+{
+    color: #212529;
+    border-color: #fff;
+    background-color: #fff;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-white:hover
+{
+    color: #212529;
+    border-color: white; 
+    background-color: white;
+}
+.btn-white:focus,
+.btn-white.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
+}
+.btn-white.disabled,
+.btn-white:disabled
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.btn-white:not(:disabled):not(.disabled):active,
+.btn-white:not(:disabled):not(.disabled).active,
+.show > .btn-white.dropdown-toggle
+{
+    color: #212529;
+    border-color: white; 
+    background-color: #e6e6e6;
+}
+.btn-white:not(:disabled):not(.disabled):active:focus,
+.btn-white:not(:disabled):not(.disabled).active:focus,
+.show > .btn-white.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
+}
+
+.btn-neutral
+{
+    color: #212529;
+    border-color: #fff;
+    background-color: #fff;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-neutral:hover
+{
+    color: #212529;
+    border-color: white; 
+    background-color: white;
+}
+.btn-neutral:focus,
+.btn-neutral.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
+}
+.btn-neutral.disabled,
+.btn-neutral:disabled
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.btn-neutral:not(:disabled):not(.disabled):active,
+.btn-neutral:not(:disabled):not(.disabled).active,
+.show > .btn-neutral.dropdown-toggle
+{
+    color: #212529;
+    border-color: white; 
+    background-color: #e6e6e6;
+}
+.btn-neutral:not(:disabled):not(.disabled):active:focus,
+.btn-neutral:not(:disabled):not(.disabled).active:focus,
+.show > .btn-neutral.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
+}
+
+.btn-darker
+{
+    color: #fff;
+    border-color: black;
+    background-color: black;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-darker:hover
+{
+    color: #fff;
+    border-color: black; 
+    background-color: black;
+}
+.btn-darker:focus,
+.btn-darker.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, .5);
+}
+.btn-darker.disabled,
+.btn-darker:disabled
+{
+    color: #fff;
+    border-color: black; 
+    background-color: black;
+}
+.btn-darker:not(:disabled):not(.disabled):active,
+.btn-darker:not(:disabled):not(.disabled).active,
+.show > .btn-darker.dropdown-toggle
+{
+    color: #fff;
+    border-color: black; 
+    background-color: black;
+}
+.btn-darker:not(:disabled):not(.disabled):active:focus,
+.btn-darker:not(:disabled):not(.disabled).active:focus,
+.show > .btn-darker.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(0, 0, 0, .5);
+}
+
+.btn-outline-primary
+{
+    color: #5e72e4;
+    border-color: #5e72e4; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-primary:hover
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.btn-outline-primary:focus,
+.btn-outline-primary.focus
+{
+    box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
+}
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled
+{
+    color: #5e72e4;
+    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;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.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 0 rgba(94, 114, 228, .5);
+}
+
+.btn-outline-secondary
+{
+    color: #f7fafc;
+    border-color: #f7fafc; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-secondary:hover
+{
+    color: #212529;
+    border-color: #f7fafc; 
+    background-color: #f7fafc;
+}
+.btn-outline-secondary:focus,
+.btn-outline-secondary.focus
+{
+    box-shadow: 0 0 0 0 rgba(247, 250, 252, .5);
+}
+.btn-outline-secondary.disabled,
+.btn-outline-secondary:disabled
+{
+    color: #f7fafc;
+    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: #212529;
+    border-color: #f7fafc; 
+    background-color: #f7fafc;
+}
+.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 0 rgba(247, 250, 252, .5);
+}
+
+.btn-outline-success
+{
+    color: #2dce89;
+    border-color: #2dce89; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-success:hover
+{
+    color: #fff;
+    border-color: #2dce89; 
+    background-color: #2dce89;
+}
+.btn-outline-success:focus,
+.btn-outline-success.focus
+{
+    box-shadow: 0 0 0 0 rgba(45, 206, 137, .5);
+}
+.btn-outline-success.disabled,
+.btn-outline-success:disabled
+{
+    color: #2dce89;
+    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;
+    border-color: #2dce89; 
+    background-color: #2dce89;
+}
+.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 0 rgba(45, 206, 137, .5);
+}
+
+.btn-outline-info
+{
+    color: #11cdef;
+    border-color: #11cdef; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-info:hover
+{
+    color: #fff;
+    border-color: #11cdef; 
+    background-color: #11cdef;
+}
+.btn-outline-info:focus,
+.btn-outline-info.focus
+{
+    box-shadow: 0 0 0 0 rgba(17, 205, 239, .5);
+}
+.btn-outline-info.disabled,
+.btn-outline-info:disabled
+{
+    color: #11cdef;
+    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;
+    border-color: #11cdef; 
+    background-color: #11cdef;
+}
+.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 0 rgba(17, 205, 239, .5);
+}
+
+.btn-outline-warning
+{
+    color: #fb6340;
+    border-color: #fb6340; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-warning:hover
+{
+    color: #fff;
+    border-color: #fb6340; 
+    background-color: #fb6340;
+}
+.btn-outline-warning:focus,
+.btn-outline-warning.focus
+{
+    box-shadow: 0 0 0 0 rgba(251, 99, 64, .5);
+}
+.btn-outline-warning.disabled,
+.btn-outline-warning:disabled
+{
+    color: #fb6340;
+    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: #fff;
+    border-color: #fb6340; 
+    background-color: #fb6340;
+}
+.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 0 rgba(251, 99, 64, .5);
+}
+
+.btn-outline-danger
+{
+    color: #f5365c;
+    border-color: #f5365c; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-danger:hover
+{
+    color: #fff;
+    border-color: #f5365c; 
+    background-color: #f5365c;
+}
+.btn-outline-danger:focus,
+.btn-outline-danger.focus
+{
+    box-shadow: 0 0 0 0 rgba(245, 54, 92, .5);
+}
+.btn-outline-danger.disabled,
+.btn-outline-danger:disabled
+{
+    color: #f5365c;
+    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;
+    border-color: #f5365c; 
+    background-color: #f5365c;
+}
+.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 0 rgba(245, 54, 92, .5);
+}
+
+.btn-outline-light
+{
+    color: #adb5bd;
+    border-color: #adb5bd; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-light:hover
+{
+    color: #fff;
+    border-color: #adb5bd; 
+    background-color: #adb5bd;
+}
+.btn-outline-light:focus,
+.btn-outline-light.focus
+{
+    box-shadow: 0 0 0 0 rgba(173, 181, 189, .5);
+}
+.btn-outline-light.disabled,
+.btn-outline-light:disabled
+{
+    color: #adb5bd;
+    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: #fff;
+    border-color: #adb5bd; 
+    background-color: #adb5bd;
+}
+.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 0 rgba(173, 181, 189, .5);
+}
+
+.btn-outline-dark
+{
+    color: #212529;
+    border-color: #212529; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-dark:hover
+{
+    color: #fff;
+    border-color: #212529; 
+    background-color: #212529;
+}
+.btn-outline-dark:focus,
+.btn-outline-dark.focus
+{
+    box-shadow: 0 0 0 0 rgba(33, 37, 41, .5);
+}
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled
+{
+    color: #212529;
+    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;
+    border-color: #212529; 
+    background-color: #212529;
+}
+.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 0 rgba(33, 37, 41, .5);
+}
+
+.btn-outline-default
+{
+    color: #172b4d;
+    border-color: #172b4d; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-default:hover
+{
+    color: #fff;
+    border-color: #172b4d; 
+    background-color: #172b4d;
+}
+.btn-outline-default:focus,
+.btn-outline-default.focus
+{
+    box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
+}
+.btn-outline-default.disabled,
+.btn-outline-default:disabled
+{
+    color: #172b4d;
+    background-color: transparent;
+}
+.btn-outline-default:not(:disabled):not(.disabled):active,
+.btn-outline-default:not(:disabled):not(.disabled).active,
+.show > .btn-outline-default.dropdown-toggle
+{
+    color: #fff;
+    border-color: #172b4d; 
+    background-color: #172b4d;
+}
+.btn-outline-default:not(:disabled):not(.disabled):active:focus,
+.btn-outline-default:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-default.dropdown-toggle:focus
+{
+    box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
+}
+
+.btn-outline-white
+{
+    color: #fff;
+    border-color: #fff; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-white:hover
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.btn-outline-white:focus,
+.btn-outline-white.focus
+{
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
+}
+.btn-outline-white.disabled,
+.btn-outline-white:disabled
+{
+    color: #fff;
+    background-color: transparent;
+}
+.btn-outline-white:not(:disabled):not(.disabled):active,
+.btn-outline-white:not(:disabled):not(.disabled).active,
+.show > .btn-outline-white.dropdown-toggle
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.btn-outline-white:not(:disabled):not(.disabled):active:focus,
+.btn-outline-white:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-white.dropdown-toggle:focus
+{
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
+}
+
+.btn-outline-neutral
+{
+    color: #fff;
+    border-color: #fff; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-neutral:hover
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.btn-outline-neutral:focus,
+.btn-outline-neutral.focus
+{
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
+}
+.btn-outline-neutral.disabled,
+.btn-outline-neutral:disabled
+{
+    color: #fff;
+    background-color: transparent;
+}
+.btn-outline-neutral:not(:disabled):not(.disabled):active,
+.btn-outline-neutral:not(:disabled):not(.disabled).active,
+.show > .btn-outline-neutral.dropdown-toggle
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
+.btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-neutral.dropdown-toggle:focus
+{
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
+}
+
+.btn-outline-darker
+{
+    color: black;
+    border-color: black; 
+    background-color: transparent;
+    background-image: none;
+}
+.btn-outline-darker:hover
+{
+    color: #fff;
+    border-color: black; 
+    background-color: black;
+}
+.btn-outline-darker:focus,
+.btn-outline-darker.focus
+{
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
+}
+.btn-outline-darker.disabled,
+.btn-outline-darker:disabled
+{
+    color: black;
+    background-color: transparent;
+}
+.btn-outline-darker:not(:disabled):not(.disabled):active,
+.btn-outline-darker:not(:disabled):not(.disabled).active,
+.show > .btn-outline-darker.dropdown-toggle
+{
+    color: #fff;
+    border-color: black; 
+    background-color: black;
+}
+.btn-outline-darker:not(:disabled):not(.disabled):active:focus,
+.btn-outline-darker:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-darker.dropdown-toggle:focus
+{
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
+}
+
+.btn-link
+{
+    font-weight: 400;
+
+    text-decoration: none; 
+
+    color: #5e72e4;
+}
+.btn-link:hover
+{
+    text-decoration: none; 
+
+    color: #233dd2;
+}
+.btn-link:focus,
+.btn-link.focus
+{
+    text-decoration: none;
+
+    box-shadow: none;
+}
+.btn-link:disabled,
+.btn-link.disabled
+{
+    pointer-events: none; 
+
+    color: #8898aa;
+}
+
+.btn-lg,
+.btn-group-lg > .btn
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    padding: .875rem 1rem;
+
+    border-radius: .4375rem;
+}
+
+.btn-sm,
+.btn-group-sm > .btn
+{
+    font-size: .75rem;
+    line-height: 1.5;
+
+    padding: .25rem .5rem;
+
+    border-radius: .25rem;
+}
+
+.btn-block
+{
+    display: block;
+
+    width: 100%;
+}
+.btn-block + .btn-block
+{
+    margin-top: .5rem;
+}
+
+input[type='submit'].btn-block,
+input[type='reset'].btn-block,
+input[type='button'].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;
+
+    overflow: hidden;
+
+    height: 0;
+
+    transition: height .3s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .collapsing
+    {
+        transition: none;
+    }
+}
+
+.dropup,
+.dropright,
+.dropdown,
+.dropleft
+{
+    position: relative;
+}
+
+.dropdown-toggle
+{
+    white-space: nowrap;
+}
+.dropdown-toggle::after
+{
+    display: inline-block;
+
+    margin-left: .255em;
+
+    content: '';
+    vertical-align: .255em;
+
+    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
+{
+    font-size: 1rem;
+
+    position: absolute;
+    z-index: 1000;
+    top: 100%;
+    left: 0;
+
+    display: none;
+    float: left;
+
+    min-width: 10rem;
+    margin: .125rem 0 0;
+    padding: .5rem 0;
+
+    list-style: none;
+
+    text-align: left;
+
+    color: #525f7f;
+    border: 0 solid rgba(0, 0, 0, .15);
+    border-radius: .4375rem;
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
+}
+
+.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;
+
+    content: '';
+    vertical-align: .255em;
+
+    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;
+
+    content: '';
+    vertical-align: .255em;
+
+    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;
+
+    content: ''; 
+    vertical-align: .255em;
+}
+
+.dropleft .dropdown-toggle::after
+{
+    display: none;
+}
+
+.dropleft .dropdown-toggle::before
+{
+    display: inline-block;
+
+    margin-right: .255em;
+
+    content: '';
+    vertical-align: .255em;
+
+    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^='top'],
+.dropdown-menu[x-placement^='right'],
+.dropdown-menu[x-placement^='bottom'],
+.dropdown-menu[x-placement^='left']
+{
+    right: auto;
+    bottom: auto;
+}
+
+.dropdown-divider
+{
+    overflow: hidden;
+
+    height: 0;
+    margin: .5rem 0;
+
+    border-top: 1px solid #e9ecef;
+}
+
+.dropdown-item
+{
+    font-weight: 400;
+
+    display: block;
+    clear: both;
+
+    width: 100%;
+    padding: .5rem 1rem;
+
+    text-align: inherit;
+    white-space: nowrap;
+
+    color: #212529;
+    border: 0; 
+    background-color: transparent;
+}
+.dropdown-item:hover,
+.dropdown-item:focus
+{
+    text-decoration: none;
+
+    color: #16181b;
+    background-color: #f6f9fc;
+}
+.dropdown-item.active,
+.dropdown-item:active
+{
+    text-decoration: none;
+
+    color: #16181b;
+    background-color: transparent;
+}
+.dropdown-item.disabled,
+.dropdown-item:disabled
+{
+    pointer-events: none;
+
+    color: #8898aa;
+    background-color: transparent;
+}
+
+.dropdown-menu.show
+{
+    display: block;
+}
+
+.dropdown-header
+{
+    font-size: .875rem;
+
+    display: block;
+
+    margin-bottom: 0;
+    padding: .5rem 1rem;
+
+    white-space: nowrap; 
+
+    color: #8898aa;
+}
+
+.dropdown-item-text
+{
+    display: block;
+
+    padding: .5rem 1rem;
+
+    color: #212529;
+}
+
+.btn-group,
+.btn-group-vertical
+{
+    position: relative;
+
+    display: inline-flex;
+
+    vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn
+{
+    position: relative;
+
+    flex: 1 1 auto;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover
+{
+    z-index: 1;
+}
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active
+{
+    z-index: 1;
+}
+
+.btn-toolbar
+{
+    display: flex;
+
+    flex-wrap: wrap;
+    justify-content: flex-start;
+}
+.btn-toolbar .input-group
+{
+    width: auto;
+}
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child)
+{
+    margin-left: -1px;
+}
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn
+{
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn
+{
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split
+{
+    padding-right: .9375rem;
+    padding-left: .9375rem;
+}
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after
+{
+    margin-left: 0;
+}
+.dropleft .dropdown-toggle-split::before
+{
+    margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split
+{
+    padding-right: .375rem;
+    padding-left: .375rem;
+}
+
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split
+{
+    padding-right: .75rem;
+    padding-left: .75rem;
+}
+
+.btn-group.show .dropdown-toggle
+{
+    box-shadow: none;
+}
+.btn-group.show .dropdown-toggle.btn-link
+{
+    box-shadow: none;
+}
+
+.btn-group-vertical
+{
+    flex-direction: column;
+
+    align-items: flex-start;
+    justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group
+{
+    width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child)
+{
+    margin-top: -1px;
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn
+{
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) > .btn
+{
+    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='radio'],
+.btn-group-toggle > .btn input[type='checkbox'],
+.btn-group-toggle > .btn-group > .btn input[type='radio'],
+.btn-group-toggle > .btn-group > .btn input[type='checkbox']
+{
+    position: absolute;
+
+    clip: rect(0, 0, 0, 0);
+
+    pointer-events: none;
+}
+
+.input-group
+{
+    position: relative;
+
+    display: flex;
+
+    width: 100%; 
+
+    flex-wrap: wrap;
+    align-items: stretch;
+}
+.input-group > .form-control,
+.input-group > .form-control-plaintext,
+.input-group > .custom-select,
+.input-group > .custom-file
+{
+    position: relative;
+
+    min-width: 0;
+    margin-bottom: 0; 
+
+    flex: 1 1;
+}
+.input-group > .form-control + .form-control,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .custom-file,
+.input-group > .form-control-plaintext + .form-control,
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .custom-select + .form-control,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file
+{
+    margin-left: -1px;
+}
+.input-group > .form-control:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label
+{
+    z-index: 3;
+}
+.input-group > .custom-file .custom-file-input:focus
+{
+    z-index: 4;
+}
+.input-group > .form-control:not(:last-child),
+.input-group > .custom-select:not(:last-child)
+{
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+.input-group > .form-control:not(:first-child),
+.input-group > .custom-select:not(:first-child)
+{
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+.input-group > .custom-file
+{
+    display: flex;
+
+    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-prepend,
+.input-group-append
+{
+    display: flex;
+}
+.input-group-prepend .btn,
+.input-group-append .btn
+{
+    position: relative;
+    z-index: 2;
+}
+.input-group-prepend .btn:focus,
+.input-group-append .btn:focus
+{
+    z-index: 3;
+}
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn
+{
+    margin-left: -1px;
+}
+
+.input-group-prepend
+{
+    margin-right: -1px;
+}
+
+.input-group-append
+{
+    margin-left: -1px;
+}
+
+.input-group-text
+{
+    font-size: .875rem;
+    font-weight: 400;
+    line-height: 1.5;
+
+    display: flex;
+
+    margin-bottom: 0;
+    padding: .625rem .75rem;
+
+    text-align: center;
+    white-space: nowrap;
+
+    color: #adb5bd;
+    border: 1px solid #dee2e6;
+    border-radius: .25rem; 
+    background-color: #fff;
+
+    align-items: center;
+}
+.input-group-text input[type='radio'],
+.input-group-text input[type='checkbox']
+{
+    margin-top: 0;
+}
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select
+{
+    height: calc(1.5em + 1.75rem + 2px);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    padding: .875rem 1rem;
+
+    border-radius: .4375rem;
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select
+{
+    height: calc(1.5em + .5rem + 2px);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn
+{
+    font-size: .75rem;
+    line-height: 1.5;
+
+    padding: .25rem .5rem;
+
+    border-radius: .25rem;
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select
+{
+    padding-right: 1.75rem;
+}
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child)
+{
+    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:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .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)
+{
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.custom-control
+{
+    position: relative;
+
+    display: block;
+
+    min-height: 1.5rem;
+    padding-left: 2.75rem;
+}
+
+.custom-control-inline
+{
+    display: inline-flex;
+
+    margin-right: 1rem;
+}
+
+.custom-control-input
+{
+    position: absolute;
+    z-index: -1;
+    left: 0;
+
+    width: 1rem;
+    height: 1.25rem;
+
+    opacity: 0;
+}
+.custom-control-input:checked ~ .custom-control-label::before
+{
+    color: #fff;
+    border-color: #5e72e4;
+    background-color: #5e72e4;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+.custom-control-input:focus ~ .custom-control-label::before
+{
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05), 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before
+{
+    border-color: #5e72e4;
+}
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before
+{
+    color: #fff;
+    border-color: #5e72e4;
+    background-color: #5e72e4;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+.custom-control-input[disabled] ~ .custom-control-label,
+.custom-control-input:disabled ~ .custom-control-label
+{
+    color: #8898aa;
+}
+.custom-control-input[disabled] ~ .custom-control-label::before,
+.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: -2.75rem;
+
+    display: block;
+
+    width: 1rem;
+    height: 1rem;
+
+    content: '';
+    pointer-events: none;
+
+    border: #dee2e6 solid 1px;
+    background-color: #fff;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+.custom-control-label::after
+{
+    position: absolute;
+    top: .25rem;
+    left: -2.75rem;
+
+    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\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/%3e%3c/svg%3e');
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before
+{
+    border-color: #5e72e4;
+    background-color: #5e72e4;
+    box-shadow: none;
+}
+
+.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\' width=\'4\' height=\'4\' 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(94, 114, 228, .5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before
+{
+    background-color: rgba(94, 114, 228, .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\' width=\'12\' height=\'12\' 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(94, 114, 228, .5);
+}
+
+.custom-switch
+{
+    padding-left: 3.5rem;
+}
+.custom-switch .custom-control-label::before
+{
+    left: -3.5rem;
+
+    width: 1.75rem;
+
+    pointer-events: all;
+
+    border-radius: .5rem;
+}
+.custom-switch .custom-control-label::after
+{
+    top: calc(.25rem + 2px);
+    left: calc(-3.5rem + 2px);
+
+    width: calc(1rem - 4px);
+    height: calc(1rem - 4px);
+
+    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
+
+    border-radius: .5rem;
+    background-color: #dee2e6;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .custom-switch .custom-control-label::after
+    {
+        transition: none;
+    }
+}
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after
+{
+    transform: translateX(.75rem); 
+
+    background-color: #fff;
+}
+.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before
+{
+    background-color: rgba(94, 114, 228, .5);
+}
+
+.custom-select
+{
+    font-size: .875rem;
+    font-weight: 400;
+    line-height: 1.5;
+
+    display: inline-block;
+
+    width: 100%;
+    height: calc(1.5em + 1.25rem + 2px);
+    padding: .625rem 1.75rem .625rem .75rem;
+
+    vertical-align: middle;
+
+    color: #8898aa;
+    border: 1px solid #dee2e6;
+    border-radius: .375rem;
+    background: #fff url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'4\' height=\'5\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%2332325d\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat right .75rem center/8px 10px;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
+
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+}
+.custom-select:focus
+{
+    border-color: #5e72e4;
+    outline: 0;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 0 #5e72e4;
+}
+.custom-select:focus::-ms-value
+{
+    color: #8898aa;
+    background-color: #fff;
+}
+.custom-select[multiple],
+.custom-select[size]:not([size='1'])
+{
+    height: auto;
+    padding-right: .75rem;
+
+    background-image: none;
+}
+.custom-select:disabled
+{
+    color: #8898aa;
+    background-color: #e9ecef;
+}
+.custom-select::-ms-expand
+{
+    display: none;
+}
+.custom-select:-moz-focusring
+{
+    color: transparent;
+    text-shadow: 0 0 0 #8898aa;
+}
+
+.custom-select-sm
+{
+    font-size: .75rem; 
+
+    height: calc(1.5em + .5rem + 2px);
+    padding-top: .25rem;
+    padding-bottom: .25rem;
+    padding-left: .5rem;
+}
+
+.custom-select-lg
+{
+    font-size: .875rem; 
+
+    height: calc(1.5em + 1.75rem + 2px);
+    padding-top: .875rem;
+    padding-bottom: .875rem;
+    padding-left: 1rem;
+}
+
+.custom-file
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 100%;
+    height: calc(1.5em + 1.25rem + 2px);
+    margin-bottom: 0;
+}
+
+.custom-file-input
+{
+    position: relative;
+    z-index: 2;
+
+    width: 100%;
+    height: calc(1.5em + 1.25rem + 2px);
+    margin: 0;
+
+    opacity: 0;
+}
+.custom-file-input:focus ~ .custom-file-label
+{
+    border-color: #5e72e4;
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.custom-file-input[disabled] ~ .custom-file-label,
+.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
+{
+    font-weight: 400;
+    line-height: 1.5;
+
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    left: 0;
+
+    height: calc(1.5em + 1.25rem + 2px);
+    padding: .625rem .75rem;
+
+    color: #8898aa;
+    border: 1px solid #dee2e6;
+    border-radius: .25rem;
+    background-color: #fff;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+.custom-file-label::after
+{
+    line-height: 1.5;
+
+    position: absolute;
+    z-index: 3;
+    top: 0;
+    right: 0;
+    bottom: 0;
+
+    display: block;
+
+    height: calc(1.5em + 1.25rem);
+    padding: .625rem .75rem;
+
+    content: 'Browse';
+
+    color: #8898aa;
+    border-left: inherit;
+    border-radius: 0 .25rem .25rem 0; 
+    background-color: #fff;
+}
+
+.custom-range
+{
+    width: 100%;
+    height: 1rem;
+    padding: 0;
+
+    background-color: transparent;
+
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+}
+.custom-range:focus
+{
+    outline: none;
+}
+.custom-range:focus::-webkit-slider-thumb
+{
+    box-shadow: 0 0 0 1px #f8f9fe, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.custom-range:focus::-moz-range-thumb
+{
+    box-shadow: 0 0 0 1px #f8f9fe, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.custom-range:focus::-ms-thumb
+{
+    box-shadow: 0 0 0 1px #f8f9fe, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.custom-range::-moz-focus-outer
+{
+    border: 0;
+}
+.custom-range::-webkit-slider-thumb
+{
+    width: 1rem;
+    height: 1rem;
+    margin-top: -.25rem;
+
+    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+    border: 0;
+    border-radius: 1rem;
+    background-color: #5e72e4;
+    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
+
+    -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: #f7f8fe;
+}
+.custom-range::-webkit-slider-runnable-track
+{
+    width: 100%;
+    height: .5rem;
+
+    cursor: pointer;
+
+    color: transparent;
+    border-color: transparent;
+    border-radius: 1rem;
+    background-color: #dee2e6;
+    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
+}
+.custom-range::-moz-range-thumb
+{
+    width: 1rem;
+    height: 1rem;
+
+    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+    border: 0;
+    border-radius: 1rem;
+    background-color: #5e72e4;
+    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
+
+    -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: #f7f8fe;
+}
+.custom-range::-moz-range-track
+{
+    width: 100%;
+    height: .5rem;
+
+    cursor: pointer;
+
+    color: transparent;
+    border-color: transparent;
+    border-radius: 1rem;
+    background-color: #dee2e6;
+    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
+}
+.custom-range::-ms-thumb
+{
+    width: 1rem;
+    height: 1rem;
+    margin-top: 0;
+    margin-right: 0;
+    margin-left: 0;
+
+    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+    border: 0;
+    border-radius: 1rem;
+    background-color: #5e72e4;
+    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
+
+    appearance: none;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .custom-range::-ms-thumb
+    {
+        transition: none;
+    }
+}
+.custom-range::-ms-thumb:active
+{
+    background-color: #f7f8fe;
+}
+.custom-range::-ms-track
+{
+    width: 100%;
+    height: .5rem;
+
+    cursor: pointer;
+
+    color: transparent;
+    border-width: .5rem;
+    border-color: transparent;
+    background-color: transparent;
+    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
+}
+.custom-range::-ms-fill-lower
+{
+    border-radius: 1rem; 
+    background-color: #dee2e6;
+}
+.custom-range::-ms-fill-upper
+{
+    margin-right: 15px;
+
+    border-radius: 1rem; 
+    background-color: #dee2e6;
+}
+.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: flex;
+
+    margin-bottom: 0;
+    padding-left: 0;
+
+    list-style: none; 
+
+    flex-wrap: wrap;
+}
+
+.nav-link
+{
+    display: block;
+
+    padding: .25rem .75rem;
+}
+.nav-link:hover,
+.nav-link:focus
+{
+    text-decoration: none;
+}
+.nav-link.disabled
+{
+    cursor: default; 
+    pointer-events: none;
+
+    color: #8898aa;
+}
+
+.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: .375rem;
+    border-top-right-radius: .375rem;
+}
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus
+{
+    border-color: #e9ecef #e9ecef #dee2e6;
+}
+.nav-tabs .nav-link.disabled
+{
+    color: #8898aa;
+    border-color: transparent; 
+    background-color: transparent;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link
+{
+    color: #525f7f;
+    border-color: #dee2e6 #dee2e6 #f8f9fe; 
+    background-color: #f8f9fe;
+}
+.nav-tabs .dropdown-menu
+{
+    margin-top: -1px;
+
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link
+{
+    border-radius: .375rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link
+{
+    color: #fff;
+    background-color: #5e72e4;
+}
+
+.nav-fill .nav-item
+{
+    text-align: center; 
+
+    flex: 1 1 auto;
+}
+
+.nav-justified .nav-item
+{
+    text-align: center; 
+
+    flex-basis: 0;
+    flex-grow: 1;
+}
+
+.tab-content > .tab-pane
+{
+    display: none;
+}
+
+.tab-content > .active
+{
+    display: block;
+}
+
+.navbar
+{
+    position: relative;
+
+    display: flex;
+
+    padding: 1rem 1rem; 
+
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+}
+.navbar .container,
+.navbar .container-fluid,
+.navbar .container-sm,
+.navbar .container-md,
+.navbar .container-lg,
+.navbar .container-xl
+{
+    display: flex;
+
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.navbar-brand
+{
+    font-size: 1.25rem;
+    line-height: inherit;
+
+    display: inline-block;
+
+    margin-right: 1rem;
+    padding-top: .0625rem;
+    padding-bottom: .0625rem;
+
+    white-space: nowrap;
+}
+.navbar-brand:hover,
+.navbar-brand:focus
+{
+    text-decoration: none;
+}
+
+.navbar-nav
+{
+    display: flex;
+    flex-direction: column;
+
+    margin-bottom: 0;
+    padding-left: 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: .25rem;
+    padding-bottom: .25rem;
+}
+
+.navbar-collapse
+{
+    flex-basis: 100%;
+    flex-grow: 1;
+    align-items: center;
+}
+
+.navbar-toggler
+{
+    font-size: 1.25rem;
+    line-height: 1;
+
+    padding: .25rem .75rem;
+
+    border: 1px solid transparent;
+    border-radius: .25rem; 
+    background-color: transparent;
+}
+.navbar-toggler:hover,
+.navbar-toggler:focus
+{
+    text-decoration: none;
+}
+
+.navbar-toggler-icon
+{
+    display: inline-block;
+
+    width: 1.5em;
+    height: 1.5em;
+
+    content: '';
+    vertical-align: middle;
+
+    background: no-repeat center center;
+    background-size: 100% 100%;
+}
+
+@media (max-width: 575.98px)
+{
+    .navbar-expand-sm > .container,
+    .navbar-expand-sm > .container-fluid,
+    .navbar-expand-sm > .container-sm,
+    .navbar-expand-sm > .container-md,
+    .navbar-expand-sm > .container-lg,
+    .navbar-expand-sm > .container-xl
+    {
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+@media (min-width: 576px)
+{
+    .navbar-expand-sm
+    {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+    }
+    .navbar-expand-sm .navbar-nav
+    {
+        flex-direction: row;
+    }
+    .navbar-expand-sm .navbar-nav .dropdown-menu
+    {
+        position: absolute;
+    }
+    .navbar-expand-sm .navbar-nav .nav-link
+    {
+        padding-right: 1rem;
+        padding-left: 1rem;
+    }
+    .navbar-expand-sm > .container,
+    .navbar-expand-sm > .container-fluid,
+    .navbar-expand-sm > .container-sm,
+    .navbar-expand-sm > .container-md,
+    .navbar-expand-sm > .container-lg,
+    .navbar-expand-sm > .container-xl
+    {
+        flex-wrap: nowrap;
+    }
+    .navbar-expand-sm .navbar-collapse
+    {
+        display: flex !important;
+
+        flex-basis: auto;
+    }
+    .navbar-expand-sm .navbar-toggler
+    {
+        display: none;
+    }
+}
+
+@media (max-width: 767.98px)
+{
+    .navbar-expand-md > .container,
+    .navbar-expand-md > .container-fluid,
+    .navbar-expand-md > .container-sm,
+    .navbar-expand-md > .container-md,
+    .navbar-expand-md > .container-lg,
+    .navbar-expand-md > .container-xl
+    {
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .navbar-expand-md
+    {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+    }
+    .navbar-expand-md .navbar-nav
+    {
+        flex-direction: row;
+    }
+    .navbar-expand-md .navbar-nav .dropdown-menu
+    {
+        position: absolute;
+    }
+    .navbar-expand-md .navbar-nav .nav-link
+    {
+        padding-right: 1rem;
+        padding-left: 1rem;
+    }
+    .navbar-expand-md > .container,
+    .navbar-expand-md > .container-fluid,
+    .navbar-expand-md > .container-sm,
+    .navbar-expand-md > .container-md,
+    .navbar-expand-md > .container-lg,
+    .navbar-expand-md > .container-xl
+    {
+        flex-wrap: nowrap;
+    }
+    .navbar-expand-md .navbar-collapse
+    {
+        display: flex !important;
+
+        flex-basis: auto;
+    }
+    .navbar-expand-md .navbar-toggler
+    {
+        display: none;
+    }
+}
+
+@media (max-width: 991.98px)
+{
+    .navbar-expand-lg > .container,
+    .navbar-expand-lg > .container-fluid,
+    .navbar-expand-lg > .container-sm,
+    .navbar-expand-lg > .container-md,
+    .navbar-expand-lg > .container-lg,
+    .navbar-expand-lg > .container-xl
+    {
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .navbar-expand-lg
+    {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+    }
+    .navbar-expand-lg .navbar-nav
+    {
+        flex-direction: row;
+    }
+    .navbar-expand-lg .navbar-nav .dropdown-menu
+    {
+        position: absolute;
+    }
+    .navbar-expand-lg .navbar-nav .nav-link
+    {
+        padding-right: 1rem;
+        padding-left: 1rem;
+    }
+    .navbar-expand-lg > .container,
+    .navbar-expand-lg > .container-fluid,
+    .navbar-expand-lg > .container-sm,
+    .navbar-expand-lg > .container-md,
+    .navbar-expand-lg > .container-lg,
+    .navbar-expand-lg > .container-xl
+    {
+        flex-wrap: nowrap;
+    }
+    .navbar-expand-lg .navbar-collapse
+    {
+        display: flex !important;
+
+        flex-basis: auto;
+    }
+    .navbar-expand-lg .navbar-toggler
+    {
+        display: none;
+    }
+}
+
+@media (max-width: 1199.98px)
+{
+    .navbar-expand-xl > .container,
+    .navbar-expand-xl > .container-fluid,
+    .navbar-expand-xl > .container-sm,
+    .navbar-expand-xl > .container-md,
+    .navbar-expand-xl > .container-lg,
+    .navbar-expand-xl > .container-xl
+    {
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .navbar-expand-xl
+    {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+    }
+    .navbar-expand-xl .navbar-nav
+    {
+        flex-direction: row;
+    }
+    .navbar-expand-xl .navbar-nav .dropdown-menu
+    {
+        position: absolute;
+    }
+    .navbar-expand-xl .navbar-nav .nav-link
+    {
+        padding-right: 1rem;
+        padding-left: 1rem;
+    }
+    .navbar-expand-xl > .container,
+    .navbar-expand-xl > .container-fluid,
+    .navbar-expand-xl > .container-sm,
+    .navbar-expand-xl > .container-md,
+    .navbar-expand-xl > .container-lg,
+    .navbar-expand-xl > .container-xl
+    {
+        flex-wrap: nowrap;
+    }
+    .navbar-expand-xl .navbar-collapse
+    {
+        display: flex !important;
+
+        flex-basis: auto;
+    }
+    .navbar-expand-xl .navbar-toggler
+    {
+        display: none;
+    }
+}
+
+.navbar-expand
+{
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+}
+.navbar-expand > .container,
+.navbar-expand > .container-fluid,
+.navbar-expand > .container-sm,
+.navbar-expand > .container-md,
+.navbar-expand > .container-lg,
+.navbar-expand > .container-xl
+{
+    padding-right: 0;
+    padding-left: 0;
+}
+.navbar-expand .navbar-nav
+{
+    flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu
+{
+    position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link
+{
+    padding-right: 1rem;
+    padding-left: 1rem;
+}
+.navbar-expand > .container,
+.navbar-expand > .container-fluid,
+.navbar-expand > .container-sm,
+.navbar-expand > .container-md,
+.navbar-expand > .container-lg,
+.navbar-expand > .container-xl
+{
+    flex-wrap: nowrap;
+}
+.navbar-expand .navbar-collapse
+{
+    display: flex !important;
+
+    flex-basis: auto;
+}
+.navbar-expand .navbar-toggler
+{
+    display: none;
+}
+
+.navbar-light .navbar-brand
+{
+    color: rgba(0, 0, 0, .9);
+}
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus
+{
+    color: rgba(0, 0, 0, .9);
+}
+
+.navbar-light .navbar-nav .nav-link
+{
+    color: rgba(0, 0, 0, .6);
+}
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus
+{
+    color: rgba(0, 0, 0, .7);
+}
+.navbar-light .navbar-nav .nav-link.disabled
+{
+    color: rgba(0, 0, 0, .3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active
+{
+    color: rgba(0, 0, 0, .9);
+}
+
+.navbar-light .navbar-toggler
+{
+    color: rgba(0, 0, 0, .6);
+    border-color: transparent;
+}
+
+.navbar-light .navbar-toggler-icon
+{
+    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba(0, 0, 0, 0.6)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');
+}
+
+.navbar-light .navbar-text
+{
+    color: rgba(0, 0, 0, .6);
+}
+.navbar-light .navbar-text a
+{
+    color: rgba(0, 0, 0, .9);
+}
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus
+{
+    color: rgba(0, 0, 0, .9);
+}
+
+.navbar-dark .navbar-brand
+{
+    color: rgba(255, 255, 255, .65);
+}
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus
+{
+    color: rgba(255, 255, 255, .65);
+}
+
+.navbar-dark .navbar-nav .nav-link
+{
+    color: rgba(255, 255, 255, .95);
+}
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus
+{
+    color: rgba(255, 255, 255, .65);
+}
+.navbar-dark .navbar-nav .nav-link.disabled
+{
+    color: rgba(255, 255, 255, .25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active
+{
+    color: rgba(255, 255, 255, .65);
+}
+
+.navbar-dark .navbar-toggler
+{
+    color: rgba(255, 255, 255, .95);
+    border-color: transparent;
+}
+
+.navbar-dark .navbar-toggler-icon
+{
+    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba(255, 255, 255, 0.95)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');
+}
+
+.navbar-dark .navbar-text
+{
+    color: rgba(255, 255, 255, .95);
+}
+.navbar-dark .navbar-text a
+{
+    color: rgba(255, 255, 255, .65);
+}
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus
+{
+    color: rgba(255, 255, 255, .65);
+}
+
+.card
+{
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+
+    min-width: 0;
+
+    word-wrap: break-word;
+
+    border: 1px solid rgba(0, 0, 0, .05);
+    border-radius: .375rem; 
+    background-color: #fff;
+    background-clip: border-box;
+}
+.card > hr
+{
+    margin-right: 0;
+    margin-left: 0;
+}
+.card > .list-group:first-child .list-group-item:first-child
+{
+    border-top-left-radius: .375rem;
+    border-top-right-radius: .375rem;
+}
+.card > .list-group:last-child .list-group-item:last-child
+{
+    border-bottom-right-radius: .375rem;
+    border-bottom-left-radius: .375rem;
+}
+
+.card-body
+{
+    min-height: 1px;
+    padding: 1.5rem; 
+
+    flex: 1 1 auto;
+}
+
+.card-title
+{
+    margin-bottom: 1.25rem;
+}
+
+.card-subtitle
+{
+    margin-top: -.625rem;
+    margin-bottom: 0;
+}
+
+.card-text:last-child
+{
+    margin-bottom: 0;
+}
+
+.card-link:hover
+{
+    text-decoration: none;
+}
+
+.card-link + .card-link
+{
+    margin-left: 1.5rem;
+}
+
+.card-header
+{
+    margin-bottom: 0;
+    padding: 1.25rem 1.5rem;
+
+    border-bottom: 1px solid rgba(0, 0, 0, .05); 
+    background-color: #fff;
+}
+.card-header:first-child
+{
+    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
+}
+.card-header + .list-group .list-group-item:first-child
+{
+    border-top: 0;
+}
+
+.card-footer
+{
+    padding: 1.25rem 1.5rem;
+
+    border-top: 1px solid rgba(0, 0, 0, .05); 
+    background-color: #fff;
+}
+.card-footer:last-child
+{
+    border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px);
+}
+
+.card-header-tabs
+{
+    margin-right: -.75rem;
+    margin-bottom: -1.25rem;
+    margin-left: -.75rem;
+
+    border-bottom: 0;
+}
+
+.card-header-pills
+{
+    margin-right: -.75rem;
+    margin-left: -.75rem;
+}
+
+.card-img-overlay
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    padding: 1.25rem;
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom
+{
+    width: 100%; 
+
+    flex-shrink: 0;
+}
+
+.card-img,
+.card-img-top
+{
+    border-top-left-radius: calc(.375rem - 1px);
+    border-top-right-radius: calc(.375rem - 1px);
+}
+
+.card-img,
+.card-img-bottom
+{
+    border-bottom-right-radius: calc(.375rem - 1px);
+    border-bottom-left-radius: calc(.375rem - 1px);
+}
+
+.card-deck .card
+{
+    margin-bottom: 15px;
+}
+
+@media (min-width: 576px)
+{
+    .card-deck
+    {
+        display: flex;
+
+        margin-right: -15px;
+        margin-left: -15px; 
+
+        flex-flow: row wrap;
+    }
+    .card-deck .card
+    {
+        margin-right: 15px;
+        margin-bottom: 0;
+        margin-left: 15px; 
+
+        flex: 1 0;
+    }
+}
+
+.card-group > .card
+{
+    margin-bottom: 15px;
+}
+
+@media (min-width: 576px)
+{
+    .card-group
+    {
+        display: flex;
+
+        flex-flow: row wrap;
+    }
+    .card-group > .card
+    {
+        margin-bottom: 0; 
+
+        flex: 1 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-img-top,
+    .card-group > .card:not(:last-child) .card-header
+    {
+        border-top-right-radius: 0;
+    }
+    .card-group > .card:not(:last-child) .card-img-bottom,
+    .card-group > .card:not(:last-child) .card-footer
+    {
+        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-img-top,
+    .card-group > .card:not(:first-child) .card-header
+    {
+        border-top-left-radius: 0;
+    }
+    .card-group > .card:not(:first-child) .card-img-bottom,
+    .card-group > .card:not(:first-child) .card-footer
+    {
+        border-bottom-left-radius: 0;
+    }
+}
+
+.card-columns .card
+{
+    margin-bottom: 1.25rem;
+}
+
+@media (min-width: 576px)
+{
+    .card-columns
+    {
+        column-count: 3;
+        column-gap: 1.25rem;
+        orphans: 1;
+        widows: 1;
+    }
+    .card-columns .card
+    {
+        display: inline-block;
+
+        width: 100%;
+    }
+}
+
+.accordion > .card
+{
+    overflow: hidden;
+}
+.accordion > .card:not(:last-of-type)
+{
+    border-bottom: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+.accordion > .card:not(:first-of-type)
+{
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+.accordion > .card > .card-header
+{
+    margin-bottom: -1px; 
+
+    border-radius: 0;
+}
+
+.breadcrumb
+{
+    display: flex;
+
+    margin-bottom: 1rem;
+    padding: .75rem 1rem;
+
+    list-style: none;
+
+    border-radius: .375rem; 
+    background-color: #e9ecef;
+
+    flex-wrap: wrap;
+}
+
+.breadcrumb-item + .breadcrumb-item
+{
+    padding-left: .5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before
+{
+    display: inline-block;
+
+    padding-right: .5rem;
+
+    content: '/'; 
+
+    color: #8898aa;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before
+{
+    text-decoration: underline;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before
+{
+    text-decoration: none;
+}
+
+.breadcrumb-item.active
+{
+    color: #8898aa;
+}
+
+.pagination
+{
+    display: flex;
+
+    padding-left: 0;
+
+    list-style: none;
+
+    border-radius: .375rem;
+}
+
+.page-link
+{
+    line-height: 1.25;
+
+    position: relative;
+
+    display: block;
+
+    margin-left: -1px;
+    padding: .5rem .75rem;
+
+    color: #8898aa;
+    border: 1px solid #dee2e6; 
+    background-color: #fff;
+}
+.page-link:hover
+{
+    z-index: 2;
+
+    text-decoration: none;
+
+    color: #8898aa;
+    border-color: #dee2e6; 
+    background-color: #dee2e6;
+}
+.page-link:focus
+{
+    z-index: 3;
+
+    outline: 0;
+    box-shadow: none;
+}
+
+.page-item:first-child .page-link
+{
+    margin-left: 0;
+
+    border-top-left-radius: .375rem;
+    border-bottom-left-radius: .375rem;
+}
+
+.page-item:last-child .page-link
+{
+    border-top-right-radius: .375rem;
+    border-bottom-right-radius: .375rem;
+}
+
+.page-item.active .page-link
+{
+    z-index: 3;
+
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+
+.page-item.disabled .page-link
+{
+    cursor: auto;
+    pointer-events: none;
+
+    color: #8898aa;
+    border-color: #dee2e6; 
+    background-color: #fff;
+}
+
+.pagination-lg .page-link
+{
+    font-size: 1.25rem;
+    line-height: 1.5; 
+
+    padding: .75rem 1.5rem;
+}
+
+.pagination-lg .page-item:first-child .page-link
+{
+    border-top-left-radius: .4375rem;
+    border-bottom-left-radius: .4375rem;
+}
+
+.pagination-lg .page-item:last-child .page-link
+{
+    border-top-right-radius: .4375rem;
+    border-bottom-right-radius: .4375rem;
+}
+
+.pagination-sm .page-link
+{
+    font-size: .875rem;
+    line-height: 1.5; 
+
+    padding: .25rem .5rem;
+}
+
+.pagination-sm .page-item:first-child .page-link
+{
+    border-top-left-radius: .25rem;
+    border-bottom-left-radius: .25rem;
+}
+
+.pagination-sm .page-item:last-child .page-link
+{
+    border-top-right-radius: .25rem;
+    border-bottom-right-radius: .25rem;
+}
+
+.badge
+{
+    font-size: 66%;
+    font-weight: 600;
+    line-height: 1;
+
+    display: inline-block;
+
+    padding: .35rem .375rem;
+
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
+    text-align: center;
+    vertical-align: baseline;
+    white-space: nowrap;
+
+    border-radius: .375rem;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .badge
+    {
+        transition: none;
+    }
+}
+a.badge:hover,
+a.badge:focus
+{
+    text-decoration: none;
+}
+.badge:empty
+{
+    display: none;
+}
+
+.btn .badge
+{
+    position: relative;
+    top: -1px;
+}
+
+.badge-pill
+{
+    padding-right: .875em;
+    padding-left: .875em;
+
+    border-radius: 10rem;
+}
+
+.badge-primary
+{
+    color: #2643e9;
+    background-color: #eaecfb;
+}
+.badge-primary[href]:hover,
+.badge-primary[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #2a44db;
+}
+
+.badge-secondary
+{
+    color: #cfe3f1;
+    background-color: white;
+}
+.badge-secondary[href]:hover,
+.badge-secondary[href]:focus
+{
+    text-decoration: none;
+
+    color: #212529;
+    background-color: #cadeeb;
+}
+
+.badge-success
+{
+    color: #1aae6f;
+    background-color: #b0eed3;
+}
+.badge-success[href]:hover,
+.badge-success[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #229c68;
+}
+
+.badge-info
+{
+    color: #03acca;
+    background-color: #aaedf9;
+}
+.badge-info[href]:hover,
+.badge-info[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #0c9cb7;
+}
+
+.badge-warning
+{
+    color: #ff3709;
+    background-color: #fee6e0;
+}
+.badge-warning[href]:hover,
+.badge-warning[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #f93305;
+}
+
+.badge-danger
+{
+    color: #f80031;
+    background-color: #fdd1da;
+}
+.badge-danger[href]:hover,
+.badge-danger[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #e30b36;
+}
+
+.badge-light
+{
+    color: #879cb0;
+    background-color: white;
+}
+.badge-light[href]:hover,
+.badge-light[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #8b96a2;
+}
+
+.badge-dark
+{
+    color: #090c0e;
+    background-color: #6a7783;
+}
+.badge-dark[href]:hover,
+.badge-dark[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #060607;
+}
+
+.badge-default
+{
+    color: #091428;
+    background-color: #4172c6;
+}
+.badge-default[href]:hover,
+.badge-default[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: #09111e;
+}
+
+.badge-white
+{
+    color: #e8e3e3;
+    background-color: white;
+}
+.badge-white[href]:hover,
+.badge-white[href]:focus
+{
+    text-decoration: none;
+
+    color: #212529;
+    background-color: #e0e0e0;
+}
+
+.badge-neutral
+{
+    color: #e8e3e3;
+    background-color: white;
+}
+.badge-neutral[href]:hover,
+.badge-neutral[href]:focus
+{
+    text-decoration: none;
+
+    color: #212529;
+    background-color: #e0e0e0;
+}
+
+.badge-darker
+{
+    color: black;
+    background-color: #525252;
+}
+.badge-darker[href]:hover,
+.badge-darker[href]:focus
+{
+    text-decoration: none;
+
+    color: #fff;
+    background-color: black;
+}
+
+.jumbotron
+{
+    margin-bottom: 2rem;
+    padding: 2rem 1rem;
+
+    border-radius: .4375rem; 
+    background-color: #e9ecef;
+}
+@media (min-width: 576px)
+{
+    .jumbotron
+    {
+        padding: 4rem 2rem;
+    }
+}
+
+.jumbotron-fluid
+{
+    padding-right: 0;
+    padding-left: 0;
+
+    border-radius: 0;
+}
+
+.alert
+{
+    position: relative;
+
+    margin-bottom: 1rem;
+    padding: 1rem 1.5rem;
+
+    border: 1px solid transparent;
+    border-radius: .375rem;
+}
+
+.alert-heading
+{
+    color: inherit;
+}
+
+.alert-link
+{
+    font-weight: 600;
+}
+
+.alert-dismissible
+{
+    padding-right: 4.5rem;
+}
+.alert-dismissible .close
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    padding: 1rem 1.5rem;
+
+    color: inherit;
+}
+
+.alert-primary
+{
+    color: #fff;
+    border-color: #7889e8;
+    background-color: #7889e8;
+}
+.alert-primary a
+{
+    font-weight: 600; 
+
+    color: #1d32aa;
+}
+.alert-primary a:hover
+{
+    color: #fff;
+}
+.alert-primary hr
+{
+    border-top-color: #6276e4;
+}
+.alert-primary .alert-link
+{
+    color: #324cdd;
+}
+
+.alert-secondary
+{
+    color: #212529;
+    border-color: #f8fbfc;
+    background-color: #f8fbfc;
+}
+.alert-secondary a
+{
+    font-weight: 600; 
+
+    color: #8dbece;
+}
+.alert-secondary a:hover
+{
+    color: #212529;
+}
+.alert-secondary hr
+{
+    border-top-color: #e6f1f4;
+}
+.alert-secondary .alert-link
+{
+    color: #d2e3ee;
+}
+
+.alert-success
+{
+    color: #fff;
+    border-color: #4fd69c;
+    background-color: #4fd69c;
+}
+.alert-success a
+{
+    font-weight: 600; 
+
+    color: #1a724c;
+}
+.alert-success a:hover
+{
+    color: #fff;
+}
+.alert-success hr
+{
+    border-top-color: #3ad190;
+}
+.alert-success .alert-link
+{
+    color: #24a46d;
+}
+
+.alert-info
+{
+    color: #fff;
+    border-color: #37d5f2;
+    background-color: #37d5f2;
+}
+.alert-info a
+{
+    font-weight: 600; 
+
+    color: #097487;
+}
+.alert-info a:hover
+{
+    color: #fff;
+}
+.alert-info hr
+{
+    border-top-color: #1fd0f0;
+}
+.alert-info .alert-link
+{
+    color: #0da5c0;
+}
+
+.alert-warning
+{
+    color: #fff;
+    border-color: #fc7c5f;
+    background-color: #fc7c5f;
+}
+.alert-warning a
+{
+    font-weight: 600; 
+
+    color: #be2604;
+}
+.alert-warning a:hover
+{
+    color: #fff;
+}
+.alert-warning hr
+{
+    border-top-color: #fc6846;
+}
+.alert-warning .alert-link
+{
+    color: #fa3a0e;
+}
+
+.alert-danger
+{
+    color: #fff;
+    border-color: #f75676;
+    background-color: #f75676;
+}
+.alert-danger a
+{
+    font-weight: 600; 
+
+    color: #ac0829;
+}
+.alert-danger a:hover
+{
+    color: #fff;
+}
+.alert-danger hr
+{
+    border-top-color: #f63e62;
+}
+.alert-danger .alert-link
+{
+    color: #ec0c38;
+}
+
+.alert-light
+{
+    color: #fff;
+    border-color: #bac1c8;
+    background-color: #bac1c8;
+}
+.alert-light a
+{
+    font-weight: 600; 
+
+    color: #677582;
+}
+.alert-light a:hover
+{
+    color: #fff;
+}
+.alert-light hr
+{
+    border-top-color: #acb4bd;
+}
+.alert-light .alert-link
+{
+    color: #919ca6;
+}
+
+.alert-dark
+{
+    color: #fff;
+    border-color: #45484b;
+    background-color: #45484b;
+}
+.alert-dark a
+{
+    font-weight: 600; 
+
+    color: black;
+}
+.alert-dark a:hover
+{
+    color: #fff;
+}
+.alert-dark hr
+{
+    border-top-color: #393b3e;
+}
+.alert-dark .alert-link
+{
+    color: #0a0c0d;
+}
+
+.alert-default
+{
+    color: #fff;
+    border-color: #3c4d69;
+    background-color: #3c4d69;
+}
+.alert-default a
+{
+    font-weight: 600; 
+
+    color: #040608;
+}
+.alert-default a:hover
+{
+    color: #fff;
+}
+.alert-default hr
+{
+    border-top-color: #334159;
+}
+.alert-default .alert-link
+{
+    color: #0b1526;
+}
+
+.alert-white
+{
+    color: #212529;
+    border-color: white;
+    background-color: white;
+}
+.alert-white a
+{
+    font-weight: 600; 
+
+    color: #b3b3b3;
+}
+.alert-white a:hover
+{
+    color: #212529;
+}
+.alert-white hr
+{
+    border-top-color: #f2f2f2;
+}
+.alert-white .alert-link
+{
+    color: #e6e6e6;
+}
+
+.alert-neutral
+{
+    color: #212529;
+    border-color: white;
+    background-color: white;
+}
+.alert-neutral a
+{
+    font-weight: 600; 
+
+    color: #b3b3b3;
+}
+.alert-neutral a:hover
+{
+    color: #212529;
+}
+.alert-neutral hr
+{
+    border-top-color: #f2f2f2;
+}
+.alert-neutral .alert-link
+{
+    color: #e6e6e6;
+}
+
+.alert-darker
+{
+    color: #fff;
+    border-color: #292929;
+    background-color: #292929;
+}
+.alert-darker a
+{
+    font-weight: 600; 
+
+    color: black;
+}
+.alert-darker a:hover
+{
+    color: #fff;
+}
+.alert-darker hr
+{
+    border-top-color: #1c1c1c;
+}
+.alert-darker .alert-link
+{
+    color: black;
+}
+
+@keyframes progress-bar-stripes
+{
+    from
+    {
+        background-position: 1rem 0;
+    }
+    to
+    {
+        background-position: 0 0;
+    }
+}
+
+.progress
+{
+    font-size: .75rem;
+
+    display: flex;
+    overflow: hidden;
+
+    height: 1rem;
+
+    border-radius: .375rem;
+    background-color: #e9ecef;
+    box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1);
+}
+
+.progress-bar
+{
+    display: flex;
+    overflow: hidden;
+    flex-direction: column;
+
+    transition: width .6s ease; 
+    text-align: center;
+    white-space: nowrap;
+
+    color: #fff;
+    background-color: #5e72e4;
+
+    justify-content: center;
+}
+@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
+{
+    animation: progress-bar-stripes 1s linear infinite;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .progress-bar-animated
+    {
+        animation: none;
+    }
+}
+
+.media
+{
+    display: flex;
+
+    align-items: flex-start;
+}
+
+.media-body
+{
+    flex: 1 1;
+}
+
+.list-group
+{
+    display: flex;
+    flex-direction: column;
+
+    margin-bottom: 0; 
+    padding-left: 0;
+}
+
+.list-group-item-action
+{
+    width: 100%;
+
+    text-align: inherit; 
+
+    color: #525f7f;
+}
+.list-group-item-action:hover,
+.list-group-item-action:focus
+{
+    z-index: 1;
+
+    text-decoration: none;
+
+    color: #525f7f;
+    background-color: #f6f9fc;
+}
+.list-group-item-action:active
+{
+    color: #525f7f;
+    background-color: #e9ecef;
+}
+
+.list-group-item
+{
+    position: relative;
+
+    display: block;
+
+    padding: 1rem 1rem;
+
+    border: 1px solid #e9ecef; 
+    background-color: #fff;
+}
+.list-group-item:first-child
+{
+    border-top-left-radius: .375rem;
+    border-top-right-radius: .375rem;
+}
+.list-group-item:last-child
+{
+    border-bottom-right-radius: .375rem;
+    border-bottom-left-radius: .375rem;
+}
+.list-group-item.disabled,
+.list-group-item:disabled
+{
+    pointer-events: none;
+
+    color: #8898aa;
+    background-color: #fff;
+}
+.list-group-item.active
+{
+    z-index: 2;
+
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.list-group-item + .list-group-item
+{
+    border-top-width: 0;
+}
+.list-group-item + .list-group-item.active
+{
+    margin-top: -1px;
+
+    border-top-width: 1px;
+}
+
+.list-group-horizontal
+{
+    flex-direction: row;
+}
+.list-group-horizontal .list-group-item:first-child
+{
+    border-top-right-radius: 0; 
+    border-bottom-left-radius: .375rem;
+}
+.list-group-horizontal .list-group-item:last-child
+{
+    border-top-right-radius: .375rem;
+    border-bottom-left-radius: 0;
+}
+.list-group-horizontal .list-group-item.active
+{
+    margin-top: 0;
+}
+.list-group-horizontal .list-group-item + .list-group-item
+{
+    border-top-width: 1px;
+    border-left-width: 0;
+}
+.list-group-horizontal .list-group-item + .list-group-item.active
+{
+    margin-left: -1px;
+
+    border-left-width: 1px;
+}
+
+@media (min-width: 576px)
+{
+    .list-group-horizontal-sm
+    {
+        flex-direction: row;
+    }
+    .list-group-horizontal-sm .list-group-item:first-child
+    {
+        border-top-right-radius: 0; 
+        border-bottom-left-radius: .375rem;
+    }
+    .list-group-horizontal-sm .list-group-item:last-child
+    {
+        border-top-right-radius: .375rem;
+        border-bottom-left-radius: 0;
+    }
+    .list-group-horizontal-sm .list-group-item.active
+    {
+        margin-top: 0;
+    }
+    .list-group-horizontal-sm .list-group-item + .list-group-item
+    {
+        border-top-width: 1px;
+        border-left-width: 0;
+    }
+    .list-group-horizontal-sm .list-group-item + .list-group-item.active
+    {
+        margin-left: -1px;
+
+        border-left-width: 1px;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .list-group-horizontal-md
+    {
+        flex-direction: row;
+    }
+    .list-group-horizontal-md .list-group-item:first-child
+    {
+        border-top-right-radius: 0; 
+        border-bottom-left-radius: .375rem;
+    }
+    .list-group-horizontal-md .list-group-item:last-child
+    {
+        border-top-right-radius: .375rem;
+        border-bottom-left-radius: 0;
+    }
+    .list-group-horizontal-md .list-group-item.active
+    {
+        margin-top: 0;
+    }
+    .list-group-horizontal-md .list-group-item + .list-group-item
+    {
+        border-top-width: 1px;
+        border-left-width: 0;
+    }
+    .list-group-horizontal-md .list-group-item + .list-group-item.active
+    {
+        margin-left: -1px;
+
+        border-left-width: 1px;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .list-group-horizontal-lg
+    {
+        flex-direction: row;
+    }
+    .list-group-horizontal-lg .list-group-item:first-child
+    {
+        border-top-right-radius: 0; 
+        border-bottom-left-radius: .375rem;
+    }
+    .list-group-horizontal-lg .list-group-item:last-child
+    {
+        border-top-right-radius: .375rem;
+        border-bottom-left-radius: 0;
+    }
+    .list-group-horizontal-lg .list-group-item.active
+    {
+        margin-top: 0;
+    }
+    .list-group-horizontal-lg .list-group-item + .list-group-item
+    {
+        border-top-width: 1px;
+        border-left-width: 0;
+    }
+    .list-group-horizontal-lg .list-group-item + .list-group-item.active
+    {
+        margin-left: -1px;
+
+        border-left-width: 1px;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .list-group-horizontal-xl
+    {
+        flex-direction: row;
+    }
+    .list-group-horizontal-xl .list-group-item:first-child
+    {
+        border-top-right-radius: 0; 
+        border-bottom-left-radius: .375rem;
+    }
+    .list-group-horizontal-xl .list-group-item:last-child
+    {
+        border-top-right-radius: .375rem;
+        border-bottom-left-radius: 0;
+    }
+    .list-group-horizontal-xl .list-group-item.active
+    {
+        margin-top: 0;
+    }
+    .list-group-horizontal-xl .list-group-item + .list-group-item
+    {
+        border-top-width: 1px;
+        border-left-width: 0;
+    }
+    .list-group-horizontal-xl .list-group-item + .list-group-item.active
+    {
+        margin-left: -1px;
+
+        border-left-width: 1px;
+    }
+}
+
+.list-group-flush .list-group-item
+{
+    border-right-width: 0;
+    border-left-width: 0;
+    border-radius: 0;
+}
+.list-group-flush .list-group-item:first-child
+{
+    border-top-width: 0;
+}
+
+.list-group-flush:last-child .list-group-item:last-child
+{
+    border-bottom-width: 0;
+}
+
+.list-group-item-primary
+{
+    color: #313b77;
+    background-color: #d2d8f7;
+}
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus
+{
+    color: #313b77;
+    background-color: #bcc5f3;
+}
+.list-group-item-primary.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #313b77; 
+    background-color: #313b77;
+}
+
+.list-group-item-secondary
+{
+    color: #808283;
+    background-color: #fdfefe;
+}
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus
+{
+    color: #808283;
+    background-color: #ecf6f6;
+}
+.list-group-item-secondary.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #808283; 
+    background-color: #808283;
+}
+
+.list-group-item-success
+{
+    color: #176b47;
+    background-color: #c4f1de;
+}
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus
+{
+    color: #176b47;
+    background-color: #afecd2;
+}
+.list-group-item-success.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #176b47; 
+    background-color: #176b47;
+}
+
+.list-group-item-info
+{
+    color: #096b7c;
+    background-color: #bcf1fb;
+}
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus
+{
+    color: #096b7c;
+    background-color: #a4ecfa;
+}
+.list-group-item-info.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #096b7c; 
+    background-color: #096b7c;
+}
+
+.list-group-item-warning
+{
+    color: #833321;
+    background-color: #fed3ca;
+}
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus
+{
+    color: #833321;
+    background-color: #febeb1;
+}
+.list-group-item-warning.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #833321; 
+    background-color: #833321;
+}
+
+.list-group-item-danger
+{
+    color: #7f1c30;
+    background-color: #fcc7d1;
+}
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus
+{
+    color: #7f1c30;
+    background-color: #fbafbd;
+}
+.list-group-item-danger.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #7f1c30; 
+    background-color: #7f1c30;
+}
+
+.list-group-item-light
+{
+    color: #5a5e62;
+    background-color: #e8eaed;
+}
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus
+{
+    color: #5a5e62;
+    background-color: #dadde2;
+}
+.list-group-item-light.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #5a5e62; 
+    background-color: #5a5e62;
+}
+
+.list-group-item-dark
+{
+    color: #111315;
+    background-color: #c1c2c3;
+}
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus
+{
+    color: #111315;
+    background-color: #b4b5b6;
+}
+.list-group-item-dark.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #111315; 
+    background-color: #111315;
+}
+
+.list-group-item-default
+{
+    color: #0c1628;
+    background-color: #bec4cd;
+}
+.list-group-item-default.list-group-item-action:hover,
+.list-group-item-default.list-group-item-action:focus
+{
+    color: #0c1628;
+    background-color: #b0b7c2;
+}
+.list-group-item-default.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #0c1628; 
+    background-color: #0c1628;
+}
+
+.list-group-item-white
+{
+    color: #858585;
+    background-color: white;
+}
+.list-group-item-white.list-group-item-action:hover,
+.list-group-item-white.list-group-item-action:focus
+{
+    color: #858585;
+    background-color: #f2f2f2;
+}
+.list-group-item-white.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #858585; 
+    background-color: #858585;
+}
+
+.list-group-item-neutral
+{
+    color: #858585;
+    background-color: white;
+}
+.list-group-item-neutral.list-group-item-action:hover,
+.list-group-item-neutral.list-group-item-action:focus
+{
+    color: #858585;
+    background-color: #f2f2f2;
+}
+.list-group-item-neutral.list-group-item-action.active
+{
+    color: #fff;
+    border-color: #858585; 
+    background-color: #858585;
+}
+
+.list-group-item-darker
+{
+    color: black;
+    background-color: #b8b8b8;
+}
+.list-group-item-darker.list-group-item-action:hover,
+.list-group-item-darker.list-group-item-action:focus
+{
+    color: black;
+    background-color: #ababab;
+}
+.list-group-item-darker.list-group-item-action.active
+{
+    color: #fff;
+    border-color: black; 
+    background-color: black;
+}
+
+.close
+{
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1;
+
+    float: right;
+
+    opacity: .5; 
+    color: rgba(0, 0, 0, .6);
+    text-shadow: none;
+}
+@media (max-width: 1200px)
+{
+    .close
+    {
+        font-size: calc(1.275rem + .3vw) ;
+    }
+}
+.close:hover
+{
+    text-decoration: none; 
+
+    color: rgba(0, 0, 0, .6);
+}
+.close:not(:disabled):not(.disabled):hover,
+.close:not(:disabled):not(.disabled):focus
+{
+    opacity: .75;
+}
+
+button.close
+{
+    padding: 0;
+
+    border: 0;
+    background-color: transparent;
+
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+}
+
+a.close.disabled
+{
+    pointer-events: none;
+}
+
+.modal-open
+{
+    overflow: hidden;
+}
+.modal-open .modal
+{
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.modal
+{
+    position: fixed;
+    z-index: 1050;
+    top: 0;
+    left: 0;
+
+    display: none;
+    overflow: hidden;
+
+    width: 100%;
+    height: 100%;
+
+    outline: 0;
+}
+
+.modal-dialog
+{
+    position: relative;
+
+    width: auto;
+    margin: .5rem;
+
+    pointer-events: none;
+}
+.modal.fade .modal-dialog
+{
+    transition: transform .3s ease-out;
+    transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .modal.fade .modal-dialog
+    {
+        transition: none;
+    }
+}
+.modal.show .modal-dialog
+{
+    transform: none;
+}
+.modal.modal-static .modal-dialog
+{
+    transform: scale(1.02);
+}
+
+.modal-dialog-scrollable
+{
+    display: flex;
+
+    max-height: calc(100% - 1rem);
+}
+.modal-dialog-scrollable .modal-content
+{
+    overflow: hidden; 
+
+    max-height: calc(100vh - 1rem);
+}
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer
+{
+    flex-shrink: 0;
+}
+.modal-dialog-scrollable .modal-body
+{
+    overflow-y: auto;
+}
+
+.modal-dialog-centered
+{
+    display: flex;
+
+    min-height: calc(100% - 1rem); 
+
+    align-items: center;
+}
+.modal-dialog-centered::before
+{
+    display: block;
+
+    height: calc(100vh - 1rem);
+
+    content: '';
+}
+.modal-dialog-centered.modal-dialog-scrollable
+{
+    flex-direction: column;
+
+    height: 100%; 
+
+    justify-content: center;
+}
+.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: flex;
+    flex-direction: column;
+
+    width: 100%;
+
+    pointer-events: auto;
+
+    border: 0 solid rgba(0, 0, 0, .2);
+    border-radius: .4375rem;
+    outline: 0; 
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
+}
+
+.modal-backdrop
+{
+    position: fixed;
+    z-index: 1040;
+    top: 0;
+    left: 0;
+
+    width: 100vw;
+    height: 100vh;
+
+    background-color: #000;
+}
+.modal-backdrop.fade
+{
+    opacity: 0;
+}
+.modal-backdrop.show
+{
+    opacity: .16;
+}
+
+.modal-header
+{
+    display: flex;
+
+    padding: 1.25rem;
+
+    border-bottom: 0 solid #e9ecef;
+    border-top-left-radius: .4375rem;
+    border-top-right-radius: .4375rem; 
+
+    align-items: flex-start;
+    justify-content: space-between;
+}
+.modal-header .close
+{
+    margin: -1rem -1rem -1rem auto; 
+    padding: 1.25rem;
+}
+
+.modal-title
+{
+    line-height: 1.1; 
+
+    margin-bottom: 0;
+}
+
+.modal-body
+{
+    position: relative;
+
+    padding: 1.5rem; 
+
+    flex: 1 1 auto;
+}
+
+.modal-footer
+{
+    display: flex;
+
+    padding: 1.25rem;
+
+    border-top: 0 solid #e9ecef;
+    border-bottom-right-radius: .4375rem;
+    border-bottom-left-radius: .4375rem; 
+
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+}
+.modal-footer > *
+{
+    margin: .25rem;
+}
+
+.modal-scrollbar-measure
+{
+    position: absolute;
+    top: -9999px;
+
+    overflow: scroll; 
+
+    width: 50px;
+    height: 50px;
+}
+
+@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-content
+    {
+        box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
+    }
+    .modal-sm
+    {
+        max-width: 380px;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .modal-lg,
+    .modal-xl
+    {
+        max-width: 800px;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .modal-xl
+    {
+        max-width: 1140px;
+    }
+}
+
+.tooltip
+{
+    font-family: Open Sans, sans-serif;
+    font-size: .875rem;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 1.5;
+
+    position: absolute;
+    z-index: 1070;
+
+    display: block;
+
+    margin: 0;
+
+    text-align: left;
+    text-align: start;
+    white-space: normal;
+    text-decoration: none;
+    letter-spacing: normal;
+    word-spacing: normal;
+    text-transform: none;
+    word-wrap: break-word;
+    word-break: normal;
+
+    opacity: 0; 
+    text-shadow: none;
+
+    line-break: auto;
+}
+.tooltip.show
+{
+    opacity: .9;
+}
+.tooltip .arrow
+{
+    position: absolute;
+
+    display: block;
+
+    width: .8rem;
+    height: .4rem;
+}
+.tooltip .arrow::before
+{
+    position: absolute;
+
+    content: '';
+
+    border-style: solid; 
+    border-color: transparent;
+}
+
+.bs-tooltip-top,
+.bs-tooltip-auto[x-placement^='top']
+{
+    padding: .4rem 0;
+}
+.bs-tooltip-top .arrow,
+.bs-tooltip-auto[x-placement^='top'] .arrow
+{
+    bottom: 0;
+}
+.bs-tooltip-top .arrow::before,
+.bs-tooltip-auto[x-placement^='top'] .arrow::before
+{
+    top: 0;
+
+    border-width: .4rem .4rem 0;
+    border-top-color: #000;
+}
+
+.bs-tooltip-right,
+.bs-tooltip-auto[x-placement^='right']
+{
+    padding: 0 .4rem;
+}
+.bs-tooltip-right .arrow,
+.bs-tooltip-auto[x-placement^='right'] .arrow
+{
+    left: 0;
+
+    width: .4rem;
+    height: .8rem;
+}
+.bs-tooltip-right .arrow::before,
+.bs-tooltip-auto[x-placement^='right'] .arrow::before
+{
+    right: 0;
+
+    border-width: .4rem .4rem .4rem 0;
+    border-right-color: #000;
+}
+
+.bs-tooltip-bottom,
+.bs-tooltip-auto[x-placement^='bottom']
+{
+    padding: .4rem 0;
+}
+.bs-tooltip-bottom .arrow,
+.bs-tooltip-auto[x-placement^='bottom'] .arrow
+{
+    top: 0;
+}
+.bs-tooltip-bottom .arrow::before,
+.bs-tooltip-auto[x-placement^='bottom'] .arrow::before
+{
+    bottom: 0;
+
+    border-width: 0 .4rem .4rem;
+    border-bottom-color: #000;
+}
+
+.bs-tooltip-left,
+.bs-tooltip-auto[x-placement^='left']
+{
+    padding: 0 .4rem;
+}
+.bs-tooltip-left .arrow,
+.bs-tooltip-auto[x-placement^='left'] .arrow
+{
+    right: 0;
+
+    width: .4rem;
+    height: .8rem;
+}
+.bs-tooltip-left .arrow::before,
+.bs-tooltip-auto[x-placement^='left'] .arrow::before
+{
+    left: 0;
+
+    border-width: .4rem 0 .4rem .4rem;
+    border-left-color: #000;
+}
+
+.tooltip-inner
+{
+    max-width: 200px;
+    padding: .25rem .5rem;
+
+    text-align: center;
+
+    color: #fff;
+    border-radius: .375rem; 
+    background-color: #000;
+}
+
+.popover
+{
+    font-family: Open Sans, sans-serif;
+    font-size: .875rem;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 1.5;
+
+    position: absolute;
+    z-index: 1060;
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    max-width: 276px;
+
+    text-align: left;
+    text-align: start;
+    white-space: normal;
+    text-decoration: none;
+    letter-spacing: normal;
+    word-spacing: normal;
+    text-transform: none;
+    word-wrap: break-word;
+    word-break: normal;
+
+    border: 1px solid rgba(0, 0, 0, .05);
+    border-radius: .4375rem;
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2); 
+    text-shadow: none;
+
+    line-break: auto;
+}
+.popover .arrow
+{
+    position: absolute;
+
+    display: block;
+
+    width: 1rem;
+    height: .5rem;
+    margin: 0 .4375rem;
+}
+.popover .arrow::before,
+.popover .arrow::after
+{
+    position: absolute;
+
+    display: block;
+
+    content: '';
+
+    border-style: solid; 
+    border-color: transparent;
+}
+
+.bs-popover-top,
+.bs-popover-auto[x-placement^='top']
+{
+    margin-bottom: .5rem;
+}
+.bs-popover-top > .arrow,
+.bs-popover-auto[x-placement^='top'] > .arrow
+{
+    bottom: calc(-.5rem - 1px);
+}
+.bs-popover-top > .arrow::before,
+.bs-popover-auto[x-placement^='top'] > .arrow::before
+{
+    bottom: 0;
+
+    border-width: .5rem .5rem 0;
+    border-top-color: transparent;
+}
+.bs-popover-top > .arrow::after,
+.bs-popover-auto[x-placement^='top'] > .arrow::after
+{
+    bottom: 1px;
+
+    border-width: .5rem .5rem 0;
+    border-top-color: #fff;
+}
+
+.bs-popover-right,
+.bs-popover-auto[x-placement^='right']
+{
+    margin-left: .5rem;
+}
+.bs-popover-right > .arrow,
+.bs-popover-auto[x-placement^='right'] > .arrow
+{
+    left: calc(-.5rem - 1px);
+
+    width: .5rem;
+    height: 1rem;
+    margin: .4375rem 0;
+}
+.bs-popover-right > .arrow::before,
+.bs-popover-auto[x-placement^='right'] > .arrow::before
+{
+    left: 0;
+
+    border-width: .5rem .5rem .5rem 0;
+    border-right-color: transparent;
+}
+.bs-popover-right > .arrow::after,
+.bs-popover-auto[x-placement^='right'] > .arrow::after
+{
+    left: 1px;
+
+    border-width: .5rem .5rem .5rem 0;
+    border-right-color: #fff;
+}
+
+.bs-popover-bottom,
+.bs-popover-auto[x-placement^='bottom']
+{
+    margin-top: .5rem;
+}
+.bs-popover-bottom > .arrow,
+.bs-popover-auto[x-placement^='bottom'] > .arrow
+{
+    top: calc(-.5rem - 1px);
+}
+.bs-popover-bottom > .arrow::before,
+.bs-popover-auto[x-placement^='bottom'] > .arrow::before
+{
+    top: 0;
+
+    border-width: 0 .5rem .5rem .5rem;
+    border-bottom-color: transparent;
+}
+.bs-popover-bottom > .arrow::after,
+.bs-popover-auto[x-placement^='bottom'] > .arrow::after
+{
+    top: 1px;
+
+    border-width: 0 .5rem .5rem .5rem;
+    border-bottom-color: #fff;
+}
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[x-placement^='bottom'] .popover-header::before
+{
+    position: absolute;
+    top: 0;
+    left: 50%;
+
+    display: block;
+
+    width: 1rem;
+    margin-left: -.5rem;
+
+    content: '';
+
+    border-bottom: 1px solid #fff;
+}
+
+.bs-popover-left,
+.bs-popover-auto[x-placement^='left']
+{
+    margin-right: .5rem;
+}
+.bs-popover-left > .arrow,
+.bs-popover-auto[x-placement^='left'] > .arrow
+{
+    right: calc(-.5rem - 1px);
+
+    width: .5rem;
+    height: 1rem;
+    margin: .4375rem 0;
+}
+.bs-popover-left > .arrow::before,
+.bs-popover-auto[x-placement^='left'] > .arrow::before
+{
+    right: 0;
+
+    border-width: .5rem 0 .5rem .5rem;
+    border-left-color: transparent;
+}
+.bs-popover-left > .arrow::after,
+.bs-popover-auto[x-placement^='left'] > .arrow::after
+{
+    right: 1px;
+
+    border-width: .5rem 0 .5rem .5rem;
+    border-left-color: #fff;
+}
+
+.popover-header
+{
+    font-size: 1rem;
+
+    margin-bottom: 0;
+    padding: .5rem .95rem;
+
+    color: #32325d;
+    border-bottom: 1px solid #f2f2f2;
+    border-top-left-radius: calc(.4375rem - 1px);
+    border-top-right-radius: calc(.4375rem - 1px); 
+    background-color: #fff;
+}
+.popover-header:empty
+{
+    display: none;
+}
+
+.popover-body
+{
+    padding: .5rem .95rem;
+
+    color: #525f7f;
+}
+
+.carousel
+{
+    position: relative;
+}
+
+.carousel.pointer-event
+{
+    touch-action: pan-y;
+}
+
+.carousel-inner
+{
+    position: relative;
+
+    overflow: hidden; 
+
+    width: 100%;
+}
+.carousel-inner::after
+{
+    display: block;
+    clear: both;
+
+    content: '';
+}
+
+.carousel-item
+{
+    position: relative;
+
+    display: none;
+    float: left;
+
+    width: 100%;
+    margin-right: -100%;
+
+    transition: transform .6s ease-in-out; 
+
+    -webkit-backface-visibility: hidden;
+            backface-visibility: hidden;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .carousel-item
+    {
+        transition: none;
+    }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev
+{
+    display: block;
+}
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right
+{
+    transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left
+{
+    transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item
+{
+    transition-property: opacity;
+    transform: none; 
+
+    opacity: 0;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right
+{
+    z-index: 1;
+
+    opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right
+{
+    z-index: 0;
+
+    transition: opacity 0s .6s; 
+
+    opacity: 0;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .carousel-fade .active.carousel-item-left,
+    .carousel-fade .active.carousel-item-right
+    {
+        transition: none;
+    }
+}
+
+.carousel-control-prev,
+.carousel-control-next
+{
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    bottom: 0;
+
+    display: flex;
+
+    width: 15%;
+
+    transition: opacity .15s ease; 
+    text-align: center;
+
+    opacity: .5;
+    color: #fff;
+
+    align-items: center;
+    justify-content: center;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .carousel-control-prev,
+    .carousel-control-next
+    {
+        transition: none;
+    }
+}
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus
+{
+    text-decoration: none;
+
+    opacity: .9; 
+    color: #fff;
+    outline: 0;
+}
+
+.carousel-control-prev
+{
+    left: 0;
+}
+
+.carousel-control-next
+{
+    right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-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\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z\'/%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\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z\'/%3e%3c/svg%3e');
+}
+
+.carousel-indicators
+{
+    position: absolute;
+    z-index: 15;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    display: flex;
+
+    margin-right: 15%;
+    margin-left: 15%;
+    padding-left: 0;
+
+    list-style: none; 
+
+    justify-content: center;
+}
+.carousel-indicators li
+{
+    box-sizing: content-box;
+    width: 30px;
+    height: 3px;
+    margin-right: 3px;
+    margin-left: 3px;
+
+    cursor: pointer;
+    transition: opacity .6s ease; 
+    text-indent: -999px;
+
+    opacity: .5;
+    border-top: 10px solid transparent;
+    border-bottom: 10px solid transparent;
+    background-color: #fff;
+    background-clip: padding-box;
+
+    flex: 0 1 auto;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .carousel-indicators li
+    {
+        transition: none;
+    }
+}
+.carousel-indicators .active
+{
+    opacity: 1;
+}
+
+.carousel-caption
+{
+    position: absolute;
+    z-index: 10;
+    right: 15%;
+    bottom: 20px;
+    left: 15%;
+
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+    text-align: center; 
+
+    color: #fff;
+}
+
+.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: #5e72e4 !important;
+}
+
+a.bg-primary:hover,
+a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus
+{
+    background-color: #324cdd !important;
+}
+
+.bg-secondary
+{
+    background-color: #f7fafc !important;
+}
+
+a.bg-secondary:hover,
+a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus
+{
+    background-color: #d2e3ee !important;
+}
+
+.bg-success
+{
+    background-color: #2dce89 !important;
+}
+
+a.bg-success:hover,
+a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus
+{
+    background-color: #24a46d !important;
+}
+
+.bg-info
+{
+    background-color: #11cdef !important;
+}
+
+a.bg-info:hover,
+a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus
+{
+    background-color: #0da5c0 !important;
+}
+
+.bg-warning
+{
+    background-color: #fb6340 !important;
+}
+
+a.bg-warning:hover,
+a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus
+{
+    background-color: #fa3a0e !important;
+}
+
+.bg-danger
+{
+    background-color: #f5365c !important;
+}
+
+a.bg-danger:hover,
+a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus
+{
+    background-color: #ec0c38 !important;
+}
+
+.bg-light
+{
+    background-color: #adb5bd !important;
+}
+
+a.bg-light:hover,
+a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus
+{
+    background-color: #919ca6 !important;
+}
+
+.bg-dark
+{
+    background-color: #212529 !important;
+}
+
+a.bg-dark:hover,
+a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus
+{
+    background-color: #0a0c0d !important;
+}
+
+.bg-default
+{
+    background-color: #172b4d !important;
+}
+
+a.bg-default:hover,
+a.bg-default:focus,
+button.bg-default:hover,
+button.bg-default:focus
+{
+    background-color: #0b1526 !important;
+}
+
+.bg-white
+{
+    background-color: #fff !important;
+}
+
+a.bg-white:hover,
+a.bg-white:focus,
+button.bg-white:hover,
+button.bg-white:focus
+{
+    background-color: #e6e6e6 !important;
+}
+
+.bg-neutral
+{
+    background-color: #fff !important;
+}
+
+a.bg-neutral:hover,
+a.bg-neutral:focus,
+button.bg-neutral:hover,
+button.bg-neutral:focus
+{
+    background-color: #e6e6e6 !important;
+}
+
+.bg-darker
+{
+    background-color: black !important;
+}
+
+a.bg-darker:hover,
+a.bg-darker:focus,
+button.bg-darker:hover,
+button.bg-darker:focus
+{
+    background-color: black !important;
+}
+
+.bg-white
+{
+    background-color: #fff !important;
+}
+
+.bg-transparent
+{
+    background-color: transparent !important;
+}
+
+.border
+{
+    border: 1px solid #e9ecef !important;
+}
+
+.border-top
+{
+    border-top: 1px solid #e9ecef !important;
+}
+
+.border-right
+{
+    border-right: 1px solid #e9ecef !important;
+}
+
+.border-bottom
+{
+    border-bottom: 1px solid #e9ecef !important;
+}
+
+.border-left
+{
+    border-left: 1px solid #e9ecef !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: #5e72e4 !important;
+}
+
+.border-secondary
+{
+    border-color: #f7fafc !important;
+}
+
+.border-success
+{
+    border-color: #2dce89 !important;
+}
+
+.border-info
+{
+    border-color: #11cdef !important;
+}
+
+.border-warning
+{
+    border-color: #fb6340 !important;
+}
+
+.border-danger
+{
+    border-color: #f5365c !important;
+}
+
+.border-light
+{
+    border-color: #adb5bd !important;
+}
+
+.border-dark
+{
+    border-color: #212529 !important;
+}
+
+.border-default
+{
+    border-color: #172b4d !important;
+}
+
+.border-white
+{
+    border-color: #fff !important;
+}
+
+.border-neutral
+{
+    border-color: #fff !important;
+}
+
+.border-darker
+{
+    border-color: black !important;
+}
+
+.border-white
+{
+    border-color: #fff !important;
+}
+
+.rounded-sm
+{
+    border-radius: .25rem !important;
+}
+
+.rounded
+{
+    border-radius: .375rem !important;
+}
+
+.rounded-top
+{
+    border-top-left-radius: .375rem !important;
+    border-top-right-radius: .375rem !important;
+}
+
+.rounded-right
+{
+    border-top-right-radius: .375rem !important;
+    border-bottom-right-radius: .375rem !important;
+}
+
+.rounded-bottom
+{
+    border-bottom-right-radius: .375rem !important;
+    border-bottom-left-radius: .375rem !important;
+}
+
+.rounded-left
+{
+    border-top-left-radius: .375rem !important;
+    border-bottom-left-radius: .375rem !important;
+}
+
+.rounded-lg
+{
+    border-radius: .4375rem !important;
+}
+
+.rounded-circle,
+.avatar.rounded-circle img
+{
+    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: flex !important;
+}
+
+.d-inline-flex
+{
+    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: flex !important;
+    }
+    .d-sm-inline-flex
+    {
+        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: flex !important;
+    }
+    .d-md-inline-flex
+    {
+        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: flex !important;
+    }
+    .d-lg-inline-flex
+    {
+        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: flex !important;
+    }
+    .d-xl-inline-flex
+    {
+        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: flex !important;
+    }
+    .d-print-inline-flex
+    {
+        display: inline-flex !important;
+    }
+}
+
+.embed-responsive
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden; 
+
+    width: 100%;
+    padding: 0;
+}
+.embed-responsive::before
+{
+    display: block;
+
+    content: '';
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.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.85714%;
+}
+
+.embed-responsive-16by9::before
+{
+    padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before
+{
+    padding-top: 75%;
+}
+
+.embed-responsive-1by1::before
+{
+    padding-top: 100%;
+}
+
+.embed-responsive-21by9::before
+{
+    padding-top: 42.85714%;
+}
+
+.embed-responsive-16by9::before
+{
+    padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before
+{
+    padding-top: 75%;
+}
+
+.embed-responsive-1by1::before
+{
+    padding-top: 100%;
+}
+
+.flex-row
+{
+    flex-direction: row !important;
+}
+
+.flex-column
+{
+    flex-direction: column !important;
+}
+
+.flex-row-reverse
+{
+    flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse
+{
+    flex-direction: column-reverse !important;
+}
+
+.flex-wrap
+{
+    flex-wrap: wrap !important;
+}
+
+.flex-nowrap
+{
+    flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse
+{
+    flex-wrap: wrap-reverse !important;
+}
+
+.flex-fill
+{
+    flex: 1 1 auto !important;
+}
+
+.flex-grow-0
+{
+    flex-grow: 0 !important;
+}
+
+.flex-grow-1
+{
+    flex-grow: 1 !important;
+}
+
+.flex-shrink-0
+{
+    flex-shrink: 0 !important;
+}
+
+.flex-shrink-1
+{
+    flex-shrink: 1 !important;
+}
+
+.justify-content-start
+{
+    justify-content: flex-start !important;
+}
+
+.justify-content-end
+{
+    justify-content: flex-end !important;
+}
+
+.justify-content-center
+{
+    justify-content: center !important;
+}
+
+.justify-content-between
+{
+    justify-content: space-between !important;
+}
+
+.justify-content-around
+{
+    justify-content: space-around !important;
+}
+
+.align-items-start
+{
+    align-items: flex-start !important;
+}
+
+.align-items-end
+{
+    align-items: flex-end !important;
+}
+
+.align-items-center
+{
+    align-items: center !important;
+}
+
+.align-items-baseline
+{
+    align-items: baseline !important;
+}
+
+.align-items-stretch
+{
+    align-items: stretch !important;
+}
+
+.align-content-start
+{
+    align-content: flex-start !important;
+}
+
+.align-content-end
+{
+    align-content: flex-end !important;
+}
+
+.align-content-center
+{
+    align-content: center !important;
+}
+
+.align-content-between
+{
+    align-content: space-between !important;
+}
+
+.align-content-around
+{
+    align-content: space-around !important;
+}
+
+.align-content-stretch
+{
+    align-content: stretch !important;
+}
+
+.align-self-auto
+{
+    align-self: auto !important;
+}
+
+.align-self-start
+{
+    align-self: flex-start !important;
+}
+
+.align-self-end
+{
+    align-self: flex-end !important;
+}
+
+.align-self-center
+{
+    align-self: center !important;
+}
+
+.align-self-baseline
+{
+    align-self: baseline !important;
+}
+
+.align-self-stretch
+{
+    align-self: stretch !important;
+}
+
+@media (min-width: 576px)
+{
+    .flex-sm-row
+    {
+        flex-direction: row !important;
+    }
+    .flex-sm-column
+    {
+        flex-direction: column !important;
+    }
+    .flex-sm-row-reverse
+    {
+        flex-direction: row-reverse !important;
+    }
+    .flex-sm-column-reverse
+    {
+        flex-direction: column-reverse !important;
+    }
+    .flex-sm-wrap
+    {
+        flex-wrap: wrap !important;
+    }
+    .flex-sm-nowrap
+    {
+        flex-wrap: nowrap !important;
+    }
+    .flex-sm-wrap-reverse
+    {
+        flex-wrap: wrap-reverse !important;
+    }
+    .flex-sm-fill
+    {
+        flex: 1 1 auto !important;
+    }
+    .flex-sm-grow-0
+    {
+        flex-grow: 0 !important;
+    }
+    .flex-sm-grow-1
+    {
+        flex-grow: 1 !important;
+    }
+    .flex-sm-shrink-0
+    {
+        flex-shrink: 0 !important;
+    }
+    .flex-sm-shrink-1
+    {
+        flex-shrink: 1 !important;
+    }
+    .justify-content-sm-start
+    {
+        justify-content: flex-start !important;
+    }
+    .justify-content-sm-end
+    {
+        justify-content: flex-end !important;
+    }
+    .justify-content-sm-center
+    {
+        justify-content: center !important;
+    }
+    .justify-content-sm-between
+    {
+        justify-content: space-between !important;
+    }
+    .justify-content-sm-around
+    {
+        justify-content: space-around !important;
+    }
+    .align-items-sm-start
+    {
+        align-items: flex-start !important;
+    }
+    .align-items-sm-end
+    {
+        align-items: flex-end !important;
+    }
+    .align-items-sm-center
+    {
+        align-items: center !important;
+    }
+    .align-items-sm-baseline
+    {
+        align-items: baseline !important;
+    }
+    .align-items-sm-stretch
+    {
+        align-items: stretch !important;
+    }
+    .align-content-sm-start
+    {
+        align-content: flex-start !important;
+    }
+    .align-content-sm-end
+    {
+        align-content: flex-end !important;
+    }
+    .align-content-sm-center
+    {
+        align-content: center !important;
+    }
+    .align-content-sm-between
+    {
+        align-content: space-between !important;
+    }
+    .align-content-sm-around
+    {
+        align-content: space-around !important;
+    }
+    .align-content-sm-stretch
+    {
+        align-content: stretch !important;
+    }
+    .align-self-sm-auto
+    {
+        align-self: auto !important;
+    }
+    .align-self-sm-start
+    {
+        align-self: flex-start !important;
+    }
+    .align-self-sm-end
+    {
+        align-self: flex-end !important;
+    }
+    .align-self-sm-center
+    {
+        align-self: center !important;
+    }
+    .align-self-sm-baseline
+    {
+        align-self: baseline !important;
+    }
+    .align-self-sm-stretch
+    {
+        align-self: stretch !important;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .flex-md-row
+    {
+        flex-direction: row !important;
+    }
+    .flex-md-column
+    {
+        flex-direction: column !important;
+    }
+    .flex-md-row-reverse
+    {
+        flex-direction: row-reverse !important;
+    }
+    .flex-md-column-reverse
+    {
+        flex-direction: column-reverse !important;
+    }
+    .flex-md-wrap
+    {
+        flex-wrap: wrap !important;
+    }
+    .flex-md-nowrap
+    {
+        flex-wrap: nowrap !important;
+    }
+    .flex-md-wrap-reverse
+    {
+        flex-wrap: wrap-reverse !important;
+    }
+    .flex-md-fill
+    {
+        flex: 1 1 auto !important;
+    }
+    .flex-md-grow-0
+    {
+        flex-grow: 0 !important;
+    }
+    .flex-md-grow-1
+    {
+        flex-grow: 1 !important;
+    }
+    .flex-md-shrink-0
+    {
+        flex-shrink: 0 !important;
+    }
+    .flex-md-shrink-1
+    {
+        flex-shrink: 1 !important;
+    }
+    .justify-content-md-start
+    {
+        justify-content: flex-start !important;
+    }
+    .justify-content-md-end
+    {
+        justify-content: flex-end !important;
+    }
+    .justify-content-md-center
+    {
+        justify-content: center !important;
+    }
+    .justify-content-md-between
+    {
+        justify-content: space-between !important;
+    }
+    .justify-content-md-around
+    {
+        justify-content: space-around !important;
+    }
+    .align-items-md-start
+    {
+        align-items: flex-start !important;
+    }
+    .align-items-md-end
+    {
+        align-items: flex-end !important;
+    }
+    .align-items-md-center
+    {
+        align-items: center !important;
+    }
+    .align-items-md-baseline
+    {
+        align-items: baseline !important;
+    }
+    .align-items-md-stretch
+    {
+        align-items: stretch !important;
+    }
+    .align-content-md-start
+    {
+        align-content: flex-start !important;
+    }
+    .align-content-md-end
+    {
+        align-content: flex-end !important;
+    }
+    .align-content-md-center
+    {
+        align-content: center !important;
+    }
+    .align-content-md-between
+    {
+        align-content: space-between !important;
+    }
+    .align-content-md-around
+    {
+        align-content: space-around !important;
+    }
+    .align-content-md-stretch
+    {
+        align-content: stretch !important;
+    }
+    .align-self-md-auto
+    {
+        align-self: auto !important;
+    }
+    .align-self-md-start
+    {
+        align-self: flex-start !important;
+    }
+    .align-self-md-end
+    {
+        align-self: flex-end !important;
+    }
+    .align-self-md-center
+    {
+        align-self: center !important;
+    }
+    .align-self-md-baseline
+    {
+        align-self: baseline !important;
+    }
+    .align-self-md-stretch
+    {
+        align-self: stretch !important;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .flex-lg-row
+    {
+        flex-direction: row !important;
+    }
+    .flex-lg-column
+    {
+        flex-direction: column !important;
+    }
+    .flex-lg-row-reverse
+    {
+        flex-direction: row-reverse !important;
+    }
+    .flex-lg-column-reverse
+    {
+        flex-direction: column-reverse !important;
+    }
+    .flex-lg-wrap
+    {
+        flex-wrap: wrap !important;
+    }
+    .flex-lg-nowrap
+    {
+        flex-wrap: nowrap !important;
+    }
+    .flex-lg-wrap-reverse
+    {
+        flex-wrap: wrap-reverse !important;
+    }
+    .flex-lg-fill
+    {
+        flex: 1 1 auto !important;
+    }
+    .flex-lg-grow-0
+    {
+        flex-grow: 0 !important;
+    }
+    .flex-lg-grow-1
+    {
+        flex-grow: 1 !important;
+    }
+    .flex-lg-shrink-0
+    {
+        flex-shrink: 0 !important;
+    }
+    .flex-lg-shrink-1
+    {
+        flex-shrink: 1 !important;
+    }
+    .justify-content-lg-start
+    {
+        justify-content: flex-start !important;
+    }
+    .justify-content-lg-end
+    {
+        justify-content: flex-end !important;
+    }
+    .justify-content-lg-center
+    {
+        justify-content: center !important;
+    }
+    .justify-content-lg-between
+    {
+        justify-content: space-between !important;
+    }
+    .justify-content-lg-around
+    {
+        justify-content: space-around !important;
+    }
+    .align-items-lg-start
+    {
+        align-items: flex-start !important;
+    }
+    .align-items-lg-end
+    {
+        align-items: flex-end !important;
+    }
+    .align-items-lg-center
+    {
+        align-items: center !important;
+    }
+    .align-items-lg-baseline
+    {
+        align-items: baseline !important;
+    }
+    .align-items-lg-stretch
+    {
+        align-items: stretch !important;
+    }
+    .align-content-lg-start
+    {
+        align-content: flex-start !important;
+    }
+    .align-content-lg-end
+    {
+        align-content: flex-end !important;
+    }
+    .align-content-lg-center
+    {
+        align-content: center !important;
+    }
+    .align-content-lg-between
+    {
+        align-content: space-between !important;
+    }
+    .align-content-lg-around
+    {
+        align-content: space-around !important;
+    }
+    .align-content-lg-stretch
+    {
+        align-content: stretch !important;
+    }
+    .align-self-lg-auto
+    {
+        align-self: auto !important;
+    }
+    .align-self-lg-start
+    {
+        align-self: flex-start !important;
+    }
+    .align-self-lg-end
+    {
+        align-self: flex-end !important;
+    }
+    .align-self-lg-center
+    {
+        align-self: center !important;
+    }
+    .align-self-lg-baseline
+    {
+        align-self: baseline !important;
+    }
+    .align-self-lg-stretch
+    {
+        align-self: stretch !important;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .flex-xl-row
+    {
+        flex-direction: row !important;
+    }
+    .flex-xl-column
+    {
+        flex-direction: column !important;
+    }
+    .flex-xl-row-reverse
+    {
+        flex-direction: row-reverse !important;
+    }
+    .flex-xl-column-reverse
+    {
+        flex-direction: column-reverse !important;
+    }
+    .flex-xl-wrap
+    {
+        flex-wrap: wrap !important;
+    }
+    .flex-xl-nowrap
+    {
+        flex-wrap: nowrap !important;
+    }
+    .flex-xl-wrap-reverse
+    {
+        flex-wrap: wrap-reverse !important;
+    }
+    .flex-xl-fill
+    {
+        flex: 1 1 auto !important;
+    }
+    .flex-xl-grow-0
+    {
+        flex-grow: 0 !important;
+    }
+    .flex-xl-grow-1
+    {
+        flex-grow: 1 !important;
+    }
+    .flex-xl-shrink-0
+    {
+        flex-shrink: 0 !important;
+    }
+    .flex-xl-shrink-1
+    {
+        flex-shrink: 1 !important;
+    }
+    .justify-content-xl-start
+    {
+        justify-content: flex-start !important;
+    }
+    .justify-content-xl-end
+    {
+        justify-content: flex-end !important;
+    }
+    .justify-content-xl-center
+    {
+        justify-content: center !important;
+    }
+    .justify-content-xl-between
+    {
+        justify-content: space-between !important;
+    }
+    .justify-content-xl-around
+    {
+        justify-content: space-around !important;
+    }
+    .align-items-xl-start
+    {
+        align-items: flex-start !important;
+    }
+    .align-items-xl-end
+    {
+        align-items: flex-end !important;
+    }
+    .align-items-xl-center
+    {
+        align-items: center !important;
+    }
+    .align-items-xl-baseline
+    {
+        align-items: baseline !important;
+    }
+    .align-items-xl-stretch
+    {
+        align-items: stretch !important;
+    }
+    .align-content-xl-start
+    {
+        align-content: flex-start !important;
+    }
+    .align-content-xl-end
+    {
+        align-content: flex-end !important;
+    }
+    .align-content-xl-center
+    {
+        align-content: center !important;
+    }
+    .align-content-xl-between
+    {
+        align-content: space-between !important;
+    }
+    .align-content-xl-around
+    {
+        align-content: space-around !important;
+    }
+    .align-content-xl-stretch
+    {
+        align-content: stretch !important;
+    }
+    .align-self-xl-auto
+    {
+        align-self: auto !important;
+    }
+    .align-self-xl-start
+    {
+        align-self: flex-start !important;
+    }
+    .align-self-xl-end
+    {
+        align-self: flex-end !important;
+    }
+    .align-self-xl-center
+    {
+        align-self: center !important;
+    }
+    .align-self-xl-baseline
+    {
+        align-self: baseline !important;
+    }
+    .align-self-xl-stretch
+    {
+        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;
+    z-index: 1030; 
+    top: 0;
+    right: 0;
+    left: 0;
+}
+
+.fixed-bottom
+{
+    position: fixed;
+    z-index: 1030; 
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+@supports ((position: -webkit-sticky) or (position: sticky))
+{
+    .sticky-top
+    {
+        position: -webkit-sticky;
+        position:         sticky;
+        z-index: 1020; 
+        top: 0;
+    }
+}
+
+.sr-only
+{
+    position: absolute;
+
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+
+    white-space: nowrap;
+
+    border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus
+{
+    position: static;
+
+    overflow: visible;
+    clip: auto;
+
+    width: auto;
+    height: auto;
+
+    white-space: normal;
+}
+
+.shadow-sm
+{
+    box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
+}
+
+.shadow
+{
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
+}
+
+.shadow-lg
+{
+    box-shadow: 0 0 3rem rgba(136, 152, 170, .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;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    content: '';
+    pointer-events: auto;
+
+    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;
+}
+
+.m--9
+{
+    margin: -10rem !important;
+}
+
+.mt--9,
+.my--9
+{
+    margin-top: -10rem !important;
+}
+
+.mr--9,
+.mx--9
+{
+    margin-right: -10rem !important;
+}
+
+.mb--9,
+.my--9
+{
+    margin-bottom: -10rem !important;
+}
+
+.ml--9,
+.mx--9
+{
+    margin-left: -10rem !important;
+}
+
+.m--8
+{
+    margin: -8rem !important;
+}
+
+.mt--8,
+.my--8
+{
+    margin-top: -8rem !important;
+}
+
+.mr--8,
+.mx--8
+{
+    margin-right: -8rem !important;
+}
+
+.mb--8,
+.my--8
+{
+    margin-bottom: -8rem !important;
+}
+
+.ml--8,
+.mx--8
+{
+    margin-left: -8rem !important;
+}
+
+.m--7
+{
+    margin: -6rem !important;
+}
+
+.mt--7,
+.my--7
+{
+    margin-top: -6rem !important;
+}
+
+.mr--7,
+.mx--7
+{
+    margin-right: -6rem !important;
+}
+
+.mb--7,
+.my--7
+{
+    margin-bottom: -6rem !important;
+}
+
+.ml--7,
+.mx--7
+{
+    margin-left: -6rem !important;
+}
+
+.m--6
+{
+    margin: -4.5rem !important;
+}
+
+.mt--6,
+.my--6
+{
+    margin-top: -4.5rem !important;
+}
+
+.mr--6,
+.mx--6
+{
+    margin-right: -4.5rem !important;
+}
+
+.mb--6,
+.my--6
+{
+    margin-bottom: -4.5rem !important;
+}
+
+.ml--6,
+.mx--6
+{
+    margin-left: -4.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;
+}
+
+.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--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--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--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-6
+{
+    margin: 4.5rem !important;
+}
+
+.mt-6,
+.my-6
+{
+    margin-top: 4.5rem !important;
+}
+
+.mr-6,
+.mx-6
+{
+    margin-right: 4.5rem !important;
+}
+
+.mb-6,
+.my-6
+{
+    margin-bottom: 4.5rem !important;
+}
+
+.ml-6,
+.mx-6
+{
+    margin-left: 4.5rem !important;
+}
+
+.m-7
+{
+    margin: 6rem !important;
+}
+
+.mt-7,
+.my-7
+{
+    margin-top: 6rem !important;
+}
+
+.mr-7,
+.mx-7
+{
+    margin-right: 6rem !important;
+}
+
+.mb-7,
+.my-7
+{
+    margin-bottom: 6rem !important;
+}
+
+.ml-7,
+.mx-7
+{
+    margin-left: 6rem !important;
+}
+
+.m-8
+{
+    margin: 8rem !important;
+}
+
+.mt-8,
+.my-8
+{
+    margin-top: 8rem !important;
+}
+
+.mr-8,
+.mx-8
+{
+    margin-right: 8rem !important;
+}
+
+.mb-8,
+.my-8
+{
+    margin-bottom: 8rem !important;
+}
+
+.ml-8,
+.mx-8
+{
+    margin-left: 8rem !important;
+}
+
+.m-9
+{
+    margin: 10rem !important;
+}
+
+.mt-9,
+.my-9
+{
+    margin-top: 10rem !important;
+}
+
+.mr-9,
+.mx-9
+{
+    margin-right: 10rem !important;
+}
+
+.mb-9,
+.my-9
+{
+    margin-bottom: 10rem !important;
+}
+
+.ml-9,
+.mx-9
+{
+    margin-left: 10rem !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;
+}
+
+.p--9
+{
+    padding: -10rem !important;
+}
+
+.pt--9,
+.py--9
+{
+    padding-top: -10rem !important;
+}
+
+.pr--9,
+.px--9
+{
+    padding-right: -10rem !important;
+}
+
+.pb--9,
+.py--9
+{
+    padding-bottom: -10rem !important;
+}
+
+.pl--9,
+.px--9
+{
+    padding-left: -10rem !important;
+}
+
+.p--8
+{
+    padding: -8rem !important;
+}
+
+.pt--8,
+.py--8
+{
+    padding-top: -8rem !important;
+}
+
+.pr--8,
+.px--8
+{
+    padding-right: -8rem !important;
+}
+
+.pb--8,
+.py--8
+{
+    padding-bottom: -8rem !important;
+}
+
+.pl--8,
+.px--8
+{
+    padding-left: -8rem !important;
+}
+
+.p--7
+{
+    padding: -6rem !important;
+}
+
+.pt--7,
+.py--7
+{
+    padding-top: -6rem !important;
+}
+
+.pr--7,
+.px--7
+{
+    padding-right: -6rem !important;
+}
+
+.pb--7,
+.py--7
+{
+    padding-bottom: -6rem !important;
+}
+
+.pl--7,
+.px--7
+{
+    padding-left: -6rem !important;
+}
+
+.p--6
+{
+    padding: -4.5rem !important;
+}
+
+.pt--6,
+.py--6
+{
+    padding-top: -4.5rem !important;
+}
+
+.pr--6,
+.px--6
+{
+    padding-right: -4.5rem !important;
+}
+
+.pb--6,
+.py--6
+{
+    padding-bottom: -4.5rem !important;
+}
+
+.pl--6,
+.px--6
+{
+    padding-left: -4.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;
+}
+
+.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--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--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--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-6
+{
+    padding: 4.5rem !important;
+}
+
+.pt-6,
+.py-6
+{
+    padding-top: 4.5rem !important;
+}
+
+.pr-6,
+.px-6
+{
+    padding-right: 4.5rem !important;
+}
+
+.pb-6,
+.py-6
+{
+    padding-bottom: 4.5rem !important;
+}
+
+.pl-6,
+.px-6
+{
+    padding-left: 4.5rem !important;
+}
+
+.p-7
+{
+    padding: 6rem !important;
+}
+
+.pt-7,
+.py-7
+{
+    padding-top: 6rem !important;
+}
+
+.pr-7,
+.px-7
+{
+    padding-right: 6rem !important;
+}
+
+.pb-7,
+.py-7
+{
+    padding-bottom: 6rem !important;
+}
+
+.pl-7,
+.px-7
+{
+    padding-left: 6rem !important;
+}
+
+.p-8
+{
+    padding: 8rem !important;
+}
+
+.pt-8,
+.py-8
+{
+    padding-top: 8rem !important;
+}
+
+.pr-8,
+.px-8
+{
+    padding-right: 8rem !important;
+}
+
+.pb-8,
+.py-8
+{
+    padding-bottom: 8rem !important;
+}
+
+.pl-8,
+.px-8
+{
+    padding-left: 8rem !important;
+}
+
+.p-9
+{
+    padding: 10rem !important;
+}
+
+.pt-9,
+.py-9
+{
+    padding-top: 10rem !important;
+}
+
+.pr-9,
+.px-9
+{
+    padding-right: 10rem !important;
+}
+
+.pb-9,
+.py-9
+{
+    padding-bottom: 10rem !important;
+}
+
+.pl-9,
+.px-9
+{
+    padding-left: 10rem !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-n-9
+{
+    margin: 10rem !important;
+}
+
+.mt-n-9,
+.my-n-9
+{
+    margin-top: 10rem !important;
+}
+
+.mr-n-9,
+.mx-n-9
+{
+    margin-right: 10rem !important;
+}
+
+.mb-n-9,
+.my-n-9
+{
+    margin-bottom: 10rem !important;
+}
+
+.ml-n-9,
+.mx-n-9
+{
+    margin-left: 10rem !important;
+}
+
+.m-n-8
+{
+    margin: 8rem !important;
+}
+
+.mt-n-8,
+.my-n-8
+{
+    margin-top: 8rem !important;
+}
+
+.mr-n-8,
+.mx-n-8
+{
+    margin-right: 8rem !important;
+}
+
+.mb-n-8,
+.my-n-8
+{
+    margin-bottom: 8rem !important;
+}
+
+.ml-n-8,
+.mx-n-8
+{
+    margin-left: 8rem !important;
+}
+
+.m-n-7
+{
+    margin: 6rem !important;
+}
+
+.mt-n-7,
+.my-n-7
+{
+    margin-top: 6rem !important;
+}
+
+.mr-n-7,
+.mx-n-7
+{
+    margin-right: 6rem !important;
+}
+
+.mb-n-7,
+.my-n-7
+{
+    margin-bottom: 6rem !important;
+}
+
+.ml-n-7,
+.mx-n-7
+{
+    margin-left: 6rem !important;
+}
+
+.m-n-6
+{
+    margin: 4.5rem !important;
+}
+
+.mt-n-6,
+.my-n-6
+{
+    margin-top: 4.5rem !important;
+}
+
+.mr-n-6,
+.mx-n-6
+{
+    margin-right: 4.5rem !important;
+}
+
+.mb-n-6,
+.my-n-6
+{
+    margin-bottom: 4.5rem !important;
+}
+
+.ml-n-6,
+.mx-n-6
+{
+    margin-left: 4.5rem !important;
+}
+
+.m-n-5
+{
+    margin: 3rem !important;
+}
+
+.mt-n-5,
+.my-n-5
+{
+    margin-top: 3rem !important;
+}
+
+.mr-n-5,
+.mx-n-5
+{
+    margin-right: 3rem !important;
+}
+
+.mb-n-5,
+.my-n-5
+{
+    margin-bottom: 3rem !important;
+}
+
+.ml-n-5,
+.mx-n-5
+{
+    margin-left: 3rem !important;
+}
+
+.m-n-4
+{
+    margin: 1.5rem !important;
+}
+
+.mt-n-4,
+.my-n-4
+{
+    margin-top: 1.5rem !important;
+}
+
+.mr-n-4,
+.mx-n-4
+{
+    margin-right: 1.5rem !important;
+}
+
+.mb-n-4,
+.my-n-4
+{
+    margin-bottom: 1.5rem !important;
+}
+
+.ml-n-4,
+.mx-n-4
+{
+    margin-left: 1.5rem !important;
+}
+
+.m-n-3
+{
+    margin: 1rem !important;
+}
+
+.mt-n-3,
+.my-n-3
+{
+    margin-top: 1rem !important;
+}
+
+.mr-n-3,
+.mx-n-3
+{
+    margin-right: 1rem !important;
+}
+
+.mb-n-3,
+.my-n-3
+{
+    margin-bottom: 1rem !important;
+}
+
+.ml-n-3,
+.mx-n-3
+{
+    margin-left: 1rem !important;
+}
+
+.m-n-2
+{
+    margin: .5rem !important;
+}
+
+.mt-n-2,
+.my-n-2
+{
+    margin-top: .5rem !important;
+}
+
+.mr-n-2,
+.mx-n-2
+{
+    margin-right: .5rem !important;
+}
+
+.mb-n-2,
+.my-n-2
+{
+    margin-bottom: .5rem !important;
+}
+
+.ml-n-2,
+.mx-n-2
+{
+    margin-left: .5rem !important;
+}
+
+.m-n-1
+{
+    margin: .25rem !important;
+}
+
+.mt-n-1,
+.my-n-1
+{
+    margin-top: .25rem !important;
+}
+
+.mr-n-1,
+.mx-n-1
+{
+    margin-right: .25rem !important;
+}
+
+.mb-n-1,
+.my-n-1
+{
+    margin-bottom: .25rem !important;
+}
+
+.ml-n-1,
+.mx-n-1
+{
+    margin-left: .25rem !important;
+}
+
+.m-n6
+{
+    margin: -4.5rem !important;
+}
+
+.mt-n6,
+.my-n6
+{
+    margin-top: -4.5rem !important;
+}
+
+.mr-n6,
+.mx-n6
+{
+    margin-right: -4.5rem !important;
+}
+
+.mb-n6,
+.my-n6
+{
+    margin-bottom: -4.5rem !important;
+}
+
+.ml-n6,
+.mx-n6
+{
+    margin-left: -4.5rem !important;
+}
+
+.m-n7
+{
+    margin: -6rem !important;
+}
+
+.mt-n7,
+.my-n7
+{
+    margin-top: -6rem !important;
+}
+
+.mr-n7,
+.mx-n7
+{
+    margin-right: -6rem !important;
+}
+
+.mb-n7,
+.my-n7
+{
+    margin-bottom: -6rem !important;
+}
+
+.ml-n7,
+.mx-n7
+{
+    margin-left: -6rem !important;
+}
+
+.m-n8
+{
+    margin: -8rem !important;
+}
+
+.mt-n8,
+.my-n8
+{
+    margin-top: -8rem !important;
+}
+
+.mr-n8,
+.mx-n8
+{
+    margin-right: -8rem !important;
+}
+
+.mb-n8,
+.my-n8
+{
+    margin-bottom: -8rem !important;
+}
+
+.ml-n8,
+.mx-n8
+{
+    margin-left: -8rem !important;
+}
+
+.m-n9
+{
+    margin: -10rem !important;
+}
+
+.mt-n9,
+.my-n9
+{
+    margin-top: -10rem !important;
+}
+
+.mr-n9,
+.mx-n9
+{
+    margin-right: -10rem !important;
+}
+
+.mb-n9,
+.my-n9
+{
+    margin-bottom: -10rem !important;
+}
+
+.ml-n9,
+.mx-n9
+{
+    margin-left: -10rem !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;
+    }
+    .m-sm--9
+    {
+        margin: -10rem !important;
+    }
+    .mt-sm--9,
+    .my-sm--9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-sm--9,
+    .mx-sm--9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-sm--9,
+    .my-sm--9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-sm--9,
+    .mx-sm--9
+    {
+        margin-left: -10rem !important;
+    }
+    .m-sm--8
+    {
+        margin: -8rem !important;
+    }
+    .mt-sm--8,
+    .my-sm--8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-sm--8,
+    .mx-sm--8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-sm--8,
+    .my-sm--8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-sm--8,
+    .mx-sm--8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-sm--7
+    {
+        margin: -6rem !important;
+    }
+    .mt-sm--7,
+    .my-sm--7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-sm--7,
+    .mx-sm--7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-sm--7,
+    .my-sm--7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-sm--7,
+    .mx-sm--7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-sm--6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-sm--6,
+    .my-sm--6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-sm--6,
+    .mx-sm--6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-sm--6,
+    .my-sm--6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-sm--6,
+    .mx-sm--6
+    {
+        margin-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-sm-6,
+    .my-sm-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-sm-6,
+    .mx-sm-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-sm-6,
+    .my-sm-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-sm-6,
+    .mx-sm-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-sm-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-sm-7,
+    .my-sm-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-sm-7,
+    .mx-sm-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-sm-7,
+    .my-sm-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-sm-7,
+    .mx-sm-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-sm-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-sm-8,
+    .my-sm-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-sm-8,
+    .mx-sm-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-sm-8,
+    .my-sm-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-sm-8,
+    .mx-sm-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-sm-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-sm-9,
+    .my-sm-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-sm-9,
+    .mx-sm-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-sm-9,
+    .my-sm-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-sm-9,
+    .mx-sm-9
+    {
+        margin-left: 10rem !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;
+    }
+    .p-sm--9
+    {
+        padding: -10rem !important;
+    }
+    .pt-sm--9,
+    .py-sm--9
+    {
+        padding-top: -10rem !important;
+    }
+    .pr-sm--9,
+    .px-sm--9
+    {
+        padding-right: -10rem !important;
+    }
+    .pb-sm--9,
+    .py-sm--9
+    {
+        padding-bottom: -10rem !important;
+    }
+    .pl-sm--9,
+    .px-sm--9
+    {
+        padding-left: -10rem !important;
+    }
+    .p-sm--8
+    {
+        padding: -8rem !important;
+    }
+    .pt-sm--8,
+    .py-sm--8
+    {
+        padding-top: -8rem !important;
+    }
+    .pr-sm--8,
+    .px-sm--8
+    {
+        padding-right: -8rem !important;
+    }
+    .pb-sm--8,
+    .py-sm--8
+    {
+        padding-bottom: -8rem !important;
+    }
+    .pl-sm--8,
+    .px-sm--8
+    {
+        padding-left: -8rem !important;
+    }
+    .p-sm--7
+    {
+        padding: -6rem !important;
+    }
+    .pt-sm--7,
+    .py-sm--7
+    {
+        padding-top: -6rem !important;
+    }
+    .pr-sm--7,
+    .px-sm--7
+    {
+        padding-right: -6rem !important;
+    }
+    .pb-sm--7,
+    .py-sm--7
+    {
+        padding-bottom: -6rem !important;
+    }
+    .pl-sm--7,
+    .px-sm--7
+    {
+        padding-left: -6rem !important;
+    }
+    .p-sm--6
+    {
+        padding: -4.5rem !important;
+    }
+    .pt-sm--6,
+    .py-sm--6
+    {
+        padding-top: -4.5rem !important;
+    }
+    .pr-sm--6,
+    .px-sm--6
+    {
+        padding-right: -4.5rem !important;
+    }
+    .pb-sm--6,
+    .py-sm--6
+    {
+        padding-bottom: -4.5rem !important;
+    }
+    .pl-sm--6,
+    .px-sm--6
+    {
+        padding-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        padding: 4.5rem !important;
+    }
+    .pt-sm-6,
+    .py-sm-6
+    {
+        padding-top: 4.5rem !important;
+    }
+    .pr-sm-6,
+    .px-sm-6
+    {
+        padding-right: 4.5rem !important;
+    }
+    .pb-sm-6,
+    .py-sm-6
+    {
+        padding-bottom: 4.5rem !important;
+    }
+    .pl-sm-6,
+    .px-sm-6
+    {
+        padding-left: 4.5rem !important;
+    }
+    .p-sm-7
+    {
+        padding: 6rem !important;
+    }
+    .pt-sm-7,
+    .py-sm-7
+    {
+        padding-top: 6rem !important;
+    }
+    .pr-sm-7,
+    .px-sm-7
+    {
+        padding-right: 6rem !important;
+    }
+    .pb-sm-7,
+    .py-sm-7
+    {
+        padding-bottom: 6rem !important;
+    }
+    .pl-sm-7,
+    .px-sm-7
+    {
+        padding-left: 6rem !important;
+    }
+    .p-sm-8
+    {
+        padding: 8rem !important;
+    }
+    .pt-sm-8,
+    .py-sm-8
+    {
+        padding-top: 8rem !important;
+    }
+    .pr-sm-8,
+    .px-sm-8
+    {
+        padding-right: 8rem !important;
+    }
+    .pb-sm-8,
+    .py-sm-8
+    {
+        padding-bottom: 8rem !important;
+    }
+    .pl-sm-8,
+    .px-sm-8
+    {
+        padding-left: 8rem !important;
+    }
+    .p-sm-9
+    {
+        padding: 10rem !important;
+    }
+    .pt-sm-9,
+    .py-sm-9
+    {
+        padding-top: 10rem !important;
+    }
+    .pr-sm-9,
+    .px-sm-9
+    {
+        padding-right: 10rem !important;
+    }
+    .pb-sm-9,
+    .py-sm-9
+    {
+        padding-bottom: 10rem !important;
+    }
+    .pl-sm-9,
+    .px-sm-9
+    {
+        padding-left: 10rem !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-n-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-sm-n-9,
+    .my-sm-n-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-sm-n-9,
+    .mx-sm-n-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-sm-n-9,
+    .my-sm-n-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-sm-n-9,
+    .mx-sm-n-9
+    {
+        margin-left: 10rem !important;
+    }
+    .m-sm-n-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-sm-n-8,
+    .my-sm-n-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-sm-n-8,
+    .mx-sm-n-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-sm-n-8,
+    .my-sm-n-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-sm-n-8,
+    .mx-sm-n-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-sm-n-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-sm-n-7,
+    .my-sm-n-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-sm-n-7,
+    .mx-sm-n-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-sm-n-7,
+    .my-sm-n-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-sm-n-7,
+    .mx-sm-n-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-sm-n-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-sm-n-6,
+    .my-sm-n-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-sm-n-6,
+    .mx-sm-n-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-sm-n-6,
+    .my-sm-n-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-sm-n-6,
+    .mx-sm-n-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-sm-n-5
+    {
+        margin: 3rem !important;
+    }
+    .mt-sm-n-5,
+    .my-sm-n-5
+    {
+        margin-top: 3rem !important;
+    }
+    .mr-sm-n-5,
+    .mx-sm-n-5
+    {
+        margin-right: 3rem !important;
+    }
+    .mb-sm-n-5,
+    .my-sm-n-5
+    {
+        margin-bottom: 3rem !important;
+    }
+    .ml-sm-n-5,
+    .mx-sm-n-5
+    {
+        margin-left: 3rem !important;
+    }
+    .m-sm-n-4
+    {
+        margin: 1.5rem !important;
+    }
+    .mt-sm-n-4,
+    .my-sm-n-4
+    {
+        margin-top: 1.5rem !important;
+    }
+    .mr-sm-n-4,
+    .mx-sm-n-4
+    {
+        margin-right: 1.5rem !important;
+    }
+    .mb-sm-n-4,
+    .my-sm-n-4
+    {
+        margin-bottom: 1.5rem !important;
+    }
+    .ml-sm-n-4,
+    .mx-sm-n-4
+    {
+        margin-left: 1.5rem !important;
+    }
+    .m-sm-n-3
+    {
+        margin: 1rem !important;
+    }
+    .mt-sm-n-3,
+    .my-sm-n-3
+    {
+        margin-top: 1rem !important;
+    }
+    .mr-sm-n-3,
+    .mx-sm-n-3
+    {
+        margin-right: 1rem !important;
+    }
+    .mb-sm-n-3,
+    .my-sm-n-3
+    {
+        margin-bottom: 1rem !important;
+    }
+    .ml-sm-n-3,
+    .mx-sm-n-3
+    {
+        margin-left: 1rem !important;
+    }
+    .m-sm-n-2
+    {
+        margin: .5rem !important;
+    }
+    .mt-sm-n-2,
+    .my-sm-n-2
+    {
+        margin-top: .5rem !important;
+    }
+    .mr-sm-n-2,
+    .mx-sm-n-2
+    {
+        margin-right: .5rem !important;
+    }
+    .mb-sm-n-2,
+    .my-sm-n-2
+    {
+        margin-bottom: .5rem !important;
+    }
+    .ml-sm-n-2,
+    .mx-sm-n-2
+    {
+        margin-left: .5rem !important;
+    }
+    .m-sm-n-1
+    {
+        margin: .25rem !important;
+    }
+    .mt-sm-n-1,
+    .my-sm-n-1
+    {
+        margin-top: .25rem !important;
+    }
+    .mr-sm-n-1,
+    .mx-sm-n-1
+    {
+        margin-right: .25rem !important;
+    }
+    .mb-sm-n-1,
+    .my-sm-n-1
+    {
+        margin-bottom: .25rem !important;
+    }
+    .ml-sm-n-1,
+    .mx-sm-n-1
+    {
+        margin-left: .25rem !important;
+    }
+    .m-sm-n6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-sm-n6,
+    .my-sm-n6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-sm-n6,
+    .mx-sm-n6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-sm-n6,
+    .my-sm-n6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-sm-n6,
+    .mx-sm-n6
+    {
+        margin-left: -4.5rem !important;
+    }
+    .m-sm-n7
+    {
+        margin: -6rem !important;
+    }
+    .mt-sm-n7,
+    .my-sm-n7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-sm-n7,
+    .mx-sm-n7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-sm-n7,
+    .my-sm-n7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-sm-n7,
+    .mx-sm-n7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-sm-n8
+    {
+        margin: -8rem !important;
+    }
+    .mt-sm-n8,
+    .my-sm-n8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-sm-n8,
+    .mx-sm-n8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-sm-n8,
+    .my-sm-n8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-sm-n8,
+    .mx-sm-n8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-sm-n9
+    {
+        margin: -10rem !important;
+    }
+    .mt-sm-n9,
+    .my-sm-n9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-sm-n9,
+    .mx-sm-n9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-sm-n9,
+    .my-sm-n9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-sm-n9,
+    .mx-sm-n9
+    {
+        margin-left: -10rem !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;
+    }
+    .m-md--9
+    {
+        margin: -10rem !important;
+    }
+    .mt-md--9,
+    .my-md--9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-md--9,
+    .mx-md--9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-md--9,
+    .my-md--9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-md--9,
+    .mx-md--9
+    {
+        margin-left: -10rem !important;
+    }
+    .m-md--8
+    {
+        margin: -8rem !important;
+    }
+    .mt-md--8,
+    .my-md--8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-md--8,
+    .mx-md--8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-md--8,
+    .my-md--8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-md--8,
+    .mx-md--8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-md--7
+    {
+        margin: -6rem !important;
+    }
+    .mt-md--7,
+    .my-md--7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-md--7,
+    .mx-md--7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-md--7,
+    .my-md--7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-md--7,
+    .mx-md--7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-md--6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-md--6,
+    .my-md--6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-md--6,
+    .mx-md--6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-md--6,
+    .my-md--6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-md--6,
+    .mx-md--6
+    {
+        margin-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-md-6,
+    .my-md-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-md-6,
+    .mx-md-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-md-6,
+    .my-md-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-md-6,
+    .mx-md-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-md-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-md-7,
+    .my-md-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-md-7,
+    .mx-md-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-md-7,
+    .my-md-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-md-7,
+    .mx-md-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-md-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-md-8,
+    .my-md-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-md-8,
+    .mx-md-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-md-8,
+    .my-md-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-md-8,
+    .mx-md-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-md-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-md-9,
+    .my-md-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-md-9,
+    .mx-md-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-md-9,
+    .my-md-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-md-9,
+    .mx-md-9
+    {
+        margin-left: 10rem !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;
+    }
+    .p-md--9
+    {
+        padding: -10rem !important;
+    }
+    .pt-md--9,
+    .py-md--9
+    {
+        padding-top: -10rem !important;
+    }
+    .pr-md--9,
+    .px-md--9
+    {
+        padding-right: -10rem !important;
+    }
+    .pb-md--9,
+    .py-md--9
+    {
+        padding-bottom: -10rem !important;
+    }
+    .pl-md--9,
+    .px-md--9
+    {
+        padding-left: -10rem !important;
+    }
+    .p-md--8
+    {
+        padding: -8rem !important;
+    }
+    .pt-md--8,
+    .py-md--8
+    {
+        padding-top: -8rem !important;
+    }
+    .pr-md--8,
+    .px-md--8
+    {
+        padding-right: -8rem !important;
+    }
+    .pb-md--8,
+    .py-md--8
+    {
+        padding-bottom: -8rem !important;
+    }
+    .pl-md--8,
+    .px-md--8
+    {
+        padding-left: -8rem !important;
+    }
+    .p-md--7
+    {
+        padding: -6rem !important;
+    }
+    .pt-md--7,
+    .py-md--7
+    {
+        padding-top: -6rem !important;
+    }
+    .pr-md--7,
+    .px-md--7
+    {
+        padding-right: -6rem !important;
+    }
+    .pb-md--7,
+    .py-md--7
+    {
+        padding-bottom: -6rem !important;
+    }
+    .pl-md--7,
+    .px-md--7
+    {
+        padding-left: -6rem !important;
+    }
+    .p-md--6
+    {
+        padding: -4.5rem !important;
+    }
+    .pt-md--6,
+    .py-md--6
+    {
+        padding-top: -4.5rem !important;
+    }
+    .pr-md--6,
+    .px-md--6
+    {
+        padding-right: -4.5rem !important;
+    }
+    .pb-md--6,
+    .py-md--6
+    {
+        padding-bottom: -4.5rem !important;
+    }
+    .pl-md--6,
+    .px-md--6
+    {
+        padding-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        padding: 4.5rem !important;
+    }
+    .pt-md-6,
+    .py-md-6
+    {
+        padding-top: 4.5rem !important;
+    }
+    .pr-md-6,
+    .px-md-6
+    {
+        padding-right: 4.5rem !important;
+    }
+    .pb-md-6,
+    .py-md-6
+    {
+        padding-bottom: 4.5rem !important;
+    }
+    .pl-md-6,
+    .px-md-6
+    {
+        padding-left: 4.5rem !important;
+    }
+    .p-md-7
+    {
+        padding: 6rem !important;
+    }
+    .pt-md-7,
+    .py-md-7
+    {
+        padding-top: 6rem !important;
+    }
+    .pr-md-7,
+    .px-md-7
+    {
+        padding-right: 6rem !important;
+    }
+    .pb-md-7,
+    .py-md-7
+    {
+        padding-bottom: 6rem !important;
+    }
+    .pl-md-7,
+    .px-md-7
+    {
+        padding-left: 6rem !important;
+    }
+    .p-md-8
+    {
+        padding: 8rem !important;
+    }
+    .pt-md-8,
+    .py-md-8
+    {
+        padding-top: 8rem !important;
+    }
+    .pr-md-8,
+    .px-md-8
+    {
+        padding-right: 8rem !important;
+    }
+    .pb-md-8,
+    .py-md-8
+    {
+        padding-bottom: 8rem !important;
+    }
+    .pl-md-8,
+    .px-md-8
+    {
+        padding-left: 8rem !important;
+    }
+    .p-md-9
+    {
+        padding: 10rem !important;
+    }
+    .pt-md-9,
+    .py-md-9
+    {
+        padding-top: 10rem !important;
+    }
+    .pr-md-9,
+    .px-md-9
+    {
+        padding-right: 10rem !important;
+    }
+    .pb-md-9,
+    .py-md-9
+    {
+        padding-bottom: 10rem !important;
+    }
+    .pl-md-9,
+    .px-md-9
+    {
+        padding-left: 10rem !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-n-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-md-n-9,
+    .my-md-n-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-md-n-9,
+    .mx-md-n-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-md-n-9,
+    .my-md-n-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-md-n-9,
+    .mx-md-n-9
+    {
+        margin-left: 10rem !important;
+    }
+    .m-md-n-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-md-n-8,
+    .my-md-n-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-md-n-8,
+    .mx-md-n-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-md-n-8,
+    .my-md-n-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-md-n-8,
+    .mx-md-n-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-md-n-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-md-n-7,
+    .my-md-n-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-md-n-7,
+    .mx-md-n-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-md-n-7,
+    .my-md-n-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-md-n-7,
+    .mx-md-n-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-md-n-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-md-n-6,
+    .my-md-n-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-md-n-6,
+    .mx-md-n-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-md-n-6,
+    .my-md-n-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-md-n-6,
+    .mx-md-n-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-md-n-5
+    {
+        margin: 3rem !important;
+    }
+    .mt-md-n-5,
+    .my-md-n-5
+    {
+        margin-top: 3rem !important;
+    }
+    .mr-md-n-5,
+    .mx-md-n-5
+    {
+        margin-right: 3rem !important;
+    }
+    .mb-md-n-5,
+    .my-md-n-5
+    {
+        margin-bottom: 3rem !important;
+    }
+    .ml-md-n-5,
+    .mx-md-n-5
+    {
+        margin-left: 3rem !important;
+    }
+    .m-md-n-4
+    {
+        margin: 1.5rem !important;
+    }
+    .mt-md-n-4,
+    .my-md-n-4
+    {
+        margin-top: 1.5rem !important;
+    }
+    .mr-md-n-4,
+    .mx-md-n-4
+    {
+        margin-right: 1.5rem !important;
+    }
+    .mb-md-n-4,
+    .my-md-n-4
+    {
+        margin-bottom: 1.5rem !important;
+    }
+    .ml-md-n-4,
+    .mx-md-n-4
+    {
+        margin-left: 1.5rem !important;
+    }
+    .m-md-n-3
+    {
+        margin: 1rem !important;
+    }
+    .mt-md-n-3,
+    .my-md-n-3
+    {
+        margin-top: 1rem !important;
+    }
+    .mr-md-n-3,
+    .mx-md-n-3
+    {
+        margin-right: 1rem !important;
+    }
+    .mb-md-n-3,
+    .my-md-n-3
+    {
+        margin-bottom: 1rem !important;
+    }
+    .ml-md-n-3,
+    .mx-md-n-3
+    {
+        margin-left: 1rem !important;
+    }
+    .m-md-n-2
+    {
+        margin: .5rem !important;
+    }
+    .mt-md-n-2,
+    .my-md-n-2
+    {
+        margin-top: .5rem !important;
+    }
+    .mr-md-n-2,
+    .mx-md-n-2
+    {
+        margin-right: .5rem !important;
+    }
+    .mb-md-n-2,
+    .my-md-n-2
+    {
+        margin-bottom: .5rem !important;
+    }
+    .ml-md-n-2,
+    .mx-md-n-2
+    {
+        margin-left: .5rem !important;
+    }
+    .m-md-n-1
+    {
+        margin: .25rem !important;
+    }
+    .mt-md-n-1,
+    .my-md-n-1
+    {
+        margin-top: .25rem !important;
+    }
+    .mr-md-n-1,
+    .mx-md-n-1
+    {
+        margin-right: .25rem !important;
+    }
+    .mb-md-n-1,
+    .my-md-n-1
+    {
+        margin-bottom: .25rem !important;
+    }
+    .ml-md-n-1,
+    .mx-md-n-1
+    {
+        margin-left: .25rem !important;
+    }
+    .m-md-n6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-md-n6,
+    .my-md-n6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-md-n6,
+    .mx-md-n6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-md-n6,
+    .my-md-n6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-md-n6,
+    .mx-md-n6
+    {
+        margin-left: -4.5rem !important;
+    }
+    .m-md-n7
+    {
+        margin: -6rem !important;
+    }
+    .mt-md-n7,
+    .my-md-n7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-md-n7,
+    .mx-md-n7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-md-n7,
+    .my-md-n7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-md-n7,
+    .mx-md-n7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-md-n8
+    {
+        margin: -8rem !important;
+    }
+    .mt-md-n8,
+    .my-md-n8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-md-n8,
+    .mx-md-n8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-md-n8,
+    .my-md-n8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-md-n8,
+    .mx-md-n8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-md-n9
+    {
+        margin: -10rem !important;
+    }
+    .mt-md-n9,
+    .my-md-n9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-md-n9,
+    .mx-md-n9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-md-n9,
+    .my-md-n9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-md-n9,
+    .mx-md-n9
+    {
+        margin-left: -10rem !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;
+    }
+    .m-lg--9
+    {
+        margin: -10rem !important;
+    }
+    .mt-lg--9,
+    .my-lg--9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-lg--9,
+    .mx-lg--9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-lg--9,
+    .my-lg--9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-lg--9,
+    .mx-lg--9
+    {
+        margin-left: -10rem !important;
+    }
+    .m-lg--8
+    {
+        margin: -8rem !important;
+    }
+    .mt-lg--8,
+    .my-lg--8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-lg--8,
+    .mx-lg--8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-lg--8,
+    .my-lg--8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-lg--8,
+    .mx-lg--8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-lg--7
+    {
+        margin: -6rem !important;
+    }
+    .mt-lg--7,
+    .my-lg--7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-lg--7,
+    .mx-lg--7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-lg--7,
+    .my-lg--7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-lg--7,
+    .mx-lg--7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-lg--6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-lg--6,
+    .my-lg--6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-lg--6,
+    .mx-lg--6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-lg--6,
+    .my-lg--6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-lg--6,
+    .mx-lg--6
+    {
+        margin-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-lg-6,
+    .my-lg-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-lg-6,
+    .mx-lg-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-lg-6,
+    .my-lg-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-lg-6,
+    .mx-lg-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-lg-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-lg-7,
+    .my-lg-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-lg-7,
+    .mx-lg-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-lg-7,
+    .my-lg-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-lg-7,
+    .mx-lg-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-lg-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-lg-8,
+    .my-lg-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-lg-8,
+    .mx-lg-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-lg-8,
+    .my-lg-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-lg-8,
+    .mx-lg-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-lg-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-lg-9,
+    .my-lg-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-lg-9,
+    .mx-lg-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-lg-9,
+    .my-lg-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-lg-9,
+    .mx-lg-9
+    {
+        margin-left: 10rem !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;
+    }
+    .p-lg--9
+    {
+        padding: -10rem !important;
+    }
+    .pt-lg--9,
+    .py-lg--9
+    {
+        padding-top: -10rem !important;
+    }
+    .pr-lg--9,
+    .px-lg--9
+    {
+        padding-right: -10rem !important;
+    }
+    .pb-lg--9,
+    .py-lg--9
+    {
+        padding-bottom: -10rem !important;
+    }
+    .pl-lg--9,
+    .px-lg--9
+    {
+        padding-left: -10rem !important;
+    }
+    .p-lg--8
+    {
+        padding: -8rem !important;
+    }
+    .pt-lg--8,
+    .py-lg--8
+    {
+        padding-top: -8rem !important;
+    }
+    .pr-lg--8,
+    .px-lg--8
+    {
+        padding-right: -8rem !important;
+    }
+    .pb-lg--8,
+    .py-lg--8
+    {
+        padding-bottom: -8rem !important;
+    }
+    .pl-lg--8,
+    .px-lg--8
+    {
+        padding-left: -8rem !important;
+    }
+    .p-lg--7
+    {
+        padding: -6rem !important;
+    }
+    .pt-lg--7,
+    .py-lg--7
+    {
+        padding-top: -6rem !important;
+    }
+    .pr-lg--7,
+    .px-lg--7
+    {
+        padding-right: -6rem !important;
+    }
+    .pb-lg--7,
+    .py-lg--7
+    {
+        padding-bottom: -6rem !important;
+    }
+    .pl-lg--7,
+    .px-lg--7
+    {
+        padding-left: -6rem !important;
+    }
+    .p-lg--6
+    {
+        padding: -4.5rem !important;
+    }
+    .pt-lg--6,
+    .py-lg--6
+    {
+        padding-top: -4.5rem !important;
+    }
+    .pr-lg--6,
+    .px-lg--6
+    {
+        padding-right: -4.5rem !important;
+    }
+    .pb-lg--6,
+    .py-lg--6
+    {
+        padding-bottom: -4.5rem !important;
+    }
+    .pl-lg--6,
+    .px-lg--6
+    {
+        padding-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        padding: 4.5rem !important;
+    }
+    .pt-lg-6,
+    .py-lg-6
+    {
+        padding-top: 4.5rem !important;
+    }
+    .pr-lg-6,
+    .px-lg-6
+    {
+        padding-right: 4.5rem !important;
+    }
+    .pb-lg-6,
+    .py-lg-6
+    {
+        padding-bottom: 4.5rem !important;
+    }
+    .pl-lg-6,
+    .px-lg-6
+    {
+        padding-left: 4.5rem !important;
+    }
+    .p-lg-7
+    {
+        padding: 6rem !important;
+    }
+    .pt-lg-7,
+    .py-lg-7
+    {
+        padding-top: 6rem !important;
+    }
+    .pr-lg-7,
+    .px-lg-7
+    {
+        padding-right: 6rem !important;
+    }
+    .pb-lg-7,
+    .py-lg-7
+    {
+        padding-bottom: 6rem !important;
+    }
+    .pl-lg-7,
+    .px-lg-7
+    {
+        padding-left: 6rem !important;
+    }
+    .p-lg-8
+    {
+        padding: 8rem !important;
+    }
+    .pt-lg-8,
+    .py-lg-8
+    {
+        padding-top: 8rem !important;
+    }
+    .pr-lg-8,
+    .px-lg-8
+    {
+        padding-right: 8rem !important;
+    }
+    .pb-lg-8,
+    .py-lg-8
+    {
+        padding-bottom: 8rem !important;
+    }
+    .pl-lg-8,
+    .px-lg-8
+    {
+        padding-left: 8rem !important;
+    }
+    .p-lg-9
+    {
+        padding: 10rem !important;
+    }
+    .pt-lg-9,
+    .py-lg-9
+    {
+        padding-top: 10rem !important;
+    }
+    .pr-lg-9,
+    .px-lg-9
+    {
+        padding-right: 10rem !important;
+    }
+    .pb-lg-9,
+    .py-lg-9
+    {
+        padding-bottom: 10rem !important;
+    }
+    .pl-lg-9,
+    .px-lg-9
+    {
+        padding-left: 10rem !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-n-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-lg-n-9,
+    .my-lg-n-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-lg-n-9,
+    .mx-lg-n-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-lg-n-9,
+    .my-lg-n-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-lg-n-9,
+    .mx-lg-n-9
+    {
+        margin-left: 10rem !important;
+    }
+    .m-lg-n-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-lg-n-8,
+    .my-lg-n-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-lg-n-8,
+    .mx-lg-n-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-lg-n-8,
+    .my-lg-n-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-lg-n-8,
+    .mx-lg-n-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-lg-n-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-lg-n-7,
+    .my-lg-n-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-lg-n-7,
+    .mx-lg-n-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-lg-n-7,
+    .my-lg-n-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-lg-n-7,
+    .mx-lg-n-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-lg-n-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-lg-n-6,
+    .my-lg-n-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-lg-n-6,
+    .mx-lg-n-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-lg-n-6,
+    .my-lg-n-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-lg-n-6,
+    .mx-lg-n-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-lg-n-5
+    {
+        margin: 3rem !important;
+    }
+    .mt-lg-n-5,
+    .my-lg-n-5
+    {
+        margin-top: 3rem !important;
+    }
+    .mr-lg-n-5,
+    .mx-lg-n-5
+    {
+        margin-right: 3rem !important;
+    }
+    .mb-lg-n-5,
+    .my-lg-n-5
+    {
+        margin-bottom: 3rem !important;
+    }
+    .ml-lg-n-5,
+    .mx-lg-n-5
+    {
+        margin-left: 3rem !important;
+    }
+    .m-lg-n-4
+    {
+        margin: 1.5rem !important;
+    }
+    .mt-lg-n-4,
+    .my-lg-n-4
+    {
+        margin-top: 1.5rem !important;
+    }
+    .mr-lg-n-4,
+    .mx-lg-n-4
+    {
+        margin-right: 1.5rem !important;
+    }
+    .mb-lg-n-4,
+    .my-lg-n-4
+    {
+        margin-bottom: 1.5rem !important;
+    }
+    .ml-lg-n-4,
+    .mx-lg-n-4
+    {
+        margin-left: 1.5rem !important;
+    }
+    .m-lg-n-3
+    {
+        margin: 1rem !important;
+    }
+    .mt-lg-n-3,
+    .my-lg-n-3
+    {
+        margin-top: 1rem !important;
+    }
+    .mr-lg-n-3,
+    .mx-lg-n-3
+    {
+        margin-right: 1rem !important;
+    }
+    .mb-lg-n-3,
+    .my-lg-n-3
+    {
+        margin-bottom: 1rem !important;
+    }
+    .ml-lg-n-3,
+    .mx-lg-n-3
+    {
+        margin-left: 1rem !important;
+    }
+    .m-lg-n-2
+    {
+        margin: .5rem !important;
+    }
+    .mt-lg-n-2,
+    .my-lg-n-2
+    {
+        margin-top: .5rem !important;
+    }
+    .mr-lg-n-2,
+    .mx-lg-n-2
+    {
+        margin-right: .5rem !important;
+    }
+    .mb-lg-n-2,
+    .my-lg-n-2
+    {
+        margin-bottom: .5rem !important;
+    }
+    .ml-lg-n-2,
+    .mx-lg-n-2
+    {
+        margin-left: .5rem !important;
+    }
+    .m-lg-n-1
+    {
+        margin: .25rem !important;
+    }
+    .mt-lg-n-1,
+    .my-lg-n-1
+    {
+        margin-top: .25rem !important;
+    }
+    .mr-lg-n-1,
+    .mx-lg-n-1
+    {
+        margin-right: .25rem !important;
+    }
+    .mb-lg-n-1,
+    .my-lg-n-1
+    {
+        margin-bottom: .25rem !important;
+    }
+    .ml-lg-n-1,
+    .mx-lg-n-1
+    {
+        margin-left: .25rem !important;
+    }
+    .m-lg-n6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-lg-n6,
+    .my-lg-n6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-lg-n6,
+    .mx-lg-n6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-lg-n6,
+    .my-lg-n6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-lg-n6,
+    .mx-lg-n6
+    {
+        margin-left: -4.5rem !important;
+    }
+    .m-lg-n7
+    {
+        margin: -6rem !important;
+    }
+    .mt-lg-n7,
+    .my-lg-n7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-lg-n7,
+    .mx-lg-n7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-lg-n7,
+    .my-lg-n7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-lg-n7,
+    .mx-lg-n7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-lg-n8
+    {
+        margin: -8rem !important;
+    }
+    .mt-lg-n8,
+    .my-lg-n8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-lg-n8,
+    .mx-lg-n8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-lg-n8,
+    .my-lg-n8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-lg-n8,
+    .mx-lg-n8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-lg-n9
+    {
+        margin: -10rem !important;
+    }
+    .mt-lg-n9,
+    .my-lg-n9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-lg-n9,
+    .mx-lg-n9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-lg-n9,
+    .my-lg-n9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-lg-n9,
+    .mx-lg-n9
+    {
+        margin-left: -10rem !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;
+    }
+    .m-xl--9
+    {
+        margin: -10rem !important;
+    }
+    .mt-xl--9,
+    .my-xl--9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-xl--9,
+    .mx-xl--9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-xl--9,
+    .my-xl--9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-xl--9,
+    .mx-xl--9
+    {
+        margin-left: -10rem !important;
+    }
+    .m-xl--8
+    {
+        margin: -8rem !important;
+    }
+    .mt-xl--8,
+    .my-xl--8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-xl--8,
+    .mx-xl--8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-xl--8,
+    .my-xl--8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-xl--8,
+    .mx-xl--8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-xl--7
+    {
+        margin: -6rem !important;
+    }
+    .mt-xl--7,
+    .my-xl--7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-xl--7,
+    .mx-xl--7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-xl--7,
+    .my-xl--7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-xl--7,
+    .mx-xl--7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-xl--6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-xl--6,
+    .my-xl--6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-xl--6,
+    .mx-xl--6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-xl--6,
+    .my-xl--6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-xl--6,
+    .mx-xl--6
+    {
+        margin-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-xl-6,
+    .my-xl-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-xl-6,
+    .mx-xl-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-xl-6,
+    .my-xl-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-xl-6,
+    .mx-xl-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-xl-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-xl-7,
+    .my-xl-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-xl-7,
+    .mx-xl-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-xl-7,
+    .my-xl-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-xl-7,
+    .mx-xl-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-xl-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-xl-8,
+    .my-xl-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-xl-8,
+    .mx-xl-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-xl-8,
+    .my-xl-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-xl-8,
+    .mx-xl-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-xl-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-xl-9,
+    .my-xl-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-xl-9,
+    .mx-xl-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-xl-9,
+    .my-xl-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-xl-9,
+    .mx-xl-9
+    {
+        margin-left: 10rem !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;
+    }
+    .p-xl--9
+    {
+        padding: -10rem !important;
+    }
+    .pt-xl--9,
+    .py-xl--9
+    {
+        padding-top: -10rem !important;
+    }
+    .pr-xl--9,
+    .px-xl--9
+    {
+        padding-right: -10rem !important;
+    }
+    .pb-xl--9,
+    .py-xl--9
+    {
+        padding-bottom: -10rem !important;
+    }
+    .pl-xl--9,
+    .px-xl--9
+    {
+        padding-left: -10rem !important;
+    }
+    .p-xl--8
+    {
+        padding: -8rem !important;
+    }
+    .pt-xl--8,
+    .py-xl--8
+    {
+        padding-top: -8rem !important;
+    }
+    .pr-xl--8,
+    .px-xl--8
+    {
+        padding-right: -8rem !important;
+    }
+    .pb-xl--8,
+    .py-xl--8
+    {
+        padding-bottom: -8rem !important;
+    }
+    .pl-xl--8,
+    .px-xl--8
+    {
+        padding-left: -8rem !important;
+    }
+    .p-xl--7
+    {
+        padding: -6rem !important;
+    }
+    .pt-xl--7,
+    .py-xl--7
+    {
+        padding-top: -6rem !important;
+    }
+    .pr-xl--7,
+    .px-xl--7
+    {
+        padding-right: -6rem !important;
+    }
+    .pb-xl--7,
+    .py-xl--7
+    {
+        padding-bottom: -6rem !important;
+    }
+    .pl-xl--7,
+    .px-xl--7
+    {
+        padding-left: -6rem !important;
+    }
+    .p-xl--6
+    {
+        padding: -4.5rem !important;
+    }
+    .pt-xl--6,
+    .py-xl--6
+    {
+        padding-top: -4.5rem !important;
+    }
+    .pr-xl--6,
+    .px-xl--6
+    {
+        padding-right: -4.5rem !important;
+    }
+    .pb-xl--6,
+    .py-xl--6
+    {
+        padding-bottom: -4.5rem !important;
+    }
+    .pl-xl--6,
+    .px-xl--6
+    {
+        padding-left: -4.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;
+    }
+    .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--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--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--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-6
+    {
+        padding: 4.5rem !important;
+    }
+    .pt-xl-6,
+    .py-xl-6
+    {
+        padding-top: 4.5rem !important;
+    }
+    .pr-xl-6,
+    .px-xl-6
+    {
+        padding-right: 4.5rem !important;
+    }
+    .pb-xl-6,
+    .py-xl-6
+    {
+        padding-bottom: 4.5rem !important;
+    }
+    .pl-xl-6,
+    .px-xl-6
+    {
+        padding-left: 4.5rem !important;
+    }
+    .p-xl-7
+    {
+        padding: 6rem !important;
+    }
+    .pt-xl-7,
+    .py-xl-7
+    {
+        padding-top: 6rem !important;
+    }
+    .pr-xl-7,
+    .px-xl-7
+    {
+        padding-right: 6rem !important;
+    }
+    .pb-xl-7,
+    .py-xl-7
+    {
+        padding-bottom: 6rem !important;
+    }
+    .pl-xl-7,
+    .px-xl-7
+    {
+        padding-left: 6rem !important;
+    }
+    .p-xl-8
+    {
+        padding: 8rem !important;
+    }
+    .pt-xl-8,
+    .py-xl-8
+    {
+        padding-top: 8rem !important;
+    }
+    .pr-xl-8,
+    .px-xl-8
+    {
+        padding-right: 8rem !important;
+    }
+    .pb-xl-8,
+    .py-xl-8
+    {
+        padding-bottom: 8rem !important;
+    }
+    .pl-xl-8,
+    .px-xl-8
+    {
+        padding-left: 8rem !important;
+    }
+    .p-xl-9
+    {
+        padding: 10rem !important;
+    }
+    .pt-xl-9,
+    .py-xl-9
+    {
+        padding-top: 10rem !important;
+    }
+    .pr-xl-9,
+    .px-xl-9
+    {
+        padding-right: 10rem !important;
+    }
+    .pb-xl-9,
+    .py-xl-9
+    {
+        padding-bottom: 10rem !important;
+    }
+    .pl-xl-9,
+    .px-xl-9
+    {
+        padding-left: 10rem !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-n-9
+    {
+        margin: 10rem !important;
+    }
+    .mt-xl-n-9,
+    .my-xl-n-9
+    {
+        margin-top: 10rem !important;
+    }
+    .mr-xl-n-9,
+    .mx-xl-n-9
+    {
+        margin-right: 10rem !important;
+    }
+    .mb-xl-n-9,
+    .my-xl-n-9
+    {
+        margin-bottom: 10rem !important;
+    }
+    .ml-xl-n-9,
+    .mx-xl-n-9
+    {
+        margin-left: 10rem !important;
+    }
+    .m-xl-n-8
+    {
+        margin: 8rem !important;
+    }
+    .mt-xl-n-8,
+    .my-xl-n-8
+    {
+        margin-top: 8rem !important;
+    }
+    .mr-xl-n-8,
+    .mx-xl-n-8
+    {
+        margin-right: 8rem !important;
+    }
+    .mb-xl-n-8,
+    .my-xl-n-8
+    {
+        margin-bottom: 8rem !important;
+    }
+    .ml-xl-n-8,
+    .mx-xl-n-8
+    {
+        margin-left: 8rem !important;
+    }
+    .m-xl-n-7
+    {
+        margin: 6rem !important;
+    }
+    .mt-xl-n-7,
+    .my-xl-n-7
+    {
+        margin-top: 6rem !important;
+    }
+    .mr-xl-n-7,
+    .mx-xl-n-7
+    {
+        margin-right: 6rem !important;
+    }
+    .mb-xl-n-7,
+    .my-xl-n-7
+    {
+        margin-bottom: 6rem !important;
+    }
+    .ml-xl-n-7,
+    .mx-xl-n-7
+    {
+        margin-left: 6rem !important;
+    }
+    .m-xl-n-6
+    {
+        margin: 4.5rem !important;
+    }
+    .mt-xl-n-6,
+    .my-xl-n-6
+    {
+        margin-top: 4.5rem !important;
+    }
+    .mr-xl-n-6,
+    .mx-xl-n-6
+    {
+        margin-right: 4.5rem !important;
+    }
+    .mb-xl-n-6,
+    .my-xl-n-6
+    {
+        margin-bottom: 4.5rem !important;
+    }
+    .ml-xl-n-6,
+    .mx-xl-n-6
+    {
+        margin-left: 4.5rem !important;
+    }
+    .m-xl-n-5
+    {
+        margin: 3rem !important;
+    }
+    .mt-xl-n-5,
+    .my-xl-n-5
+    {
+        margin-top: 3rem !important;
+    }
+    .mr-xl-n-5,
+    .mx-xl-n-5
+    {
+        margin-right: 3rem !important;
+    }
+    .mb-xl-n-5,
+    .my-xl-n-5
+    {
+        margin-bottom: 3rem !important;
+    }
+    .ml-xl-n-5,
+    .mx-xl-n-5
+    {
+        margin-left: 3rem !important;
+    }
+    .m-xl-n-4
+    {
+        margin: 1.5rem !important;
+    }
+    .mt-xl-n-4,
+    .my-xl-n-4
+    {
+        margin-top: 1.5rem !important;
+    }
+    .mr-xl-n-4,
+    .mx-xl-n-4
+    {
+        margin-right: 1.5rem !important;
+    }
+    .mb-xl-n-4,
+    .my-xl-n-4
+    {
+        margin-bottom: 1.5rem !important;
+    }
+    .ml-xl-n-4,
+    .mx-xl-n-4
+    {
+        margin-left: 1.5rem !important;
+    }
+    .m-xl-n-3
+    {
+        margin: 1rem !important;
+    }
+    .mt-xl-n-3,
+    .my-xl-n-3
+    {
+        margin-top: 1rem !important;
+    }
+    .mr-xl-n-3,
+    .mx-xl-n-3
+    {
+        margin-right: 1rem !important;
+    }
+    .mb-xl-n-3,
+    .my-xl-n-3
+    {
+        margin-bottom: 1rem !important;
+    }
+    .ml-xl-n-3,
+    .mx-xl-n-3
+    {
+        margin-left: 1rem !important;
+    }
+    .m-xl-n-2
+    {
+        margin: .5rem !important;
+    }
+    .mt-xl-n-2,
+    .my-xl-n-2
+    {
+        margin-top: .5rem !important;
+    }
+    .mr-xl-n-2,
+    .mx-xl-n-2
+    {
+        margin-right: .5rem !important;
+    }
+    .mb-xl-n-2,
+    .my-xl-n-2
+    {
+        margin-bottom: .5rem !important;
+    }
+    .ml-xl-n-2,
+    .mx-xl-n-2
+    {
+        margin-left: .5rem !important;
+    }
+    .m-xl-n-1
+    {
+        margin: .25rem !important;
+    }
+    .mt-xl-n-1,
+    .my-xl-n-1
+    {
+        margin-top: .25rem !important;
+    }
+    .mr-xl-n-1,
+    .mx-xl-n-1
+    {
+        margin-right: .25rem !important;
+    }
+    .mb-xl-n-1,
+    .my-xl-n-1
+    {
+        margin-bottom: .25rem !important;
+    }
+    .ml-xl-n-1,
+    .mx-xl-n-1
+    {
+        margin-left: .25rem !important;
+    }
+    .m-xl-n6
+    {
+        margin: -4.5rem !important;
+    }
+    .mt-xl-n6,
+    .my-xl-n6
+    {
+        margin-top: -4.5rem !important;
+    }
+    .mr-xl-n6,
+    .mx-xl-n6
+    {
+        margin-right: -4.5rem !important;
+    }
+    .mb-xl-n6,
+    .my-xl-n6
+    {
+        margin-bottom: -4.5rem !important;
+    }
+    .ml-xl-n6,
+    .mx-xl-n6
+    {
+        margin-left: -4.5rem !important;
+    }
+    .m-xl-n7
+    {
+        margin: -6rem !important;
+    }
+    .mt-xl-n7,
+    .my-xl-n7
+    {
+        margin-top: -6rem !important;
+    }
+    .mr-xl-n7,
+    .mx-xl-n7
+    {
+        margin-right: -6rem !important;
+    }
+    .mb-xl-n7,
+    .my-xl-n7
+    {
+        margin-bottom: -6rem !important;
+    }
+    .ml-xl-n7,
+    .mx-xl-n7
+    {
+        margin-left: -6rem !important;
+    }
+    .m-xl-n8
+    {
+        margin: -8rem !important;
+    }
+    .mt-xl-n8,
+    .my-xl-n8
+    {
+        margin-top: -8rem !important;
+    }
+    .mr-xl-n8,
+    .mx-xl-n8
+    {
+        margin-right: -8rem !important;
+    }
+    .mb-xl-n8,
+    .my-xl-n8
+    {
+        margin-bottom: -8rem !important;
+    }
+    .ml-xl-n8,
+    .mx-xl-n8
+    {
+        margin-left: -8rem !important;
+    }
+    .m-xl-n9
+    {
+        margin: -10rem !important;
+    }
+    .mt-xl-n9,
+    .my-xl-n9
+    {
+        margin-top: -10rem !important;
+    }
+    .mr-xl-n9,
+    .mx-xl-n9
+    {
+        margin-right: -10rem !important;
+    }
+    .mb-xl-n9,
+    .my-xl-n9
+    {
+        margin-bottom: -10rem !important;
+    }
+    .ml-xl-n9,
+    .mx-xl-n9
+    {
+        margin-left: -10rem !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;
+
+    white-space: nowrap; 
+    text-overflow: ellipsis;
+}
+
+.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: 600 !important;
+}
+
+.font-weight-bolder
+{
+    font-weight: bolder !important;
+}
+
+.font-italic
+{
+    font-style: italic !important;
+}
+
+.text-white
+{
+    color: #fff !important;
+}
+
+.text-primary
+{
+    color: #5e72e4 !important;
+}
+
+a.text-primary:hover,
+a.text-primary:focus
+{
+    color: #233dd2 !important;
+}
+
+.text-secondary
+{
+    color: #f7fafc !important;
+}
+
+a.text-secondary:hover,
+a.text-secondary:focus
+{
+    color: #bfd7e7 !important;
+}
+
+.text-success
+{
+    color: #2dce89 !important;
+}
+
+a.text-success:hover,
+a.text-success:focus
+{
+    color: #1f8f5f !important;
+}
+
+.text-info
+{
+    color: #11cdef !important;
+}
+
+a.text-info:hover,
+a.text-info:focus
+{
+    color: #0b90a8 !important;
+}
+
+.text-warning
+{
+    color: #fb6340 !important;
+}
+
+a.text-warning:hover,
+a.text-warning:focus
+{
+    color: #ea3005 !important;
+}
+
+.text-danger
+{
+    color: #f5365c !important;
+}
+
+a.text-danger:hover,
+a.text-danger:focus
+{
+    color: #d40b33 !important;
+}
+
+.text-light
+{
+    color: #adb5bd !important;
+}
+
+a.text-light:hover,
+a.text-light:focus
+{
+    color: #838f9b !important;
+}
+
+.text-dark
+{
+    color: #212529 !important;
+}
+
+a.text-dark:hover,
+a.text-dark:focus
+{
+    color: black !important;
+}
+
+.text-default
+{
+    color: #172b4d !important;
+}
+
+a.text-default:hover,
+a.text-default:focus
+{
+    color: #050a12 !important;
+}
+
+.text-white
+{
+    color: #fff !important;
+}
+
+a.text-white:hover,
+a.text-white:focus
+{
+    color: #d9d9d9 !important;
+}
+
+.text-neutral
+{
+    color: #fff !important;
+}
+
+a.text-neutral:hover,
+a.text-neutral:focus
+{
+    color: #d9d9d9 !important;
+}
+
+.text-darker
+{
+    color: black !important;
+}
+
+a.text-darker:hover,
+a.text-darker:focus
+{
+    color: black !important;
+}
+
+.text-body
+{
+    color: #525f7f !important;
+}
+
+.text-muted
+{
+    color: #8898aa !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;
+    border: 0; 
+    background-color: transparent;
+    text-shadow: none;
+}
+
+.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
+{
+    *,
+    *::before,
+    *::after
+    {
+        box-shadow: none !important; 
+        text-shadow: none !important;
+    }
+    a:not(.btn)
+    {
+        text-decoration: underline;
+    }
+    abbr[title]::after
+    {
+        content: ' (' attr(title) ')';
+    }
+    pre
+    {
+        white-space: pre-wrap !important;
+    }
+    pre,
+    blockquote
+    {
+        border: 1px solid #adb5bd;
+
+        page-break-inside: avoid;
+    }
+    thead
+    {
+        display: table-header-group;
+    }
+    tr,
+    img
+    {
+        page-break-inside: avoid;
+    }
+    p,
+    h2,
+    h3
+    {
+        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 th,
+    .table-bordered td
+    {
+        border: 1px solid #dee2e6 !important;
+    }
+    .table-dark
+    {
+        color: inherit;
+    }
+    .table-dark th,
+    .table-dark td,
+    .table-dark thead th,
+    .table-dark tbody + tbody
+    {
+        border-color: #e9ecef;
+    }
+    .table .thead-dark th
+    {
+        color: inherit;
+        border-color: #e9ecef;
+    }
+}
+
+.alert
+{
+    font-size: .875rem;
+}
+
+.alert-heading
+{
+    font-size: .9375rem;
+    font-weight: 600;
+
+    margin-top: .15rem;
+}
+
+.alert-icon
+{
+    font-size: 1.25rem;
+
+    display: inline-block;
+
+    margin-right: 1.25rem;
+
+    vertical-align: middle;
+}
+.alert-icon i.ni
+{
+    position: relative;
+    top: 2px;
+}
+
+.alert-text
+{
+    display: inline-block;
+
+    vertical-align: middle;
+}
+
+[class*='alert-'] .alert-link
+{
+    color: #fff;
+    border-bottom: 1px dotted rgba(255, 255, 255, .5);
+}
+
+.alert-dismissible .close
+{
+    top: 50%;
+    right: 1.5rem;
+
+    padding: 0;
+
+    transform: translateY(-50%);
+
+    opacity: 1;
+}
+@media (max-width: 575.98px)
+{
+    .alert-dismissible .close
+    {
+        top: 1rem;
+        right: .5rem;
+    }
+}
+.alert-dismissible .close > span:not(.sr-only)
+{
+    font-size: 1.5rem;
+
+    color: rgba(255, 255, 255, .6); 
+    background-color: transparent;
+}
+.alert-dismissible .close:hover > span:not(.sr-only),
+.alert-dismissible .close:focus > span:not(.sr-only)
+{
+    color: white; 
+    background-color: transparent;
+}
+
+.alert-secondary .close > span:not(.sr-only)
+{
+    color: rgba(23, 43, 77, .6);
+}
+
+.alert-secondary .close:hover > span:not(.sr-only),
+.alert-secondary .close:focus > span:not(.sr-only)
+{
+    color: #172b4d;
+}
+
+.avatar
+{
+    font-size: 1rem;
+
+    display: inline-flex;
+
+    width: 48px; 
+    height: 48px;
+
+    color: #fff;
+    border-radius: .375rem;
+    background-color: #adb5bd;
+
+    align-items: center;
+    justify-content: center;
+}
+.avatar img
+{
+    width: 100%;
+
+    border-radius: .375rem;
+}
+.avatar + .avatar-content
+{
+    display: inline-block;
+
+    margin-left: .75rem;
+}
+
+.avatar-lg
+{
+    font-size: .875rem; 
+
+    width: 58px;
+    height: 58px;
+}
+
+.avatar-sm
+{
+    font-size: .875rem; 
+
+    width: 36px;
+    height: 36px;
+}
+
+.avatar-group .avatar
+{
+    position: relative;
+    z-index: 2;
+
+    border: 2px solid #fff;
+}
+.avatar-group .avatar:hover
+{
+    z-index: 3;
+}
+
+.avatar-group .avatar + .avatar
+{
+    margin-left: -1rem;
+}
+
+.badge
+{
+    text-transform: uppercase;
+}
+.badge a
+{
+    color: #fff;
+}
+
+.badge-md
+{
+    padding: .65em 1em;
+}
+
+.badge-lg
+{
+    padding: .85em 1.375em;
+}
+
+.badge-inline
+{
+    margin-right: .625rem;
+}
+.badge-inline + span
+{
+    position: relative; 
+    top: 2px;
+}
+.badge-inline + span > a
+{
+    text-decoration: underline;
+}
+
+.badge-default
+{
+    color: #fff;
+}
+
+.badge-secondary
+{
+    color: #212529; 
+    background-color: #f7fafc;
+}
+
+.btn .badge:not(:first-child)
+{
+    margin-left: .5rem;
+}
+
+.btn .badge:not(:last-child)
+{
+    margin-right: .5rem;
+}
+
+.badge-circle
+{
+    font-size: .75rem;
+    font-weight: 600; 
+
+    display: inline-flex;
+
+    width: 1.25rem;
+    height: 1.25rem;
+    padding: 0 !important;
+
+    text-align: center;
+
+    border-radius: 50%;
+
+    align-items: center;
+    justify-content: center;
+}
+.badge-circle.badge-md
+{
+    width: 1.5rem;
+    height: 1.5rem;
+}
+.badge-circle.badge-lg
+{
+    width: 2rem;
+    height: 2rem;
+}
+
+.badge-dot
+{
+    font-size: .875rem;
+    font-weight: 400;
+
+    padding-right: 0;
+    padding-left: 0;
+
+    text-transform: none; 
+
+    background: transparent;
+}
+.badge-dot strong
+{
+    color: #32325d;
+}
+.badge-dot i
+{
+    display: inline-block;
+
+    width: .375rem;
+    height: .375rem;
+    margin-right: .375rem; 
+
+    vertical-align: middle;
+
+    border-radius: 50%;
+}
+.badge-dot.badge-md i
+{
+    width: .5rem;
+    height: .5rem;
+}
+.badge-dot.badge-lg i
+{
+    width: .625rem;
+    height: .625rem;
+}
+
+.btn
+{
+    font-size: .875rem;
+
+    position: relative;
+
+    transition: all .15s ease;
+    letter-spacing: .025em;
+    text-transform: none;
+
+    will-change: transform;
+}
+.btn:hover
+{
+    transform: translateY(-1px); 
+
+    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
+}
+.btn:not(:last-child)
+{
+    margin-right: .5rem;
+}
+.btn i:not(:first-child),
+.btn svg:not(:first-child)
+{
+    margin-left: .5rem;
+}
+.btn i:not(:last-child),
+.btn svg:not(:last-child)
+{
+    margin-right: .5rem;
+}
+
+.btn-group .btn,
+.input-group .btn
+{
+    margin-right: 0;
+
+    transform: translateY(0);
+}
+
+.btn-sm,
+.btn-group-sm > .btn
+{
+    font-size: .75rem;
+}
+
+.btn-lg,
+.btn-group-lg > .btn
+{
+    font-size: .875rem;
+}
+
+[class*='btn-outline-']
+{
+    border-width: 1px;
+}
+
+.btn-outline-secondary
+{
+    color: #4385b1;
+}
+
+.btn-inner--icon i:not(.fas):not(.fab)
+{
+    position: relative;
+    top: 2px;
+}
+
+.btn-link
+{
+    font-weight: 600;
+
+    box-shadow: none;
+}
+.btn-link:hover
+{
+    transform: none; 
+
+    box-shadow: none;
+}
+
+.btn-neutral
+{
+    color: #5e72e4;
+}
+
+.btn-facebook
+{
+    color: #fff;
+    border-color: #3b5999;
+    background-color: #3b5999;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-facebook:hover
+{
+    color: #fff;
+    border-color: #3b5999; 
+    background-color: #3b5999;
+}
+.btn-facebook:focus,
+.btn-facebook.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(59, 89, 153, .5);
+}
+.btn-facebook.disabled,
+.btn-facebook:disabled
+{
+    color: #fff;
+    border-color: #3b5999; 
+    background-color: #3b5999;
+}
+.btn-facebook:not(:disabled):not(.disabled):active,
+.btn-facebook:not(:disabled):not(.disabled).active,
+.show > .btn-facebook.dropdown-toggle
+{
+    color: #fff;
+    border-color: #3b5999; 
+    background-color: #2d4474;
+}
+.btn-facebook:not(:disabled):not(.disabled):active:focus,
+.btn-facebook:not(:disabled):not(.disabled).active:focus,
+.show > .btn-facebook.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(59, 89, 153, .5);
+}
+
+.btn-twitter
+{
+    color: #fff;
+    border-color: #1da1f2;
+    background-color: #1da1f2;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-twitter:hover
+{
+    color: #fff;
+    border-color: #1da1f2; 
+    background-color: #1da1f2;
+}
+.btn-twitter:focus,
+.btn-twitter.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(29, 161, 242, .5);
+}
+.btn-twitter.disabled,
+.btn-twitter:disabled
+{
+    color: #fff;
+    border-color: #1da1f2; 
+    background-color: #1da1f2;
+}
+.btn-twitter:not(:disabled):not(.disabled):active,
+.btn-twitter:not(:disabled):not(.disabled).active,
+.show > .btn-twitter.dropdown-toggle
+{
+    color: #fff;
+    border-color: #1da1f2; 
+    background-color: #0c85d0;
+}
+.btn-twitter:not(:disabled):not(.disabled):active:focus,
+.btn-twitter:not(:disabled):not(.disabled).active:focus,
+.show > .btn-twitter.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(29, 161, 242, .5);
+}
+
+.btn-google-plus
+{
+    color: #fff;
+    border-color: #dd4b39;
+    background-color: #dd4b39;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-google-plus:hover
+{
+    color: #fff;
+    border-color: #dd4b39; 
+    background-color: #dd4b39;
+}
+.btn-google-plus:focus,
+.btn-google-plus.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(221, 75, 57, .5);
+}
+.btn-google-plus.disabled,
+.btn-google-plus:disabled
+{
+    color: #fff;
+    border-color: #dd4b39; 
+    background-color: #dd4b39;
+}
+.btn-google-plus:not(:disabled):not(.disabled):active,
+.btn-google-plus:not(:disabled):not(.disabled).active,
+.show > .btn-google-plus.dropdown-toggle
+{
+    color: #fff;
+    border-color: #dd4b39; 
+    background-color: #c23321;
+}
+.btn-google-plus:not(:disabled):not(.disabled):active:focus,
+.btn-google-plus:not(:disabled):not(.disabled).active:focus,
+.show > .btn-google-plus.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(221, 75, 57, .5);
+}
+
+.btn-instagram
+{
+    color: #fff;
+    border-color: #e4405f;
+    background-color: #e4405f;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-instagram:hover
+{
+    color: #fff;
+    border-color: #e4405f; 
+    background-color: #e4405f;
+}
+.btn-instagram:focus,
+.btn-instagram.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(228, 64, 95, .5);
+}
+.btn-instagram.disabled,
+.btn-instagram:disabled
+{
+    color: #fff;
+    border-color: #e4405f; 
+    background-color: #e4405f;
+}
+.btn-instagram:not(:disabled):not(.disabled):active,
+.btn-instagram:not(:disabled):not(.disabled).active,
+.show > .btn-instagram.dropdown-toggle
+{
+    color: #fff;
+    border-color: #e4405f; 
+    background-color: #d31e40;
+}
+.btn-instagram:not(:disabled):not(.disabled):active:focus,
+.btn-instagram:not(:disabled):not(.disabled).active:focus,
+.show > .btn-instagram.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(228, 64, 95, .5);
+}
+
+.btn-pinterest
+{
+    color: #fff;
+    border-color: #bd081c;
+    background-color: #bd081c;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-pinterest:hover
+{
+    color: #fff;
+    border-color: #bd081c; 
+    background-color: #bd081c;
+}
+.btn-pinterest:focus,
+.btn-pinterest.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(189, 8, 28, .5);
+}
+.btn-pinterest.disabled,
+.btn-pinterest:disabled
+{
+    color: #fff;
+    border-color: #bd081c; 
+    background-color: #bd081c;
+}
+.btn-pinterest:not(:disabled):not(.disabled):active,
+.btn-pinterest:not(:disabled):not(.disabled).active,
+.show > .btn-pinterest.dropdown-toggle
+{
+    color: #fff;
+    border-color: #bd081c; 
+    background-color: #8c0615;
+}
+.btn-pinterest:not(:disabled):not(.disabled):active:focus,
+.btn-pinterest:not(:disabled):not(.disabled).active:focus,
+.show > .btn-pinterest.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(189, 8, 28, .5);
+}
+
+.btn-youtube
+{
+    color: #fff;
+    border-color: #cd201f;
+    background-color: #cd201f;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-youtube:hover
+{
+    color: #fff;
+    border-color: #cd201f; 
+    background-color: #cd201f;
+}
+.btn-youtube:focus,
+.btn-youtube.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(205, 32, 31, .5);
+}
+.btn-youtube.disabled,
+.btn-youtube:disabled
+{
+    color: #fff;
+    border-color: #cd201f; 
+    background-color: #cd201f;
+}
+.btn-youtube:not(:disabled):not(.disabled):active,
+.btn-youtube:not(:disabled):not(.disabled).active,
+.show > .btn-youtube.dropdown-toggle
+{
+    color: #fff;
+    border-color: #cd201f; 
+    background-color: #a11918;
+}
+.btn-youtube:not(:disabled):not(.disabled):active:focus,
+.btn-youtube:not(:disabled):not(.disabled).active:focus,
+.show > .btn-youtube.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(205, 32, 31, .5);
+}
+
+.btn-slack
+{
+    color: #fff;
+    border-color: #3aaf85;
+    background-color: #3aaf85;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-slack:hover
+{
+    color: #fff;
+    border-color: #3aaf85; 
+    background-color: #3aaf85;
+}
+.btn-slack:focus,
+.btn-slack.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(58, 175, 133, .5);
+}
+.btn-slack.disabled,
+.btn-slack:disabled
+{
+    color: #fff;
+    border-color: #3aaf85; 
+    background-color: #3aaf85;
+}
+.btn-slack:not(:disabled):not(.disabled):active,
+.btn-slack:not(:disabled):not(.disabled).active,
+.show > .btn-slack.dropdown-toggle
+{
+    color: #fff;
+    border-color: #3aaf85; 
+    background-color: #2d8968;
+}
+.btn-slack:not(:disabled):not(.disabled):active:focus,
+.btn-slack:not(:disabled):not(.disabled).active:focus,
+.show > .btn-slack.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(58, 175, 133, .5);
+}
+
+.btn-dribbble
+{
+    color: #fff;
+    border-color: #ea4c89;
+    background-color: #ea4c89;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-dribbble:hover
+{
+    color: #fff;
+    border-color: #ea4c89; 
+    background-color: #ea4c89;
+}
+.btn-dribbble:focus,
+.btn-dribbble.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(234, 76, 137, .5);
+}
+.btn-dribbble.disabled,
+.btn-dribbble:disabled
+{
+    color: #fff;
+    border-color: #ea4c89; 
+    background-color: #ea4c89;
+}
+.btn-dribbble:not(:disabled):not(.disabled):active,
+.btn-dribbble:not(:disabled):not(.disabled).active,
+.show > .btn-dribbble.dropdown-toggle
+{
+    color: #fff;
+    border-color: #ea4c89; 
+    background-color: #e51e6b;
+}
+.btn-dribbble:not(:disabled):not(.disabled):active:focus,
+.btn-dribbble:not(:disabled):not(.disabled).active:focus,
+.show > .btn-dribbble.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(234, 76, 137, .5);
+}
+
+.btn-github
+{
+    color: #fff;
+    border-color: #222;
+    background-color: #222;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-github:hover
+{
+    color: #fff;
+    border-color: #222; 
+    background-color: #222;
+}
+.btn-github:focus,
+.btn-github.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(34, 34, 34, .5);
+}
+.btn-github.disabled,
+.btn-github:disabled
+{
+    color: #fff;
+    border-color: #222; 
+    background-color: #222;
+}
+.btn-github:not(:disabled):not(.disabled):active,
+.btn-github:not(:disabled):not(.disabled).active,
+.show > .btn-github.dropdown-toggle
+{
+    color: #fff;
+    border-color: #222; 
+    background-color: #090909;
+}
+.btn-github:not(:disabled):not(.disabled):active:focus,
+.btn-github:not(:disabled):not(.disabled).active:focus,
+.show > .btn-github.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(34, 34, 34, .5);
+}
+
+.btn-vimeo
+{
+    color: #fff;
+    border-color: #04a0f0;
+    background-color: #04a0f0;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.btn-vimeo:hover
+{
+    color: #fff;
+    border-color: #04a0f0; 
+    background-color: #04a0f0;
+}
+.btn-vimeo:focus,
+.btn-vimeo.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(4, 160, 240, .5);
+}
+.btn-vimeo.disabled,
+.btn-vimeo:disabled
+{
+    color: #fff;
+    border-color: #04a0f0; 
+    background-color: #04a0f0;
+}
+.btn-vimeo:not(:disabled):not(.disabled):active,
+.btn-vimeo:not(:disabled):not(.disabled).active,
+.show > .btn-vimeo.dropdown-toggle
+{
+    color: #fff;
+    border-color: #04a0f0; 
+    background-color: #037fbe;
+}
+.btn-vimeo:not(:disabled):not(.disabled):active:focus,
+.btn-vimeo:not(:disabled):not(.disabled).active:focus,
+.show > .btn-vimeo.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(4, 160, 240, .5);
+}
+
+.btn-icon .btn-inner--icon img
+{
+    width: 20px;
+}
+
+.btn-icon .btn-inner--text:not(:first-child)
+{
+    margin-left: .75em;
+}
+
+.btn-icon .btn-inner--text:not(:last-child)
+{
+    margin-right: .75em;
+}
+
+.btn-icon-only
+{
+    width: 2.375rem;
+    height: 2.375rem;
+    padding: 0;
+}
+
+a.btn-icon-only
+{
+    line-height: 2.5;
+}
+
+.btn-icon-only.btn-sm,
+.btn-group-sm > .btn-icon-only.btn
+{
+    width: 2rem;
+    height: 2rem;
+}
+
+.btn-icon-clipboard
+{
+    font-family: inherit;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.25;
+
+    display: inline-block;
+
+    width: 100%;
+    margin: 0;
+    margin: .5rem 0; 
+    padding: 1.5rem;
+
+    cursor: pointer;
+    text-align: left;
+    vertical-align: middle;
+    text-decoration: none;
+
+    color: #32325d;
+    border: 0;
+    border-radius: .375rem;
+    background-color: #f6f9fc;
+
+    -moz-appearance: none;
+}
+.btn-icon-clipboard:hover
+{
+    background-color: #fff;
+    box-shadow: rgba(0, 0, 0, .1) 0 0 0 1px, rgba(0, 0, 0, .1) 0 4px 16px;
+}
+.btn-icon-clipboard > div
+{
+    display: flex; 
+
+    align-items: center;
+}
+.btn-icon-clipboard i
+{
+    font-size: 1.5rem; 
+
+    box-sizing: content-box;
+
+    vertical-align: middle;
+
+    color: #5e72e4;
+}
+.btn-icon-clipboard span
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    display: inline-block;
+    overflow: hidden;
+
+    margin-left: 16px;
+
+    vertical-align: middle; 
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.card
+{
+    margin-bottom: 30px;
+
+    border: 0; 
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
+}
+
+.card-translucent
+{
+    background-color: rgba(18, 91, 152, .08);
+}
+
+.card-deck .card
+{
+    margin-bottom: 30px;
+}
+
+.card.shadow
+{
+    border: 0 !important;
+}
+
+@media (min-width: 576px)
+{
+    .card-columns
+    {
+        column-count: 1;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .card-columns
+    {
+        column-count: 2;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .card-columns
+    {
+        column-count: 3;
+        column-gap: 1.25rem;
+    }
+}
+
+.card-lift--hover:hover
+{
+    transition: all .15s ease; 
+    transform: translateY(-20px);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .card-lift--hover:hover
+    {
+        transition: none;
+    }
+}
+
+.card-blockquote
+{
+    position: relative; 
+
+    padding: 2rem;
+}
+.card-blockquote .svg-bg
+{
+    position: absolute;
+    top: -94px;
+    left: 0; 
+
+    display: block;
+
+    width: 100%;
+    height: 95px;
+}
+
+.card-profile-image
+{
+    position: relative;
+}
+.card-profile-image img
+{
+    position: absolute;
+    left: 50%;
+
+    max-width: 140px;
+
+    transition: all .15s ease; 
+    transform: translate(-50%, -50%) scale(1);
+
+    border: 3px solid #fff;
+    border-radius: .375rem;
+}
+.card-profile-image img:hover
+{
+    transform: translate(-50%, -50%) scale(1.03);
+}
+
+.card-profile-stats
+{
+    padding: 1rem 0;
+}
+.card-profile-stats > div
+{
+    margin-right: 1rem;
+    padding: .875rem; 
+
+    text-align: center;
+}
+.card-profile-stats > div:last-child
+{
+    margin-right: 0;
+}
+.card-profile-stats > div .heading
+{
+    font-size: 1.1rem;
+    font-weight: bold;
+
+    display: block;
+}
+.card-profile-stats > div .description
+{
+    font-size: .875rem;
+
+    color: #adb5bd;
+}
+
+.card-profile-actions
+{
+    padding: .875rem;
+}
+
+.card-stats .card-body
+{
+    padding: 1rem 1.5rem;
+}
+
+.card-stats .card-status-bullet
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    transform: translate(50%, -50%);
+}
+
+.chart
+{
+    position: relative;
+
+    height: 350px;
+}
+
+.chart-sm
+{
+    height: 230px;
+}
+
+.chart-legend
+{
+    font-size: .875rem;
+
+    display: flex;
+
+    margin-top: 2.5rem;
+
+    text-align: center;
+
+    color: #8898aa; 
+
+    justify-content: center;
+}
+
+.chart-legend-item
+{
+    display: inline-flex;
+
+    align-items: center;
+}
+.chart-legend-item + .chart-legend-item
+{
+    margin-left: 1rem;
+}
+
+.chart-legend-indicator
+{
+    display: inline-block;
+
+    width: .5rem;
+    height: .5rem;
+    margin-right: .375rem;
+
+    border-radius: 50%;
+}
+
+#chart-tooltip
+{
+    z-index: 0;
+}
+#chart-tooltip .arrow
+{
+    top: 100%;
+    left: 50%;
+
+    transform: translateX(-50%) translateX(-.5rem);
+}
+
+.chart-info-overlay
+{
+    position: absolute;
+    z-index: 1; 
+    top: 0;
+    left: 5%;
+
+    max-width: 350px;
+    padding: 20px;
+}
+
+.close
+{
+    transition: all .15s ease;
+}
+.close > span:not(.sr-only)
+{
+    font-size: 1.25rem;
+    line-height: 17px;
+
+    display: block;
+
+    width: 1.25rem;
+    height: 1.25rem;
+
+    transition: all .15s ease; 
+
+    color: rgba(0, 0, 0, .6);
+    border-radius: 50%;
+    background-color: transparent;
+}
+.close:hover,
+.close:focus
+{
+    color: rgba(0, 0, 0, .9);
+    outline: none; 
+    background-color: transparent;
+}
+.close:hover span:not(.sr-only),
+.close:focus span:not(.sr-only)
+{
+    background-color: transparent;
+}
+
+.accordion .card-header
+{
+    position: relative;
+
+    cursor: pointer;
+}
+.accordion .card-header:after
+{
+    font: normal normal normal 14px/1 NucleoIcons;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+    right: 1.5rem;
+
+    content: '\ea0f';
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+    transform: translateY(-50%);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .accordion .card-header:after
+    {
+        transition: none;
+    }
+}
+
+.accordion .card-header[aria-expanded='false']:after
+{
+    content: '\ea0f';
+}
+
+.accordion .card-header[aria-expanded='true']:after
+{
+    transform: rotate(180deg);
+}
+
+.accordion .card-header[aria-expanded='true'] .heading
+{
+    color: #5e72e4;
+}
+
+.main-content
+{
+    position: relative;
+}
+.main-content .navbar-top
+{
+    padding-right: 0 !important; 
+    padding-left: 0 !important;
+}
+@media (min-width: 768px)
+{
+    .main-content .container-fluid,
+    .main-content .container-sm,
+    .main-content .container-md,
+    .main-content .container-lg,
+    .main-content .container-xl
+    {
+        padding-right: 30px !important; 
+        padding-left: 30px !important;
+    }
+}
+
+.custom-checkbox .custom-control-input ~ .custom-control-label
+{
+    font-size: .875rem; 
+
+    cursor: pointer;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #5e72e4;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'#fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>');
+}
+
+.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before
+{
+    border-color: #e9ecef;
+}
+
+.custom-checkbox .custom-control-input:disabled:checked::before
+{
+    border-color: rgba(94, 114, 228, .5);
+}
+
+.custom-control-label::before
+{
+    top: .25rem;
+    left: -1.75rem; 
+
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
+
+    border: 1px solid #dee2e6;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .custom-control-label::before
+    {
+        transition: none;
+    }
+}
+
+.custom-control-label::after
+{
+    top: .25rem;
+    left: -1.75rem;
+}
+
+.custom-control-label span
+{
+    position: relative;
+    top: 2px;
+}
+
+.custom-control-label
+{
+    margin-bottom: 0;
+}
+
+.custom-control-alternative .custom-control-label::before
+{
+    border: 0;
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
+}
+
+.custom-control-alternative .custom-control-input:checked ~ .custom-control-label::before
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+
+.custom-control-alternative .custom-control-input:active ~ .custom-control-label::before,
+.custom-control-alternative .custom-control-input:focus ~ .custom-control-label::before
+{
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
+}
+
+.custom-checkbox .custom-control-input ~ .custom-control-label
+{
+    font-size: .875rem;
+
+    height: 1rem; 
+
+    cursor: pointer;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #5e72e4;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'#fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>');
+}
+
+.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before
+{
+    border-color: #e9ecef;
+}
+
+.custom-checkbox .custom-control-input:disabled:checked::before
+{
+    border-color: rgba(94, 114, 228, .5);
+}
+
+.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #5e72e4;
+    background-color: #5e72e4;
+}
+
+.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #5e72e4;
+}
+
+.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #f7fafc;
+    background-color: #f7fafc;
+}
+
+.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #f7fafc;
+}
+
+.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #2dce89;
+    background-color: #2dce89;
+}
+
+.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #2dce89;
+}
+
+.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #11cdef;
+    background-color: #11cdef;
+}
+
+.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #11cdef;
+}
+
+.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #fb6340;
+    background-color: #fb6340;
+}
+
+.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #fb6340;
+}
+
+.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #f5365c;
+    background-color: #f5365c;
+}
+
+.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #f5365c;
+}
+
+.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #adb5bd;
+    background-color: #adb5bd;
+}
+
+.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #adb5bd;
+}
+
+.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #212529;
+    background-color: #212529;
+}
+
+.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #212529;
+}
+
+.custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #172b4d;
+    background-color: #172b4d;
+}
+
+.custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #172b4d;
+}
+
+.custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #fff;
+    background-color: #fff;
+}
+
+.custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #fff;
+}
+
+.custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #fff;
+    background-color: #fff;
+}
+
+.custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: #fff;
+}
+
+.custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: black;
+    background-color: black;
+}
+
+.custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: black;
+}
+
+.custom-radio .custom-control-input ~ .custom-control-label
+{
+    font-size: .875rem;
+
+    height: 1rem; 
+
+    cursor: pointer;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::before
+{
+    border-color: #5e72e4;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after
+{
+    background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' viewBox=\'-4 -4 8 8\'><circle r=\'3\' fill=\'#fff\'/></svg>');
+}
+
+.custom-radio .custom-control-input:disabled ~ .custom-control-label::before
+{
+    border-color: #e9ecef;
+}
+
+.custom-radio .custom-control-input:disabled:checked::before
+{
+    border-color: rgba(94, 114, 228, .5);
+}
+
+.custom-toggle
+{
+    position: relative;
+
+    display: inherit;
+    display: inline-block; 
+
+    width: 52px;
+    height: 1.5rem;
+    margin: 0;
+}
+.custom-toggle input
+{
+    display: none;
+}
+.custom-toggle input:checked + .custom-toggle-slider
+{
+    border: 1px solid #5e72e4;
+}
+.custom-toggle input:checked + .custom-toggle-slider:before
+{
+    transform: translateX(28px); 
+
+    background: #5e72e4;
+}
+.custom-toggle input:disabled + .custom-toggle-slider
+{
+    border: 1px solid #e9ecef;
+}
+.custom-toggle input:disabled:checked + .custom-toggle-slider
+{
+    border: 1px solid #e9ecef;
+}
+.custom-toggle input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #8a98eb;
+}
+
+.custom-toggle-slider
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    cursor: pointer;
+
+    border: 1px solid #ced4da;
+    border-radius: 34px !important;
+    background-color: transparent;
+}
+.custom-toggle-slider:before
+{
+    position: absolute;
+    bottom: 2px;
+    left: 2px;
+
+    width: 18px;
+    height: 18px;
+
+    content: '';
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+
+    border-radius: 50% !important;
+    background-color: #e9ecef;
+}
+
+.custom-toggle-wrapper .custom-toggle + .custom-toggle
+{
+    margin-left: 1rem !important;
+}
+
+.custom-toggle input:checked + .custom-toggle-slider:after
+{
+    right: auto;
+    left: 0; 
+
+    content: attr(data-label-on);
+
+    color: #5e72e4;
+}
+
+.custom-toggle-slider:after
+{
+    font-family: inherit;
+    font-size: .75rem;
+    font-weight: 600;
+    line-height: 24px;
+
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    display: block;
+    overflow: hidden;
+
+    min-width: 1.66667rem;
+    margin: 0 .21667rem;
+
+    content: attr(data-label-off);
+    transition: all .15s ease; 
+    text-align: center;
+
+    color: #ced4da;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .custom-toggle-slider:after
+    {
+        transition: none;
+    }
+}
+
+.custom-toggle-primary input:checked + .custom-toggle-slider
+{
+    border-color: #5e72e4;
+}
+.custom-toggle-primary input:checked + .custom-toggle-slider:before
+{
+    background: #5e72e4;
+}
+.custom-toggle-primary input:checked + .custom-toggle-slider:after
+{
+    color: #5e72e4;
+}
+
+.custom-toggle-primary input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #5e72e4;
+}
+.custom-toggle-primary input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #8a98eb;
+}
+
+.custom-toggle-secondary input:checked + .custom-toggle-slider
+{
+    border-color: #f7fafc;
+}
+.custom-toggle-secondary input:checked + .custom-toggle-slider:before
+{
+    background: #f7fafc;
+}
+.custom-toggle-secondary input:checked + .custom-toggle-slider:after
+{
+    color: #f7fafc;
+}
+
+.custom-toggle-secondary input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #f7fafc;
+}
+.custom-toggle-secondary input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: white;
+}
+
+.custom-toggle-success input:checked + .custom-toggle-slider
+{
+    border-color: #2dce89;
+}
+.custom-toggle-success input:checked + .custom-toggle-slider:before
+{
+    background: #2dce89;
+}
+.custom-toggle-success input:checked + .custom-toggle-slider:after
+{
+    color: #2dce89;
+}
+
+.custom-toggle-success input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #2dce89;
+}
+.custom-toggle-success input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #54daa1;
+}
+
+.custom-toggle-info input:checked + .custom-toggle-slider
+{
+    border-color: #11cdef;
+}
+.custom-toggle-info input:checked + .custom-toggle-slider:before
+{
+    background: #11cdef;
+}
+.custom-toggle-info input:checked + .custom-toggle-slider:after
+{
+    color: #11cdef;
+}
+
+.custom-toggle-info input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #11cdef;
+}
+.custom-toggle-info input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #41d7f2;
+}
+
+.custom-toggle-warning input:checked + .custom-toggle-slider
+{
+    border-color: #fb6340;
+}
+.custom-toggle-warning input:checked + .custom-toggle-slider:before
+{
+    background: #fb6340;
+}
+.custom-toggle-warning input:checked + .custom-toggle-slider:after
+{
+    color: #fb6340;
+}
+
+.custom-toggle-warning input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #fb6340;
+}
+.custom-toggle-warning input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #fc8c72;
+}
+
+.custom-toggle-danger input:checked + .custom-toggle-slider
+{
+    border-color: #f5365c;
+}
+.custom-toggle-danger input:checked + .custom-toggle-slider:before
+{
+    background: #f5365c;
+}
+.custom-toggle-danger input:checked + .custom-toggle-slider:after
+{
+    color: #f5365c;
+}
+
+.custom-toggle-danger input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #f5365c;
+}
+.custom-toggle-danger input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #f76783;
+}
+
+.custom-toggle-light input:checked + .custom-toggle-slider
+{
+    border-color: #adb5bd;
+}
+.custom-toggle-light input:checked + .custom-toggle-slider:before
+{
+    background: #adb5bd;
+}
+.custom-toggle-light input:checked + .custom-toggle-slider:after
+{
+    color: #adb5bd;
+}
+
+.custom-toggle-light input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #adb5bd;
+}
+.custom-toggle-light input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #c9cfd4;
+}
+
+.custom-toggle-dark input:checked + .custom-toggle-slider
+{
+    border-color: #212529;
+}
+.custom-toggle-dark input:checked + .custom-toggle-slider:before
+{
+    background: #212529;
+}
+.custom-toggle-dark input:checked + .custom-toggle-slider:after
+{
+    color: #212529;
+}
+
+.custom-toggle-dark input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #212529;
+}
+.custom-toggle-dark input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #383f45;
+}
+
+.custom-toggle-default input:checked + .custom-toggle-slider
+{
+    border-color: #172b4d;
+}
+.custom-toggle-default input:checked + .custom-toggle-slider:before
+{
+    background: #172b4d;
+}
+.custom-toggle-default input:checked + .custom-toggle-slider:after
+{
+    color: #172b4d;
+}
+
+.custom-toggle-default input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #172b4d;
+}
+.custom-toggle-default input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #234174;
+}
+
+.custom-toggle-white input:checked + .custom-toggle-slider
+{
+    border-color: #fff;
+}
+.custom-toggle-white input:checked + .custom-toggle-slider:before
+{
+    background: #fff;
+}
+.custom-toggle-white input:checked + .custom-toggle-slider:after
+{
+    color: #fff;
+}
+
+.custom-toggle-white input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #fff;
+}
+.custom-toggle-white input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: white;
+}
+
+.custom-toggle-neutral input:checked + .custom-toggle-slider
+{
+    border-color: #fff;
+}
+.custom-toggle-neutral input:checked + .custom-toggle-slider:before
+{
+    background: #fff;
+}
+.custom-toggle-neutral input:checked + .custom-toggle-slider:after
+{
+    color: #fff;
+}
+
+.custom-toggle-neutral input:disabled:checked + .custom-toggle-slider
+{
+    border-color: #fff;
+}
+.custom-toggle-neutral input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: white;
+}
+
+.custom-toggle-darker input:checked + .custom-toggle-slider
+{
+    border-color: black;
+}
+.custom-toggle-darker input:checked + .custom-toggle-slider:before
+{
+    background: black;
+}
+.custom-toggle-darker input:checked + .custom-toggle-slider:after
+{
+    color: black;
+}
+
+.custom-toggle-darker input:disabled:checked + .custom-toggle-slider
+{
+    border-color: black;
+}
+.custom-toggle-darker input:disabled:checked + .custom-toggle-slider:before
+{
+    background-color: #1a1a1a;
+}
+
+.dropdown,
+.dropup,
+.dropright,
+.dropleft
+{
+    display: inline-block;
+}
+
+.dropdown-menu
+{
+    min-width: 12rem;
+}
+.dropdown-menu .dropdown-item
+{
+    font-size: .875rem; 
+
+    padding: .5rem 1rem;
+}
+.dropdown-menu .dropdown-item > i,
+.dropdown-menu .dropdown-item > svg
+{
+    font-size: 1rem;
+
+    margin-right: 1rem;
+
+    vertical-align: -17%;
+}
+
+.dropdown-header
+{
+    font-size: .625rem;
+    font-weight: 700; 
+
+    padding-right: 1rem;
+    padding-left: 1rem;
+
+    text-transform: uppercase;
+}
+
+.dropdown-menu a.media > div:first-child
+{
+    line-height: 1;
+}
+
+.dropdown-menu a.media p
+{
+    color: #8898aa;
+}
+
+.dropdown-menu a.media:hover .heading,
+.dropdown-menu a.media:hover p
+{
+    color: #172b4d !important;
+}
+
+.dropdown-menu-sm
+{
+    min-width: 100px;
+
+    border: .4375rem;
+}
+
+.dropdown-menu-lg
+{
+    min-width: 320px;
+
+    border-radius: .4375rem;
+}
+
+.dropdown-menu-xl
+{
+    min-width: 420px;
+
+    border-radius: .4375rem;
+}
+
+.footer
+{
+    padding: 30px 0; 
+
+    background: #f8f9fe;
+}
+.footer .col-footer .heading
+{
+    font-size: .875rem;
+    font-weight: 600;
+
+    margin-bottom: 1rem; 
+
+    letter-spacing: 0;
+    text-transform: uppercase;
+
+    color: #8898aa;
+}
+.footer .nav .nav-item .nav-link,
+.footer .footer-link
+{
+    color: #8898aa !important;
+}
+.footer .nav .nav-item .nav-link:hover,
+.footer .footer-link:hover
+{
+    color: #525f7f !important;
+}
+.footer .list-unstyled li a
+{
+    font-size: .85rem; 
+
+    display: inline-block;
+
+    padding: .125rem 0;
+
+    color: #8898aa;
+}
+.footer .list-unstyled li a:hover
+{
+    color: #525f7f;
+}
+.footer .copyright
+{
+    font-size: .875rem;
+}
+
+.footer-dark .col-footer .heading
+{
+    color: #fff;
+}
+
+.nav-footer .nav-link
+{
+    font-size: .875rem;
+}
+
+.nav-footer .nav-item:last-child .nav-link
+{
+    padding-right: 0;
+}
+
+.footer.has-cards
+{
+    position: relative;
+
+    overflow: hidden;
+
+    margin-top: -420px;
+    padding-top: 500px;
+
+    pointer-events: none; 
+
+    background: transparent;
+}
+.footer.has-cards:before
+{
+    position: absolute;
+    top: 600px;
+    right: 0;
+    left: 0;
+
+    height: 2000px;
+
+    content: '';
+    transform: skew(0, -8deg); 
+
+    background: #f7fafc;
+}
+.footer.has-cards .container
+{
+    position: relative; 
+
+    pointer-events: auto;
+}
+
+.footer-auto-bottom
+{
+    position: absolute;
+    bottom: 0;
+
+    width: 100%;
+}
+
+.form-control-label
+{
+    font-size: .875rem;
+    font-weight: 600; 
+
+    color: #525f7f;
+}
+
+.form-control
+{
+    font-size: .875rem;
+
+    height: calc(1.5em + 1.25rem + 5px); 
+
+    transition: all .15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .form-control
+    {
+        transition: none;
+    }
+}
+.form-control:focus::-ms-input-placeholder
+{
+    color: #adb5bd;
+}
+.form-control:focus::placeholder
+{
+    color: #adb5bd;
+}
+
+.form-control-lg
+{
+    height: calc(2.25em + 1.25rem + 5px);
+}
+
+.form-control-sm
+{
+    height: calc(.45em + 1.25rem + 5px);
+}
+
+.form-control-flush
+{
+    padding: 0;
+
+    border-width: 0;
+    background-color: transparent;
+    box-shadow: none;
+}
+.form-control-flush:focus
+{
+    border-width: 0; 
+    background-color: transparent;
+    box-shadow: none;
+}
+
+textarea[resize='none']
+{
+    resize: none !important;
+}
+
+textarea[resize='both']
+{
+    resize: both !important;
+}
+
+textarea[resize='vertical']
+{
+    resize: vertical !important;
+}
+
+textarea[resize='horizontal']
+{
+    resize: horizontal !important;
+}
+
+.form-control-muted
+{
+    border-color: #f7fafe;
+    background-color: #f7fafe;
+    box-shadow: none;
+}
+.form-control-muted:focus
+{
+    background-color: #fcfdff;
+}
+
+.form-control-alternative
+{
+    transition: box-shadow .15s ease; 
+
+    border: 0;
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
+}
+.form-control-alternative:focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+
+.form-control-lg,
+.input-group-lg .form-control,
+.input-group-text
+{
+    font-size: 1rem !important;
+}
+
+.custom-control
+{
+    padding-left: 1.75rem;
+}
+
+.input-group
+{
+    transition: all .15s ease-in-out; 
+
+    border-radius: .25rem;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .input-group
+    {
+        transition: none;
+    }
+}
+.input-group .form-control
+{
+    box-shadow: none;
+}
+.input-group .form-control:focus
+{
+    box-shadow: none;
+}
+
+.input-group-text
+{
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .input-group-text
+    {
+        transition: none;
+    }
+}
+.input-group-text i
+{
+    font-size: .875rem;
+}
+.input-group-text .custom-control
+{
+    line-height: 1;
+}
+
+.input-group-prepend .input-group-text
+{
+    border-right: 0;
+}
+
+.input-group-append .input-group-text
+{
+    border-left: 0;
+}
+
+.input-group-merge .form-control:not(:first-child)
+{
+    padding-left: 0; 
+
+    border-left: 0;
+}
+
+.input-group-merge .form-control:not(:last-child)
+{
+    padding-right: 0; 
+
+    border-right: 0;
+}
+
+.input-group-alternative
+{
+    transition: box-shadow .15s ease; 
+
+    border: 0;
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
+}
+.input-group-alternative .form-control,
+.input-group-alternative .input-group-text
+{
+    border: 0;
+    box-shadow: none;
+}
+
+.focused .input-group-alternative
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
+}
+
+.input-group-flush
+{
+    box-shadow: none;
+}
+.input-group-flush > .form-control
+{
+    padding: 0;
+
+    border-width: 0;
+    background-color: transparent;
+}
+.input-group-flush > .input-group-prepend > .input-group-text,
+.input-group-flush > .input-group-append > .input-group-text
+{
+    padding: 0;
+    padding-right: 1rem;
+
+    border-width: 0;
+    background-color: transparent;
+}
+
+.focused .input-group
+{
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+
+.focused .input-group-text
+{
+    color: #8898aa;
+    border-color: #5e72e4; 
+    background-color: #fff;
+}
+
+.focused .form-control
+{
+    border-color: #5e72e4;
+}
+
+.focused .input-group-flush
+{
+    box-shadow: none;
+}
+
+.has-success,
+.has-danger
+{
+    position: relative;
+}
+.has-success:after,
+.has-danger:after
+{
+    font-family: 'NucleoIcons';
+    font-size: 9px;
+    line-height: 19px;
+
+    position: absolute;
+    top: 50%;
+    right: 15px;
+
+    display: none;
+
+    width: 19px;
+    height: 19px;
+
+    transform: translateY(-50%);
+    text-align: center;
+
+    opacity: 1; 
+    border-radius: 50%;
+}
+.has-success .input-group-prepend .input-group-text,
+.has-danger .input-group-prepend .input-group-text
+{
+    border-color: red;
+}
+
+.has-success:after
+{
+    content: '\ea26';
+
+    color: #1d8357;
+    background-color: #69deac;
+}
+
+.has-success .form-control
+{
+    background-color: #fff;
+}
+.has-success .form-control::-ms-input-placeholder
+{
+    color: #2dce89;
+}
+.has-success .form-control::placeholder
+{
+    color: #2dce89;
+}
+
+.has-danger:after
+{
+    content: '\ea53';
+
+    color: #db2d05;
+    background-color: #fda08b;
+}
+
+.has-danger .form-control
+{
+    background-color: #fff;
+}
+.has-danger .form-control::-ms-input-placeholder
+{
+    color: #fb6340;
+}
+.has-danger .form-control::placeholder
+{
+    color: #fb6340;
+}
+
+.row-example > .col span,
+.row-example > [class^='col-'] span
+{
+    font-size: .875rem;
+
+    display: block;
+
+    margin: 1rem 0; 
+    padding: .75rem;
+
+    color: #393f49;
+    border-radius: .25rem;
+    background-color: white;
+    box-shadow: rgba(0, 0, 0, .1) 0 0 0 1px, rgba(0, 0, 0, .1) 0 4px 16px;
+}
+
+.no-gutters > .col span,
+.no-gutters > [class^='col-'] span
+{
+    border-radius: 0;
+}
+
+.header
+{
+    position: relative;
+}
+
+.icon
+{
+    width: 3rem;
+    height: 3rem;
+}
+.icon i,
+.icon svg
+{
+    font-size: 2.25rem;
+}
+.icon + .icon-text
+{
+    width: calc(100% - 3rem - 1); 
+    padding-left: 1rem;
+}
+
+.icon-xl
+{
+    width: 5rem;
+    height: 5rem;
+}
+.icon-xl i,
+.icon-xl svg
+{
+    font-size: 4.25rem;
+}
+.icon-xl + .icon-text
+{
+    width: calc(100% - 5rem - 1);
+}
+
+.icon-lg
+{
+    width: 4rem;
+    height: 4rem;
+}
+.icon-lg i,
+.icon-lg svg
+{
+    font-size: 3.25rem;
+}
+.icon-lg + .icon-text
+{
+    width: calc(100% - $icon-size-lg - 1);
+}
+
+.icon-sm
+{
+    width: 2rem;
+    height: 2rem;
+}
+.icon-sm i,
+.icon-sm svg
+{
+    font-size: 1.25rem;
+}
+.icon-sm + .icon-text
+{
+    width: calc(100% - $icon-size-sm - 1);
+}
+
+.icon-xs
+{
+    width: 1.25rem;
+    height: 1.25rem;
+}
+.icon-xs i,
+.icon-xs svg
+{
+    font-size: .5rem;
+}
+.icon-xs + .icon-text
+{
+    width: calc(100% - $icon-size-xs - 1);
+}
+
+.icon-shape
+{
+    display: inline-flex;
+
+    padding: 12px;
+
+    text-align: center;
+
+    border-radius: 50%; 
+
+    align-items: center;
+    justify-content: center;
+}
+.icon-shape i,
+.icon-shape svg
+{
+    font-size: 1.25rem;
+}
+.icon-shape.icon-lg i,
+.icon-shape.icon-lg svg
+{
+    font-size: 1.625rem;
+}
+.icon-shape.icon-sm i,
+.icon-shape.icon-sm svg
+{
+    font-size: .875rem;
+}
+.icon-shape.icon-xs i,
+.icon-shape.icon-xs svg
+{
+    font-size: .6rem;
+}
+.icon-shape svg
+{
+    width: 30px;
+    height: 30px;
+}
+
+.icon-shape-primary
+{
+    color: #2643e9;
+    background-color: rgba(138, 152, 235, .5);
+}
+
+.icon-shape-secondary
+{
+    color: #cfe3f1;
+    background-color: rgba(255, 255, 255, .5);
+}
+
+.icon-shape-success
+{
+    color: #1aae6f;
+    background-color: rgba(84, 218, 161, .5);
+}
+
+.icon-shape-info
+{
+    color: #03acca;
+    background-color: rgba(65, 215, 242, .5);
+}
+
+.icon-shape-warning
+{
+    color: #ff3709;
+    background-color: rgba(252, 140, 114, .5);
+}
+
+.icon-shape-danger
+{
+    color: #f80031;
+    background-color: rgba(247, 103, 131, .5);
+}
+
+.icon-shape-light
+{
+    color: #879cb0;
+    background-color: rgba(201, 207, 212, .5);
+}
+
+.icon-shape-dark
+{
+    color: #090c0e;
+    background-color: rgba(56, 63, 69, .5);
+}
+
+.icon-shape-default
+{
+    color: #091428;
+    background-color: rgba(35, 65, 116, .5);
+}
+
+.icon-shape-white
+{
+    color: #e8e3e3;
+    background-color: rgba(255, 255, 255, .5);
+}
+
+.icon-shape-neutral
+{
+    color: #e8e3e3;
+    background-color: rgba(255, 255, 255, .5);
+}
+
+.icon-shape-darker
+{
+    color: black;
+    background-color: rgba(26, 26, 26, .5);
+}
+
+.list-group-space .list-group-item
+{
+    margin-bottom: 1.5rem;
+
+    border-radius: .375rem;
+}
+
+.list-group-img
+{
+    width: 3rem;
+    height: 3rem;
+    margin: -.1rem 1.2rem 0 -.2rem; 
+
+    vertical-align: top;
+
+    border-radius: 50%;
+}
+
+.list-group-content
+{
+    min-width: 0; 
+
+    flex: 1 1;
+}
+.list-group-content > p
+{
+    line-height: 1.5;
+
+    margin: .2rem 0 0; 
+
+    color: #adb5bd;
+}
+
+.list-group-heading
+{
+    font-size: 1rem;
+
+    color: #32325d;
+}
+.list-group-heading > small
+{
+    font-weight: 500; 
+
+    float: right;
+
+    color: #adb5bd;
+}
+
+.map-canvas
+{
+    position: relative;
+
+    width: 100%;
+    height: 500px;
+
+    border-radius: .375rem;
+}
+
+.mask
+{
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 100%;
+    height: 100%;
+
+    transition: all .15s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .mask
+    {
+        transition: none;
+    }
+}
+
+.modal-title
+{
+    font-size: 1.0625rem;
+}
+
+.modal-fluid .modal-dialog
+{
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.modal-fluid .modal-content
+{
+    border-radius: 0;
+}
+
+.modal-primary .modal-title
+{
+    color: #fff;
+}
+
+.modal-primary .modal-header,
+.modal-primary .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-primary .modal-content
+{
+    color: #fff; 
+    background-color: #5e72e4;
+}
+.modal-primary .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-primary .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-secondary .modal-title
+{
+    color: #212529;
+}
+
+.modal-secondary .modal-header,
+.modal-secondary .modal-footer
+{
+    border-color: rgba(33, 37, 41, .075);
+}
+
+.modal-secondary .modal-content
+{
+    color: #212529; 
+    background-color: #f7fafc;
+}
+.modal-secondary .modal-content .heading
+{
+    color: #212529;
+}
+
+.modal-secondary .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-success .modal-title
+{
+    color: #fff;
+}
+
+.modal-success .modal-header,
+.modal-success .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-success .modal-content
+{
+    color: #fff; 
+    background-color: #2dce89;
+}
+.modal-success .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-success .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-info .modal-title
+{
+    color: #fff;
+}
+
+.modal-info .modal-header,
+.modal-info .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-info .modal-content
+{
+    color: #fff; 
+    background-color: #11cdef;
+}
+.modal-info .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-info .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-warning .modal-title
+{
+    color: #fff;
+}
+
+.modal-warning .modal-header,
+.modal-warning .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-warning .modal-content
+{
+    color: #fff; 
+    background-color: #fb6340;
+}
+.modal-warning .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-warning .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-danger .modal-title
+{
+    color: #fff;
+}
+
+.modal-danger .modal-header,
+.modal-danger .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-danger .modal-content
+{
+    color: #fff; 
+    background-color: #f5365c;
+}
+.modal-danger .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-danger .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-light .modal-title
+{
+    color: #fff;
+}
+
+.modal-light .modal-header,
+.modal-light .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-light .modal-content
+{
+    color: #fff; 
+    background-color: #adb5bd;
+}
+.modal-light .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-light .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-dark .modal-title
+{
+    color: #fff;
+}
+
+.modal-dark .modal-header,
+.modal-dark .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-dark .modal-content
+{
+    color: #fff; 
+    background-color: #212529;
+}
+.modal-dark .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-dark .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-default .modal-title
+{
+    color: #fff;
+}
+
+.modal-default .modal-header,
+.modal-default .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-default .modal-content
+{
+    color: #fff; 
+    background-color: #172b4d;
+}
+.modal-default .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-default .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-white .modal-title
+{
+    color: #212529;
+}
+
+.modal-white .modal-header,
+.modal-white .modal-footer
+{
+    border-color: rgba(33, 37, 41, .075);
+}
+
+.modal-white .modal-content
+{
+    color: #212529; 
+    background-color: #fff;
+}
+.modal-white .modal-content .heading
+{
+    color: #212529;
+}
+
+.modal-white .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-neutral .modal-title
+{
+    color: #212529;
+}
+
+.modal-neutral .modal-header,
+.modal-neutral .modal-footer
+{
+    border-color: rgba(33, 37, 41, .075);
+}
+
+.modal-neutral .modal-content
+{
+    color: #212529; 
+    background-color: #fff;
+}
+.modal-neutral .modal-content .heading
+{
+    color: #212529;
+}
+
+.modal-neutral .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.modal-darker .modal-title
+{
+    color: #fff;
+}
+
+.modal-darker .modal-header,
+.modal-darker .modal-footer
+{
+    border-color: rgba(255, 255, 255, .075);
+}
+
+.modal-darker .modal-content
+{
+    color: #fff; 
+    background-color: black;
+}
+.modal-darker .modal-content .heading
+{
+    color: #fff;
+}
+
+.modal-darker .close > span:not(.sr-only)
+{
+    color: #fff;
+}
+
+.navbar-horizontal .navbar-nav .nav-link
+{
+    font-size: .875rem;
+    font-weight: 500;
+
+    letter-spacing: 0; 
+    text-transform: normal;
+}
+.navbar-horizontal .navbar-nav .nav-link .nav-link-inner--text
+{
+    margin-left: .25rem;
+}
+
+.navbar-horizontal .navbar-brand
+{
+    font-size: .875rem;
+    font-size: .875rem;
+    font-weight: 600;
+
+    letter-spacing: .05px; 
+    text-transform: uppercase;
+}
+.navbar-horizontal .navbar-brand img
+{
+    height: 30px;
+}
+
+.navbar-horizontal .navbar-dark .navbar-brand
+{
+    color: #fff;
+}
+
+.navbar-horizontal .navbar-light .navbar-brand
+{
+    color: #32325d;
+}
+
+.navbar-horizontal .navbar-nav .nav-item .media:not(:last-child)
+{
+    margin-bottom: 1.5rem;
+}
+
+@media (min-width: 992px)
+{
+    .navbar-horizontal .navbar-nav .nav-item
+    {
+        margin-right: .5rem;
+    }
+    .navbar-horizontal .navbar-nav .nav-item [data-toggle='dropdown']::after
+    {
+        transition: all .15s ease;
+    }
+    .navbar-horizontal .navbar-nav .nav-item.show [data-toggle='dropdown']::after
+    {
+        transform: rotate(180deg);
+    }
+    .navbar-horizontal .navbar-nav .nav-link
+    {
+        padding-top: 1rem;
+        padding-bottom: 1rem;
+
+        border-radius: .375rem;
+    }
+    .navbar-horizontal .navbar-nav .nav-link i
+    {
+        margin-right: .625rem;
+    }
+    .navbar-horizontal .navbar-nav .nav-link-icon
+    {
+        font-size: 1rem;
+
+        padding-right: .5rem !important;
+        padding-left: .5rem !important;
+
+        border-radius: .375rem;
+    }
+    .navbar-horizontal .navbar-nav .nav-link-icon i
+    {
+        margin-right: 0;
+    }
+    .navbar-horizontal .navbar-nav .dropdown-menu
+    {
+        margin: 0; 
+
+        pointer-events: none;
+
+        opacity: 0;
+    }
+    .navbar-horizontal .navbar-nav .dropdown-menu:before
+    {
+        position: absolute;
+        z-index: -5;
+        bottom: 100%;
+        left: 20px;
+
+        display: block;
+
+        width: 16px;
+        height: 16px;
+
+        content: '';
+        transform: rotate(-45deg) translateY(1rem);
+
+        border-radius: .25rem; 
+        background: #fff;
+        box-shadow: none;
+    }
+    .navbar-horizontal .navbar-nav .dropdown-menu-right:before
+    {
+        right: 20px;
+        left: auto;
+    }
+    .navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show
+    {
+        animation: show-navbar-dropdown .25s ease forwards; 
+        pointer-events: auto;
+
+        opacity: 1;
+    }
+    .navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close
+    {
+        display: block;
+
+        animation: hide-navbar-dropdown .15s ease backwards;
+    }
+    .navbar-horizontal .navbar-nav.navbar-nav-hover .dropdown-menu
+    {
+        display: block;
+
+        transition: visibility .25s, opacity .25s, transform .25s; 
+        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
+        pointer-events: none;
+
+        opacity: 0;
+    }
+    .navbar-horizontal .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu
+    {
+        display: block;
+        visibility: visible;
+
+        transform: translate(0, 0);
+        animation: none; 
+        pointer-events: auto;
+
+        opacity: 1;
+    }
+    .navbar-horizontal .navbar-nav .dropdown-menu-inner
+    {
+        position: relative;
+
+        padding: 1rem;
+    }
+}
+
+.navbar-horizontal.navbar-transparent
+{
+    position: absolute;
+    z-index: 100;
+    top: 0;
+
+    width: 100%;
+
+    border: 0;
+    background-color: transparent;
+    box-shadow: none;
+}
+.navbar-horizontal.navbar-transparent .navbar-brand
+{
+    color: white;
+}
+.navbar-horizontal.navbar-transparent .navbar-toggler
+{
+    color: white;
+}
+.navbar-horizontal.navbar-transparent .navbar-toggler-icon
+{
+    background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'><path stroke=\'rgba(255, 255, 255, 0.95)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/></svg>');
+}
+
+@media (min-width: 768px)
+{
+    .navbar-horizontal.navbar-transparent .navbar-nav .nav-link
+    {
+        color: rgba(255, 255, 255, .95);
+    }
+    .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover,
+    .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus
+    {
+        color: rgba(255, 255, 255, .65);
+    }
+    .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.disabled
+    {
+        color: rgba(255, 255, 255, .25);
+    }
+    .navbar-horizontal.navbar-transparent .navbar-nav .show > .nav-link,
+    .navbar-horizontal.navbar-transparent .navbar-nav .active > .nav-link,
+    .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.show,
+    .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.active
+    {
+        color: rgba(255, 255, 255, .65);
+    }
+    .navbar-horizontal.navbar-transparent .navbar-brand
+    {
+        color: rgba(255, 255, 255, .95);
+    }
+    .navbar-horizontal.navbar-transparent .navbar-brand:hover,
+    .navbar-horizontal.navbar-transparent .navbar-brand:focus
+    {
+        color: rgba(255, 255, 255, .95);
+    }
+}
+
+.navbar-horizontal .navbar-collapse-header
+{
+    display: none;
+}
+
+@media (max-width: 991.98px)
+{
+    .navbar-horizontal .navbar-nav .nav-link
+    {
+        padding: .625rem 0;
+
+        color: #172b4d !important;
+    }
+    .navbar-horizontal .navbar-nav .dropdown-menu
+    {
+        min-width: auto; 
+
+        box-shadow: none;
+    }
+    .navbar-horizontal .navbar-nav .dropdown-menu .media svg
+    {
+        width: 30px;
+    }
+    .navbar-horizontal .navbar-collapse
+    {
+        position: absolute;
+        z-index: 1050;
+        top: 0;
+        right: 0;
+        left: 0;
+
+        overflow-y: auto;
+
+        width: calc(100% - 1.4rem);
+        height: auto !important;
+        margin: .7rem;
+
+        opacity: 0;
+    }
+    .navbar-horizontal .navbar-collapse .navbar-toggler
+    {
+        position: relative;
+
+        display: inline-block;
+
+        width: 20px;
+        height: 20px;
+        padding: 0; 
+
+        cursor: pointer;
+    }
+    .navbar-horizontal .navbar-collapse .navbar-toggler span
+    {
+        position: absolute;
+
+        display: block;
+
+        width: 100%;
+        height: 2px;
+
+        opacity: 1;
+        border-radius: 2px;
+        background: #283448;
+    }
+    .navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(1)
+    {
+        transform: rotate(135deg);
+    }
+    .navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(2)
+    {
+        transform: rotate(-135deg);
+    }
+    .navbar-horizontal .navbar-collapse .navbar-collapse-header
+    {
+        display: block;
+
+        margin-bottom: 1rem;
+        padding-bottom: 1rem;
+
+        border-bottom: 1px solid rgba(0, 0, 0, .1);
+    }
+    .navbar-horizontal .navbar-collapse .collapse-brand img
+    {
+        height: 36px;
+    }
+    .navbar-horizontal .navbar-collapse .collapse-close
+    {
+        text-align: right;
+    }
+    .navbar-horizontal .navbar-collapse.collapsing,
+    .navbar-horizontal .navbar-collapse.show
+    {
+        padding: 1.5rem;
+
+        animation: show-navbar-collapse .2s ease forwards; 
+
+        border-radius: .375rem;
+        background: #fff;
+        box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
+    }
+    .navbar-horizontal .navbar-collapse.collapsing-out
+    {
+        animation: hide-navbar-collapse .2s ease forwards;
+    }
+}
+
+@keyframes show-navbar-collapse
+{
+    0%
+    {
+        transform: scale(.95);
+        transform-origin: 100% 0; 
+
+        opacity: 0;
+    }
+    100%
+    {
+        transform: scale(1); 
+
+        opacity: 1;
+    }
+}
+
+@keyframes hide-navbar-collapse
+{
+    from
+    {
+        transform: scale(1);
+        transform-origin: 100% 0; 
+
+        opacity: 1;
+    }
+    to
+    {
+        transform: scale(.95); 
+
+        opacity: 0;
+    }
+}
+
+@keyframes show-navbar-dropdown
+{
+    0%
+    {
+        transition: visibility .25s, opacity .25s, transform .25s; 
+        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
+
+        opacity: 0;
+    }
+    100%
+    {
+        transform: translate(0, 0);
+
+        opacity: 1;
+    }
+}
+
+@keyframes hide-navbar-dropdown
+{
+    from
+    {
+        opacity: 1;
+    }
+    to
+    {
+        transform: translate(0, 10px); 
+
+        opacity: 0;
+    }
+}
+
+.nav-open .sidenav
+{
+    transform: translateX(0px);
+}
+
+.nav-open .sidenav-toggler-inner .sidenav-toggler-line:first-child
+{
+    width: 13px;
+
+    transform: translateX(5px);
+}
+
+.nav-open .sidenav-toggler-inner .sidenav-toggler-line:last-child
+{
+    width: 13px;
+
+    transform: translateX(5px);
+}
+
+.navbar-vertical
+{
+    padding-top: 0;
+
+    border-width: 0 0 1px 0;
+    border-style: solid;
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
+}
+.navbar-vertical.navbar-light
+{
+    border-color: rgba(0, 0, 0, .05); 
+    background-color: #f6f9fc;
+}
+.navbar-vertical.navbar-dark
+{
+    border-color: rgba(255, 255, 255, .1); 
+    background-color: transparent;
+}
+.navbar-vertical .navbar-brand
+{
+    margin-right: 0;
+}
+.navbar-vertical .navbar-brand-img,
+.navbar-vertical .navbar-brand > img
+{
+    max-width: 100%;
+    max-height: 2rem;
+}
+@media (min-width: 768px)
+{
+    .navbar-vertical .navbar-collapse
+    {
+        margin-right: -1rem; 
+        margin-left: -1rem;
+    }
+    .navbar-vertical .navbar-collapse:before
+    {
+        display: block;
+
+        margin: .5rem; 
+
+        content: '';
+    }
+}
+.navbar-vertical .navbar-nav
+{
+    margin-right: -1rem; 
+    margin-left: -1rem;
+}
+.navbar-vertical .navbar-nav .nav-link
+{
+    font-size: .875rem;
+    font-weight: 500; 
+
+    padding-right: 1rem;
+    padding-left: 1rem;
+}
+.navbar-vertical .navbar-nav .nav-link.active
+{
+    position: relative;
+}
+.navbar-vertical .navbar-nav .nav-link > i
+{
+    font-size: .9375rem;
+    line-height: 1.5rem; 
+
+    min-width: 2rem;
+}
+.navbar-vertical .navbar-nav .nav-link .dropdown-menu
+{
+    border: none;
+}
+.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu
+{
+    margin-left: .5rem;
+}
+.navbar-vertical .navbar-nav .nav-sm .nav-link
+{
+    font-size: .8125rem;
+}
+.navbar-vertical .navbar-nav .nav-link
+{
+    display: flex;
+
+    align-items: center;
+}
+.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after
+{
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 700;
+    font-style: normal;
+    font-variant: normal;
+
+    display: inline-block;
+
+    margin-left: auto;
+
+    content: '\f105';
+    transition: all .15s ease; 
+
+    color: #ced4da;
+
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after
+    {
+        transition: none;
+    }
+}
+.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse'][aria-expanded='true']:after
+{
+    transform: rotate(90deg); 
+
+    color: #5e72e4;
+}
+.navbar-vertical .navbar-nav .nav .nav-link
+{
+    padding-left: 3rem;
+}
+.navbar-vertical .navbar-nav .nav .nav .nav-link
+{
+    padding-left: 3.5rem;
+}
+.navbar-vertical .navbar-heading
+{
+    font-size: .75rem;
+
+    padding-top: .25rem;
+    padding-bottom: .25rem;
+
+    letter-spacing: .04em; 
+    text-transform: uppercase;
+}
+.navbar-vertical.navbar-expand-xs
+{
+    position: fixed;
+    top: 0;
+    bottom: 0;
+
+    display: block;
+    overflow-y: auto;
+
+    width: 100%;
+    max-width: 250px;
+    padding-right: 0; 
+    padding-left: 0;
+}
+.navbar-vertical.navbar-expand-xs .navbar-inner
+{
+    padding-right: 1.5rem; 
+    padding-left: 1.5rem;
+}
+.navbar-vertical.navbar-expand-xs > [class*='container']
+{
+    flex-direction: column;
+
+    min-height: 100%;
+    padding-right: 0; 
+    padding-left: 0;
+
+    align-items: stretch;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
+{
+    .navbar-vertical.navbar-expand-xs > [class*='container']
+    {
+        height: 100%; 
+        min-height: none;
+    }
+}
+.navbar-vertical.navbar-expand-xs.fixed-left
+{
+    left: 0;
+
+    border-width: 0 1px 0 0;
+}
+.navbar-vertical.navbar-expand-xs.fixed-right
+{
+    right: 0;
+
+    border-width: 0 0 0 1px;
+}
+.navbar-vertical.navbar-expand-xs .navbar-collapse
+{
+    display: flex;
+    flex-direction: column;
+
+    margin-right: -1.5rem;
+    margin-left: -1.5rem;
+    padding-right: 1.5rem; 
+    padding-left: 1.5rem;
+
+    flex: 1 1;
+    align-items: stretch;
+}
+.navbar-vertical.navbar-expand-xs .navbar-collapse > *
+{
+    min-width: 100%;
+}
+.navbar-vertical.navbar-expand-xs .navbar-nav
+{
+    flex-direction: column;
+
+    margin-right: -1.5rem; 
+    margin-left: -1.5rem;
+}
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link
+{
+    padding: .675rem 1.5rem;
+}
+.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item
+{
+    margin-top: 2px;
+}
+.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active
+{
+    margin-right: .5rem;
+    margin-left: .5rem;
+    padding-right: 1rem;
+    padding-left: 1rem;
+
+    border-radius: .375rem; 
+    background: #f6f9fc;
+}
+.navbar-vertical.navbar-expand-xs .lavalamp-object
+{
+    width: calc(100% - 1rem) !important;
+    margin-right: .5rem;
+    margin-left: .5rem;
+    padding-right: 1rem;
+    padding-left: 1rem;
+
+    color: #fff;
+    border-radius: .375rem; 
+    background: #5e72e4;
+}
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link
+{
+    padding-top: .45rem;
+    padding-bottom: .45rem;
+    padding-left: 3.5rem;
+}
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link
+{
+    padding-left: 4.25rem;
+}
+@media (min-width: 576px)
+{
+    .navbar-vertical.navbar-expand-sm
+    {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+
+        display: block;
+        overflow-y: auto;
+
+        width: 100%;
+        max-width: 250px;
+        padding-right: 0; 
+        padding-left: 0;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-inner
+    {
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-sm > [class*='container']
+    {
+        flex-direction: column;
+
+        min-height: 100%;
+        padding-right: 0; 
+        padding-left: 0;
+
+        align-items: stretch;
+    }
+}
+@media all and (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active)
+{
+    .navbar-vertical.navbar-expand-sm > [class*='container']
+    {
+        height: 100%; 
+        min-height: none;
+    }
+}
+@media (min-width: 576px)
+{
+    .navbar-vertical.navbar-expand-sm.fixed-left
+    {
+        left: 0;
+
+        border-width: 0 1px 0 0;
+    }
+    .navbar-vertical.navbar-expand-sm.fixed-right
+    {
+        right: 0;
+
+        border-width: 0 0 0 1px;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-collapse
+    {
+        display: flex;
+        flex-direction: column;
+
+        margin-right: -1.5rem;
+        margin-left: -1.5rem;
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+
+        flex: 1 1;
+        align-items: stretch;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-collapse > *
+    {
+        min-width: 100%;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-nav
+    {
+        flex-direction: column;
+
+        margin-right: -1.5rem; 
+        margin-left: -1.5rem;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link
+    {
+        padding: .675rem 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item
+    {
+        margin-top: 2px;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active
+    {
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        border-radius: .375rem; 
+        background: #f6f9fc;
+    }
+    .navbar-vertical.navbar-expand-sm .lavalamp-object
+    {
+        width: calc(100% - 1rem) !important;
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        color: #fff;
+        border-radius: .375rem; 
+        background: #5e72e4;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link
+    {
+        padding-top: .45rem;
+        padding-bottom: .45rem;
+        padding-left: 3.5rem;
+    }
+    .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav .nav-link
+    {
+        padding-left: 4.25rem;
+    }
+}
+@media (min-width: 768px)
+{
+    .navbar-vertical.navbar-expand-md
+    {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+
+        display: block;
+        overflow-y: auto;
+
+        width: 100%;
+        max-width: 250px;
+        padding-right: 0; 
+        padding-left: 0;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-inner
+    {
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-md > [class*='container']
+    {
+        flex-direction: column;
+
+        min-height: 100%;
+        padding-right: 0; 
+        padding-left: 0;
+
+        align-items: stretch;
+    }
+}
+@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active)
+{
+    .navbar-vertical.navbar-expand-md > [class*='container']
+    {
+        height: 100%; 
+        min-height: none;
+    }
+}
+@media (min-width: 768px)
+{
+    .navbar-vertical.navbar-expand-md.fixed-left
+    {
+        left: 0;
+
+        border-width: 0 1px 0 0;
+    }
+    .navbar-vertical.navbar-expand-md.fixed-right
+    {
+        right: 0;
+
+        border-width: 0 0 0 1px;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-collapse
+    {
+        display: flex;
+        flex-direction: column;
+
+        margin-right: -1.5rem;
+        margin-left: -1.5rem;
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+
+        flex: 1 1;
+        align-items: stretch;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-collapse > *
+    {
+        min-width: 100%;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-nav
+    {
+        flex-direction: column;
+
+        margin-right: -1.5rem; 
+        margin-left: -1.5rem;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link
+    {
+        padding: .675rem 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item
+    {
+        margin-top: 2px;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link.active
+    {
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        border-radius: .375rem; 
+        background: #f6f9fc;
+    }
+    .navbar-vertical.navbar-expand-md .lavalamp-object
+    {
+        width: calc(100% - 1rem) !important;
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        color: #fff;
+        border-radius: .375rem; 
+        background: #5e72e4;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link
+    {
+        padding-top: .45rem;
+        padding-bottom: .45rem;
+        padding-left: 3.5rem;
+    }
+    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link
+    {
+        padding-left: 4.25rem;
+    }
+}
+@media (min-width: 992px)
+{
+    .navbar-vertical.navbar-expand-lg
+    {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+
+        display: block;
+        overflow-y: auto;
+
+        width: 100%;
+        max-width: 250px;
+        padding-right: 0; 
+        padding-left: 0;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-inner
+    {
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-lg > [class*='container']
+    {
+        flex-direction: column;
+
+        min-height: 100%;
+        padding-right: 0; 
+        padding-left: 0;
+
+        align-items: stretch;
+    }
+}
+@media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active)
+{
+    .navbar-vertical.navbar-expand-lg > [class*='container']
+    {
+        height: 100%; 
+        min-height: none;
+    }
+}
+@media (min-width: 992px)
+{
+    .navbar-vertical.navbar-expand-lg.fixed-left
+    {
+        left: 0;
+
+        border-width: 0 1px 0 0;
+    }
+    .navbar-vertical.navbar-expand-lg.fixed-right
+    {
+        right: 0;
+
+        border-width: 0 0 0 1px;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-collapse
+    {
+        display: flex;
+        flex-direction: column;
+
+        margin-right: -1.5rem;
+        margin-left: -1.5rem;
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+
+        flex: 1 1;
+        align-items: stretch;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-collapse > *
+    {
+        min-width: 100%;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-nav
+    {
+        flex-direction: column;
+
+        margin-right: -1.5rem; 
+        margin-left: -1.5rem;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link
+    {
+        padding: .675rem 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item
+    {
+        margin-top: 2px;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link.active
+    {
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        border-radius: .375rem; 
+        background: #f6f9fc;
+    }
+    .navbar-vertical.navbar-expand-lg .lavalamp-object
+    {
+        width: calc(100% - 1rem) !important;
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        color: #fff;
+        border-radius: .375rem; 
+        background: #5e72e4;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link
+    {
+        padding-top: .45rem;
+        padding-bottom: .45rem;
+        padding-left: 3.5rem;
+    }
+    .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav .nav-link
+    {
+        padding-left: 4.25rem;
+    }
+}
+@media (min-width: 1200px)
+{
+    .navbar-vertical.navbar-expand-xl
+    {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+
+        display: block;
+        overflow-y: auto;
+
+        width: 100%;
+        max-width: 250px;
+        padding-right: 0; 
+        padding-left: 0;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-inner
+    {
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-xl > [class*='container']
+    {
+        flex-direction: column;
+
+        min-height: 100%;
+        padding-right: 0; 
+        padding-left: 0;
+
+        align-items: stretch;
+    }
+}
+@media all and (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active)
+{
+    .navbar-vertical.navbar-expand-xl > [class*='container']
+    {
+        height: 100%; 
+        min-height: none;
+    }
+}
+@media (min-width: 1200px)
+{
+    .navbar-vertical.navbar-expand-xl.fixed-left
+    {
+        left: 0;
+
+        border-width: 0 1px 0 0;
+    }
+    .navbar-vertical.navbar-expand-xl.fixed-right
+    {
+        right: 0;
+
+        border-width: 0 0 0 1px;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-collapse
+    {
+        display: flex;
+        flex-direction: column;
+
+        margin-right: -1.5rem;
+        margin-left: -1.5rem;
+        padding-right: 1.5rem; 
+        padding-left: 1.5rem;
+
+        flex: 1 1;
+        align-items: stretch;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-collapse > *
+    {
+        min-width: 100%;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-nav
+    {
+        flex-direction: column;
+
+        margin-right: -1.5rem; 
+        margin-left: -1.5rem;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link
+    {
+        padding: .675rem 1.5rem;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item
+    {
+        margin-top: 2px;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link.active
+    {
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        border-radius: .375rem; 
+        background: #f6f9fc;
+    }
+    .navbar-vertical.navbar-expand-xl .lavalamp-object
+    {
+        width: calc(100% - 1rem) !important;
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+
+        color: #fff;
+        border-radius: .375rem; 
+        background: #5e72e4;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link
+    {
+        padding-top: .45rem;
+        padding-bottom: .45rem;
+        padding-left: 3.5rem;
+    }
+    .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav .nav-link
+    {
+        padding-left: 4.25rem;
+    }
+}
+
+.navbar-vertical.navbar-expand-xs.fixed-left + .main-content
+{
+    margin-left: 250px;
+}
+
+.navbar-vertical.navbar-expand-xs.fixed-right + .main-content
+{
+    margin-right: 62px;
+}
+
+@media (min-width: 576px)
+{
+    .navbar-vertical.navbar-expand-sm.fixed-left + .main-content
+    {
+        margin-left: 250px;
+    }
+    .navbar-vertical.navbar-expand-sm.fixed-right + .main-content
+    {
+        margin-right: 62px;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .navbar-vertical.navbar-expand-md.fixed-left + .main-content
+    {
+        margin-left: 250px;
+    }
+    .navbar-vertical.navbar-expand-md.fixed-right + .main-content
+    {
+        margin-right: 62px;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .navbar-vertical.navbar-expand-lg.fixed-left + .main-content
+    {
+        margin-left: 250px;
+    }
+    .navbar-vertical.navbar-expand-lg.fixed-right + .main-content
+    {
+        margin-right: 62px;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .navbar-vertical.navbar-expand-xl.fixed-left + .main-content
+    {
+        margin-left: 250px;
+    }
+    .navbar-vertical.navbar-expand-xl.fixed-right + .main-content
+    {
+        margin-right: 62px;
+    }
+}
+
+.sidenav.fixed-left + .main-content
+{
+    margin-left: 62px;
+
+    transition: all .15s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .sidenav.fixed-left + .main-content
+    {
+        transition: none;
+    }
+}
+
+.sidenav.fixed-right + .main-content
+{
+    margin-right: 62px;
+
+    transition: all .15s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .sidenav.fixed-right + .main-content
+    {
+        transition: none;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .g-sidenav-pinned .sidenav.fixed-left + .main-content
+    {
+        margin-left: 250px;
+    }
+    .g-sidenav-pinned .sidenav.fixed-right + .main-content
+    {
+        margin-right: 250px;
+    }
+}
+
+.sidenav
+{
+    z-index: 1050;
+
+    transition: all .4s ease;
+}
+@media (min-width: 1200px)
+{
+    .sidenav:hover
+    {
+        max-width: 250px;
+    }
+    .sidenav .sidenav-toggler
+    {
+        padding: 1.5rem;
+    }
+}
+.sidenav .navbar-brand,
+.sidenav .navbar-heading
+{
+    padding: 1.5rem;
+}
+
+.sidenav-header
+{
+    height: 78px;
+
+    text-align: center;
+}
+
+.g-sidenav-show .sidenav .navbar-brand,
+.g-sidenav-show .sidenav .navbar-heading
+{
+    display: block;
+}
+
+.g-sidenav-show .sidenav .nav-item .collapse
+{
+    height: auto;
+
+    transition: all .15s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .g-sidenav-show .sidenav .nav-item .collapse
+    {
+        transition: none;
+    }
+}
+
+.g-sidenav-show .sidenav .nav-link-text
+{
+    transition: .3s ease;
+
+    opacity: 1;
+}
+
+.g-sidenav-pinned .sidenav
+{
+    max-width: 250px !important;
+}
+.g-sidenav-pinned .sidenav .navbar-brand,
+.g-sidenav-pinned .sidenav .navbar-heading
+{
+    display: block;
+}
+
+@media (min-width: 768px)
+{
+    .nav-item .nav-link.active.active-pro
+    {
+        position: absolute;
+        bottom: 10px;
+
+        width: 100%;
+        margin-left: 0 !important;
+        padding-left: 25px !important; 
+
+        border-radius: 0 !important;
+        background: #f6f9fc;
+    }
+}
+
+@media (max-width: 1199.98px)
+{
+    .sidenav
+    {
+        transform: translateX(-250px);
+    }
+    .sidenav.fixed-left + .main-content
+    {
+        margin-left: 0 !important;
+    }
+    .g-sidenav-pinned .sidenav
+    {
+        transform: translateX(0);
+    }
+}
+
+.sidenav-toggler-inner,
+.sidenav-toggler-line
+{
+    width: 18px;
+
+    transition: all .15s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .sidenav-toggler-inner,
+    .sidenav-toggler-line
+    {
+        transition: none;
+    }
+}
+
+.sidenav-toggler-inner
+{
+    position: relative;
+}
+.sidenav-toggler-inner:before
+{
+    position: absolute;
+    top: -14px;
+    left: -11px;
+
+    width: 40px;
+    height: 40px;
+
+    content: '';
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+    transform: scale(0);
+
+    border-radius: 50%;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .sidenav-toggler-inner:before
+    {
+        transition: none;
+    }
+}
+
+.sidenav-toggler-line
+{
+    position: relative; 
+
+    display: block;
+
+    height: 2px;
+
+    background-color: #172b4d;
+}
+.sidenav-toggler-line:not(:last-child)
+{
+    margin-bottom: 3px;
+}
+
+.sidenav-toggler-dark .sidenav-toggler-line
+{
+    background-color: #fff;
+}
+
+.sidenav-toggler
+{
+    cursor: pointer;
+}
+.sidenav-toggler.active .sidenav-toggler-inner:before
+{
+    transform: scale(1);
+}
+.sidenav-toggler.active .sidenav-toggler-line:first-child
+{
+    width: 13px;
+
+    transform: translateX(5px);
+}
+.sidenav-toggler.active .sidenav-toggler-line:last-child
+{
+    width: 13px;
+
+    transform: translateX(5px);
+}
+
+.bodyClick
+{
+    position: absolute;
+    top: 0; 
+
+    width: 100%;
+    height: 100vh;
+}
+
+.navbar-search .input-group
+{
+    transition: background-color .3s linear;
+    transition-delay: .15s; 
+
+    border: 0 solid;
+    border-radius: 2rem;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .navbar-search .input-group
+    {
+        transition: none;
+    }
+}
+.navbar-search .input-group .input-group-text
+{
+    padding-left: 1rem;
+
+    border: 0; 
+    background-color: transparent;
+}
+
+.navbar-search .form-control
+{
+    width: 250px;
+
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+
+    border: 0;
+    background-color: transparent;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .navbar-search .form-control
+    {
+        transition: none;
+    }
+}
+
+.navbar-search .focused .input-group .form-control
+{
+    width: 380px;
+}
+
+.navbar-search .close
+{
+    display: none;
+}
+
+.navbar-search-dark .input-group
+{
+    border-color: rgba(255, 255, 255, .6); 
+    background-color: rgba(23, 43, 77, .8);
+}
+
+.navbar-search-dark .input-group-text
+{
+    color: rgba(255, 255, 255, .6);
+}
+
+.navbar-search-dark .form-control
+{
+    color: rgba(255, 255, 255, .9);
+}
+.navbar-search-dark .form-control::-ms-input-placeholder
+{
+    color: rgba(255, 255, 255, .6);
+}
+.navbar-search-dark .form-control::placeholder
+{
+    color: rgba(255, 255, 255, .6);
+}
+
+.navbar-search-dark .focused .input-group
+{
+    border-color: rgba(255, 255, 255, .9); 
+    background-color: rgba(23, 43, 77, .9);
+}
+
+.navbar-search-light .input-group
+{
+    border-color: rgba(0, 0, 0, .6); 
+    background-color: rgba(255, 255, 255, .9);
+}
+
+.navbar-search-light .input-group-text
+{
+    color: rgba(0, 0, 0, .6);
+}
+
+.navbar-search-light .form-control
+{
+    color: rgba(0, 0, 0, .9);
+}
+.navbar-search-light .form-control::-ms-input-placeholder
+{
+    color: rgba(0, 0, 0, .6);
+}
+.navbar-search-light .form-control::placeholder
+{
+    color: rgba(0, 0, 0, .6);
+}
+
+.navbar-search-light .focused .input-group
+{
+    border-color: rgba(0, 0, 0, .9); 
+    background-color: white;
+}
+
+@media (max-width: 575.98px)
+{
+    .navbar-search
+    {
+        display: none;
+
+        width: 100%;
+
+        transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+        transform: translateX(-150%);
+    }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce)
+{
+    .navbar-search
+    {
+        transition: none;
+    }
+}
+
+@media (max-width: 575.98px)
+{
+    .navbar-search .form-group
+    {
+        width: 100%;
+    }
+    .navbar-search .form-control
+    {
+        width: auto;
+    }
+    .navbar-search .focused .input-group .form-control
+    {
+        width: auto;
+    }
+    .navbar-search .close
+    {
+        display: none;
+
+        opacity: 0;
+    }
+    .navbar-search .close span
+    {
+        width: auto;
+        height: auto;
+    }
+    .navbar-top .navbar-nav
+    {
+        transition: all .15s ease;
+    }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce)
+{
+    .navbar-top .navbar-nav
+    {
+        transition: none;
+    }
+}
+
+@media (max-width: 575.98px)
+{
+    .g-navbar-search-showing .navbar-search .close
+    {
+        display: block;
+    }
+    .g-navbar-search-showing .navbar-top .navbar-nav
+    {
+        display: flex;
+
+        transform: translateX(150%); 
+
+        opacity: 1;
+    }
+    .g-navbar-search-show .navbar-search
+    {
+        display: block;
+    }
+    .g-navbar-search-show .navbar-search .form-control
+    {
+        width: auto;
+    }
+    .g-navbar-search-show .navbar-search .close
+    {
+        line-height: 46px;
+
+        position: absolute;
+        top: 0;
+        right: 0;
+
+        width: 46px;
+        height: 46px;
+
+        cursor: pointer; 
+        text-align: center;
+
+        color: white;
+    }
+    .g-navbar-search-show .navbar-top .navbar-nav
+    {
+        display: none;
+    }
+    .g-navbar-search-show .navbar-top .navbar-collapse
+    {
+        width: 100%;
+    }
+    .g-navbar-search-shown .navbar-search
+    {
+        transform: translateX(0);
+    }
+    .g-navbar-search-shown .navbar-search .close
+    {
+        display: block;
+
+        opacity: 1;
+    }
+    .g-navbar-search-hiding .navbar-top .navbar-nav
+    {
+        display: flex;
+
+        transform: translateX(150%); 
+
+        opacity: 0;
+    }
+    .g-navbar-search-hidden .navbar-top .navbar-nav
+    {
+        transform: translateX(0); 
+
+        opacity: 1;
+    }
+}
+
+.navbar .dropdown-menu
+{
+    margin: 0; 
+
+    pointer-events: none;
+
+    opacity: 0;
+}
+
+.navbar .dropdown-menu-arrow:before
+{
+    position: absolute;
+    z-index: -5;
+    bottom: 100%;
+    left: 20px;
+
+    display: block;
+
+    width: 12px;
+    height: 12px;
+
+    content: '';
+    transform: rotate(-45deg) translateY(12px);
+
+    border-radius: 2px; 
+    background: #fff;
+    box-shadow: none;
+}
+
+.navbar .dropdown-menu-right:before
+{
+    right: 20px;
+    left: auto;
+}
+
+.navbar:not(.navbar-nav-hover) .dropdown-menu.show
+{
+    animation: show-navbar-dropdown .25s ease forwards; 
+    pointer-events: auto;
+
+    opacity: 1;
+}
+
+.navbar:not(.navbar-nav-hover) .dropdown-menu.close
+{
+    display: block;
+
+    animation: hide-navbar-dropdown .15s ease backwards;
+}
+
+.navbar.navbar-nav-hover .dropdown-menu
+{
+    display: block;
+
+    transition: visibility .25s, opacity .25s, transform .25s; 
+    transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
+    pointer-events: none;
+
+    opacity: 0;
+}
+
+.navbar.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu
+{
+    display: block;
+    visibility: visible;
+
+    transform: translate(0, 0);
+    animation: none; 
+    pointer-events: auto;
+
+    opacity: 1;
+}
+
+.navbar .dropdown-menu-inner
+{
+    position: relative;
+
+    padding: 1rem;
+}
+
+@keyframes show-navbar-dropdown
+{
+    0%
+    {
+        transition: visibility .25s, opacity .25s, transform .25s; 
+        transform: translate(0, 10px) perspective(200px);
+
+        opacity: 0;
+    }
+    100%
+    {
+        transform: translate(0, 0);
+
+        opacity: 1;
+    }
+}
+
+@keyframes hide-navbar-dropdown
+{
+    from
+    {
+        opacity: 1;
+    }
+    to
+    {
+        transform: translate(0, 10px); 
+
+        opacity: 0;
+    }
+}
+
+.navbar-collapse-header
+{
+    display: none;
+}
+
+@keyframes show-navbar-collapse
+{
+    0%
+    {
+        transform: scale(.95);
+        transform-origin: 100% 0; 
+
+        opacity: 0;
+    }
+    100%
+    {
+        transform: scale(1); 
+
+        opacity: 1;
+    }
+}
+
+@keyframes hide-navbar-collapse
+{
+    from
+    {
+        transform: scale(1);
+        transform-origin: 100% 0; 
+
+        opacity: 1;
+    }
+    to
+    {
+        transform: scale(.95); 
+
+        opacity: 0;
+    }
+}
+
+.navbar-top
+{
+    padding-right: 1rem; 
+    padding-left: 1rem;
+
+    border: 0;
+}
+.navbar-top .container,
+.navbar-top .container-fluid,
+.navbar-top .container-sm,
+.navbar-top .container-md,
+.navbar-top .container-lg,
+.navbar-top .container-xl
+{
+    padding-right: 15px; 
+    padding-left: 15px;
+}
+@media (min-width: 576px)
+{
+    .navbar-top .navbar-brand
+    {
+        display: none;
+    }
+}
+@media (max-width: 575.98px)
+{
+    .navbar-top .navbar-collapse
+    {
+        width: 100%;
+    }
+    .navbar-top .nav-item
+    {
+        position: static;
+    }
+    .navbar-top .nav-item .dropdown-menu
+    {
+        position: absolute;
+        right: auto; 
+        left: 3%;
+
+        width: 94%;
+        min-width: auto;
+    }
+}
+.navbar-top.border-bottom.navbar-dark
+{
+    border-color: rgba(255, 255, 255, .08) !important;
+}
+.navbar-top.border-bottom.navbar-light
+{
+    border-color: rgba(0, 0, 0, .04) !important;
+}
+
+.sidenav-pinned .navbar-top .navbar-brand
+{
+    display: none;
+}
+
+.nav-wrapper
+{
+    padding: 1rem 0;
+
+    border-top-left-radius: .375rem;
+    border-top-right-radius: .375rem;
+}
+.nav-wrapper + .card
+{
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: .375rem;
+    border-bottom-left-radius: .375rem;
+}
+
+.nav-link
+{
+    color: #525f7f;
+}
+.nav-link:hover
+{
+    color: #5e72e4;
+}
+.nav-link i.ni
+{
+    position: relative;
+    top: 2px;
+}
+
+.nav-pills .nav-item:not(:last-child)
+{
+    padding-right: 1rem;
+}
+
+.nav-pills .nav-link
+{
+    font-size: .875rem;
+    font-weight: 500;
+
+    padding: .75rem 1rem;
+
+    transition: all .15s ease; 
+
+    color: #5e72e4;
+    background-color: #fff;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.nav-pills .nav-link:hover
+{
+    color: #485fe0;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link
+{
+    color: #fff;
+    background-color: #5e72e4;
+}
+
+@media (max-width: 575.98px)
+{
+    .nav-pills .nav-item
+    {
+        margin-bottom: 1rem;
+    }
+}
+
+@media (max-width: 767.98px)
+{
+    .nav-pills:not(.nav-pills-circle) .nav-item
+    {
+        padding-right: 0;
+    }
+}
+
+.nav-pills-circle .nav-link
+{
+    line-height: 60px;
+
+    width: 60px;
+    height: 60px;
+    padding: 0;
+
+    text-align: center;
+
+    border-radius: 50%;
+}
+
+.nav-pills-circle .nav-link-icon i,
+.nav-pills-circle .nav-link-icon svg
+{
+    font-size: 1rem;
+}
+
+.page-item.active .page-link
+{
+    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
+}
+
+.page-item .page-link,
+.page-item span
+{
+    font-size: .875rem; 
+
+    display: flex;
+
+    width: 36px;
+    height: 36px;
+    margin: 0 3px;
+    padding: 0;
+
+    border-radius: 50% !important;
+
+    align-items: center;
+    justify-content: center;
+}
+
+.pagination-lg .page-item .page-link,
+.pagination-lg .page-item span
+{
+    line-height: 46px; 
+
+    width: 46px;
+    height: 46px;
+}
+
+.pagination-sm .page-item .page-link,
+.pagination-sm .page-item span
+{
+    line-height: 30px; 
+
+    width: 30px;
+    height: 30px;
+}
+
+.popover
+{
+    border: 0;
+}
+
+.popover-header
+{
+    font-weight: 600;
+}
+
+.popover-primary
+{
+    background-color: #5e72e4;
+}
+.popover-primary .popover-header
+{
+    color: #fff; 
+    background-color: #5e72e4;
+}
+.popover-primary .popover-body
+{
+    color: #fff;
+}
+.popover-primary .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-primary.bs-popover-top .arrow::after,
+.popover-primary.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #5e72e4;
+}
+.popover-primary.bs-popover-right .arrow::after,
+.popover-primary.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #5e72e4;
+}
+.popover-primary.bs-popover-bottom .arrow::after,
+.popover-primary.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #5e72e4;
+}
+.popover-primary.bs-popover-left .arrow::after,
+.popover-primary.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #5e72e4;
+}
+
+.popover-secondary
+{
+    background-color: #f7fafc;
+}
+.popover-secondary .popover-header
+{
+    color: #212529; 
+    background-color: #f7fafc;
+}
+.popover-secondary .popover-body
+{
+    color: #212529;
+}
+.popover-secondary .popover-header
+{
+    border-color: rgba(33, 37, 41, .2);
+}
+.popover-secondary.bs-popover-top .arrow::after,
+.popover-secondary.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #f7fafc;
+}
+.popover-secondary.bs-popover-right .arrow::after,
+.popover-secondary.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #f7fafc;
+}
+.popover-secondary.bs-popover-bottom .arrow::after,
+.popover-secondary.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #f7fafc;
+}
+.popover-secondary.bs-popover-left .arrow::after,
+.popover-secondary.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #f7fafc;
+}
+
+.popover-success
+{
+    background-color: #2dce89;
+}
+.popover-success .popover-header
+{
+    color: #fff; 
+    background-color: #2dce89;
+}
+.popover-success .popover-body
+{
+    color: #fff;
+}
+.popover-success .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-success.bs-popover-top .arrow::after,
+.popover-success.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #2dce89;
+}
+.popover-success.bs-popover-right .arrow::after,
+.popover-success.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #2dce89;
+}
+.popover-success.bs-popover-bottom .arrow::after,
+.popover-success.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #2dce89;
+}
+.popover-success.bs-popover-left .arrow::after,
+.popover-success.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #2dce89;
+}
+
+.popover-info
+{
+    background-color: #11cdef;
+}
+.popover-info .popover-header
+{
+    color: #fff; 
+    background-color: #11cdef;
+}
+.popover-info .popover-body
+{
+    color: #fff;
+}
+.popover-info .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-info.bs-popover-top .arrow::after,
+.popover-info.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #11cdef;
+}
+.popover-info.bs-popover-right .arrow::after,
+.popover-info.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #11cdef;
+}
+.popover-info.bs-popover-bottom .arrow::after,
+.popover-info.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #11cdef;
+}
+.popover-info.bs-popover-left .arrow::after,
+.popover-info.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #11cdef;
+}
+
+.popover-warning
+{
+    background-color: #fb6340;
+}
+.popover-warning .popover-header
+{
+    color: #fff; 
+    background-color: #fb6340;
+}
+.popover-warning .popover-body
+{
+    color: #fff;
+}
+.popover-warning .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-warning.bs-popover-top .arrow::after,
+.popover-warning.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #fb6340;
+}
+.popover-warning.bs-popover-right .arrow::after,
+.popover-warning.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #fb6340;
+}
+.popover-warning.bs-popover-bottom .arrow::after,
+.popover-warning.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #fb6340;
+}
+.popover-warning.bs-popover-left .arrow::after,
+.popover-warning.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #fb6340;
+}
+
+.popover-danger
+{
+    background-color: #f5365c;
+}
+.popover-danger .popover-header
+{
+    color: #fff; 
+    background-color: #f5365c;
+}
+.popover-danger .popover-body
+{
+    color: #fff;
+}
+.popover-danger .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-danger.bs-popover-top .arrow::after,
+.popover-danger.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #f5365c;
+}
+.popover-danger.bs-popover-right .arrow::after,
+.popover-danger.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #f5365c;
+}
+.popover-danger.bs-popover-bottom .arrow::after,
+.popover-danger.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #f5365c;
+}
+.popover-danger.bs-popover-left .arrow::after,
+.popover-danger.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #f5365c;
+}
+
+.popover-light
+{
+    background-color: #adb5bd;
+}
+.popover-light .popover-header
+{
+    color: #fff; 
+    background-color: #adb5bd;
+}
+.popover-light .popover-body
+{
+    color: #fff;
+}
+.popover-light .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-light.bs-popover-top .arrow::after,
+.popover-light.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #adb5bd;
+}
+.popover-light.bs-popover-right .arrow::after,
+.popover-light.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #adb5bd;
+}
+.popover-light.bs-popover-bottom .arrow::after,
+.popover-light.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #adb5bd;
+}
+.popover-light.bs-popover-left .arrow::after,
+.popover-light.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #adb5bd;
+}
+
+.popover-dark
+{
+    background-color: #212529;
+}
+.popover-dark .popover-header
+{
+    color: #fff; 
+    background-color: #212529;
+}
+.popover-dark .popover-body
+{
+    color: #fff;
+}
+.popover-dark .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-dark.bs-popover-top .arrow::after,
+.popover-dark.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #212529;
+}
+.popover-dark.bs-popover-right .arrow::after,
+.popover-dark.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #212529;
+}
+.popover-dark.bs-popover-bottom .arrow::after,
+.popover-dark.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #212529;
+}
+.popover-dark.bs-popover-left .arrow::after,
+.popover-dark.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #212529;
+}
+
+.popover-default
+{
+    background-color: #172b4d;
+}
+.popover-default .popover-header
+{
+    color: #fff; 
+    background-color: #172b4d;
+}
+.popover-default .popover-body
+{
+    color: #fff;
+}
+.popover-default .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-default.bs-popover-top .arrow::after,
+.popover-default.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #172b4d;
+}
+.popover-default.bs-popover-right .arrow::after,
+.popover-default.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #172b4d;
+}
+.popover-default.bs-popover-bottom .arrow::after,
+.popover-default.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #172b4d;
+}
+.popover-default.bs-popover-left .arrow::after,
+.popover-default.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #172b4d;
+}
+
+.popover-white
+{
+    background-color: #fff;
+}
+.popover-white .popover-header
+{
+    color: #212529; 
+    background-color: #fff;
+}
+.popover-white .popover-body
+{
+    color: #212529;
+}
+.popover-white .popover-header
+{
+    border-color: rgba(33, 37, 41, .2);
+}
+.popover-white.bs-popover-top .arrow::after,
+.popover-white.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #fff;
+}
+.popover-white.bs-popover-right .arrow::after,
+.popover-white.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #fff;
+}
+.popover-white.bs-popover-bottom .arrow::after,
+.popover-white.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #fff;
+}
+.popover-white.bs-popover-left .arrow::after,
+.popover-white.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #fff;
+}
+
+.popover-neutral
+{
+    background-color: #fff;
+}
+.popover-neutral .popover-header
+{
+    color: #212529; 
+    background-color: #fff;
+}
+.popover-neutral .popover-body
+{
+    color: #212529;
+}
+.popover-neutral .popover-header
+{
+    border-color: rgba(33, 37, 41, .2);
+}
+.popover-neutral.bs-popover-top .arrow::after,
+.popover-neutral.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: #fff;
+}
+.popover-neutral.bs-popover-right .arrow::after,
+.popover-neutral.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: #fff;
+}
+.popover-neutral.bs-popover-bottom .arrow::after,
+.popover-neutral.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: #fff;
+}
+.popover-neutral.bs-popover-left .arrow::after,
+.popover-neutral.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: #fff;
+}
+
+.popover-darker
+{
+    background-color: black;
+}
+.popover-darker .popover-header
+{
+    color: #fff; 
+    background-color: black;
+}
+.popover-darker .popover-body
+{
+    color: #fff;
+}
+.popover-darker .popover-header
+{
+    border-color: rgba(255, 255, 255, .2);
+}
+.popover-darker.bs-popover-top .arrow::after,
+.popover-darker.bs-popover-auto[x-placement^='top'] .arrow::after
+{
+    border-top-color: black;
+}
+.popover-darker.bs-popover-right .arrow::after,
+.popover-darker.bs-popover-auto[x-placement^='right'] .arrow::after
+{
+    border-right-color: black;
+}
+.popover-darker.bs-popover-bottom .arrow::after,
+.popover-darker.bs-popover-auto[x-placement^='bottom'] .arrow::after
+{
+    border-bottom-color: black;
+}
+.popover-darker.bs-popover-left .arrow::after,
+.popover-darker.bs-popover-auto[x-placement^='left'] .arrow::after
+{
+    border-left-color: black;
+}
+
+.progress-wrapper
+{
+    position: relative;
+
+    padding-top: 1.5rem;
+}
+
+.progress
+{
+    overflow: hidden;
+
+    height: 8px;
+    margin-bottom: 1rem;
+
+    border-radius: .25rem;
+    background-color: #e9ecef;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+}
+.progress .sr-only
+{
+    font-size: 13px; 
+    line-height: 20px;
+
+    left: 0;
+
+    clip: auto;
+
+    width: auto;
+    height: 20px;
+    margin: 0 0 0 30px;
+}
+
+.progress-sm
+{
+    height: 5px;
+}
+
+.progress-xs
+{
+    height: 3px;
+}
+
+.progress-heading
+{
+    font-size: 14px;
+    font-weight: 500;
+
+    margin: 0 0 2px;
+    padding: 0;
+}
+
+.progress-bar
+{
+    height: auto; 
+
+    border-radius: 0;
+    box-shadow: none;
+}
+
+.progress-info
+{
+    display: flex;
+
+    margin-bottom: .5rem;
+
+    align-items: center;
+    justify-content: space-between;
+}
+
+.progress-label span
+{
+    font-size: .625rem;
+    font-weight: 600;
+
+    display: inline-block;
+
+    padding: .25rem 1rem;
+
+    text-transform: uppercase;
+
+    color: #5e72e4;
+    border-radius: 30px; 
+    background: rgba(94, 114, 228, .1);
+}
+
+.progress-percentage
+{
+    text-align: right;
+}
+.progress-percentage span
+{
+    font-size: .875rem;
+    font-weight: 600; 
+
+    display: inline-block;
+
+    color: #8898aa;
+}
+
+.separator
+{
+    position: absolute;
+    top: auto;
+    right: 0;
+    left: 0;
+
+    overflow: hidden;
+
+    width: 100%;
+    height: 150px;
+
+    transform: translateZ(0);
+    pointer-events: none;
+}
+.separator svg
+{
+    position: absolute;
+
+    pointer-events: none;
+}
+
+.separator-top
+{
+    top: 0;
+    bottom: auto;
+}
+.separator-top svg
+{
+    top: 0;
+}
+
+.separator-bottom
+{
+    top: auto;
+    bottom: 0;
+}
+.separator-bottom svg
+{
+    bottom: 0;
+}
+
+.separator-inverse
+{
+    transform: rotate(180deg);
+}
+
+.separator-skew
+{
+    height: 60px;
+}
+@media (min-width: 1200px)
+{
+    .separator-skew
+    {
+        height: 70px;
+    }
+}
+
+.section-nucleo-icons
+{
+    --icon-size: 5rem;
+    --icon-sm-size: 3.75rem;
+    --gutter: 7rem;
+}
+.section-nucleo-icons .icons-container
+{
+    position: relative;
+    z-index: 1; 
+
+    max-width: 100%;
+    height: 360px;
+    margin: 0 auto;
+}
+.section-nucleo-icons .icons-container i
+{
+    position: absolute;
+    z-index: 1;
+
+    display: inline-flex;
+
+    transition: all .2s cubic-bezier(.25, .65, .9, .75); 
+    transform: translate(-50%, -50%);
+
+    border-radius: 50%;
+    background: #fff;
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
+
+    align-items: center;
+    justify-content: center;
+}
+.section-nucleo-icons .icons-container i.icon
+{
+    font-size: 1.7em; 
+
+    width: var(--icon-size);
+    height: var(--icon-size);
+}
+.section-nucleo-icons .icons-container i.icon-sm
+{
+    font-size: 1.5em; 
+
+    width: var(--icon-sm-size);
+    height: var(--icon-sm-size);
+}
+.section-nucleo-icons .icons-container i:nth-child(1)
+{
+    font-size: 42px;
+
+    z-index: 2; 
+
+    color: #fb6340;
+}
+.section-nucleo-icons .icons-container i
+{
+    opacity: 1;
+}
+.section-nucleo-icons .icons-container i:nth-child(1)
+{
+    font-size: 42px;
+
+    top: 50%;
+    left: 50%;
+
+    color: #fb6340;
+}
+.section-nucleo-icons .icons-container i:nth-child(2)
+{
+    top: 50%; 
+    left: calc(50% + (var(--gutter) * 1.7));
+}
+.section-nucleo-icons .icons-container i:nth-child(3)
+{
+    top: calc(50% + var(--gutter)); 
+    left: calc(50% + var(--gutter));
+}
+.section-nucleo-icons .icons-container i:nth-child(4)
+{
+    top: calc(50% - var(--gutter)); 
+    left: calc(50% + var(--gutter));
+}
+.section-nucleo-icons .icons-container i:nth-child(5)
+{
+    top: 50%; 
+    left: calc(50% + (var(--gutter) * 4));
+}
+.section-nucleo-icons .icons-container i:nth-child(6)
+{
+    top: calc(50% + (var(--gutter) * 1.5)); 
+    left: calc(50% + (var(--gutter) * 2.7));
+}
+.section-nucleo-icons .icons-container i:nth-child(7)
+{
+    top: calc(50% - (var(--gutter) * 1.5)); 
+    left: calc(50% + (var(--gutter) * 2.7));
+}
+.section-nucleo-icons .icons-container i:nth-child(8)
+{
+    top: 50%; 
+    left: calc(50% - (var(--gutter) * 1.7));
+}
+.section-nucleo-icons .icons-container i:nth-child(9)
+{
+    top: calc(50% + var(--gutter)); 
+    left: calc(50% - var(--gutter));
+}
+.section-nucleo-icons .icons-container i:nth-child(10)
+{
+    top: calc(50% - var(--gutter)); 
+    left: calc(50% - var(--gutter));
+}
+.section-nucleo-icons .icons-container i:nth-child(11)
+{
+    top: 50%; 
+    left: calc(50% - (var(--gutter) * 4));
+}
+.section-nucleo-icons .icons-container i:nth-child(12)
+{
+    top: calc(50% + (var(--gutter) * 1.5)); 
+    left: calc(50% - (var(--gutter) * 2.7));
+}
+.section-nucleo-icons .icons-container i:nth-child(13)
+{
+    top: calc(50% - (var(--gutter) * 1.5)); 
+    left: calc(50% - (var(--gutter) * 2.7));
+}
+
+.table thead th
+{
+    font-size: .65rem;
+
+    padding-top: .75rem;
+    padding-bottom: .75rem;
+
+    letter-spacing: 1px;
+    text-transform: uppercase;
+
+    border-bottom: 1px solid #e9ecef;
+}
+
+.table th
+{
+    font-weight: 600;
+}
+
+.table td .progress
+{
+    width: 120px;
+    height: 3px;
+    margin: 0;
+}
+
+.table td,
+.table th
+{
+    font-size: .8125rem;
+
+    white-space: nowrap;
+}
+
+.table.align-items-center td,
+.table.align-items-center th
+{
+    vertical-align: middle;
+}
+
+.table .thead-dark th
+{
+    color: #4d7bca; 
+    background-color: #1c345d;
+}
+.table .thead-dark th a
+{
+    color: #4d7bca;
+}
+
+.table .thead-light th
+{
+    color: #8898aa; 
+    background-color: #f6f9fc;
+}
+.table .thead-light th a
+{
+    color: #8898aa;
+}
+
+.table-hover tr
+{
+    transition: all .15s ease;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .table-hover tr
+    {
+        transition: none;
+    }
+}
+
+.table-flush td,
+.table-flush th
+{
+    border-right: 0; 
+    border-left: 0;
+}
+
+.table-flush tbody tr:first-child td,
+.table-flush tbody tr:first-child th
+{
+    border-top: 0;
+}
+
+.table-flush tbody tr:last-child td,
+.table-flush tbody tr:last-child th
+{
+    border-bottom: 0;
+}
+
+.card .table
+{
+    margin-bottom: 0;
+}
+.card .table td,
+.card .table th
+{
+    padding-right: 1.5rem; 
+    padding-left: 1.5rem;
+}
+
+.table .custom-toggle
+{
+    display: block;
+}
+
+p
+{
+    font-size: 1rem;
+    font-weight: 300;
+    line-height: 1.7;
+}
+
+.lead
+{
+    font-size: 1.25rem;
+    font-weight: 300;
+    line-height: 1.7;
+
+    margin-top: 1.5rem;
+}
+.lead + .btn-wrapper
+{
+    margin-top: 3rem;
+}
+
+.description
+{
+    font-size: .875rem;
+}
+
+article h4:not(:first-child),
+article h5:not(:first-child)
+{
+    margin-top: 3rem;
+}
+
+article h4,
+article h5
+{
+    margin-bottom: 1.5rem;
+}
+
+article figure
+{
+    margin: 3rem 0;
+}
+
+article h5 + figure
+{
+    margin-top: 0;
+}
+
+.display-1 span,
+.display-2 span,
+.display-3 span,
+.display-4 span
+{
+    font-weight: 300; 
+
+    display: block;
+}
+
+h1 > a,
+h2 > a,
+h3 > a,
+h4 > a,
+h5 > a,
+h6 > a
+{
+    color: inherit;
+}
+
+.heading
+{
+    font-size: .95rem;
+    font-weight: 600; 
+
+    letter-spacing: .025em;
+    text-transform: uppercase;
+}
+
+.heading-small
+{
+    font-size: .75rem;
+
+    padding-top: .25rem;
+    padding-bottom: .25rem;
+
+    letter-spacing: .04em; 
+    text-transform: uppercase;
+}
+
+.heading-title
+{
+    font-size: 1.375rem;
+    font-weight: 600;
+
+    letter-spacing: .025em;
+    text-transform: uppercase;
+}
+
+.heading-section
+{
+    font-size: 1.375rem;
+    font-weight: 600;
+
+    letter-spacing: .025em;
+    text-transform: uppercase;
+}
+.heading-section img
+{
+    display: block;
+
+    width: 72px;
+    height: 72px;
+    margin-bottom: 1.5rem;
+}
+.heading-section.text-center img
+{
+    margin-right: auto; 
+    margin-left: auto;
+}
+
+.surtitle
+{
+    margin-bottom: 0; 
+
+    letter-spacing: 2px;
+    text-transform: uppercase;
+
+    color: #8898aa;
+}
+
+.bg-blue
+{
+    background-color: #5e72e4 !important;
+}
+
+a.bg-blue:hover,
+a.bg-blue:focus,
+button.bg-blue:hover,
+button.bg-blue:focus
+{
+    background-color: #324cdd !important;
+}
+
+.bg-indigo
+{
+    background-color: #5603ad !important;
+}
+
+a.bg-indigo:hover,
+a.bg-indigo:focus,
+button.bg-indigo:hover,
+button.bg-indigo:focus
+{
+    background-color: #3d027b !important;
+}
+
+.bg-purple
+{
+    background-color: #8965e0 !important;
+}
+
+a.bg-purple:hover,
+a.bg-purple:focus,
+button.bg-purple:hover,
+button.bg-purple:focus
+{
+    background-color: #683bd7 !important;
+}
+
+.bg-pink
+{
+    background-color: #f3a4b5 !important;
+}
+
+a.bg-pink:hover,
+a.bg-pink:focus,
+button.bg-pink:hover,
+button.bg-pink:focus
+{
+    background-color: #ed7790 !important;
+}
+
+.bg-red
+{
+    background-color: #f5365c !important;
+}
+
+a.bg-red:hover,
+a.bg-red:focus,
+button.bg-red:hover,
+button.bg-red:focus
+{
+    background-color: #ec0c38 !important;
+}
+
+.bg-orange
+{
+    background-color: #fb6340 !important;
+}
+
+a.bg-orange:hover,
+a.bg-orange:focus,
+button.bg-orange:hover,
+button.bg-orange:focus
+{
+    background-color: #fa3a0e !important;
+}
+
+.bg-yellow
+{
+    background-color: #ffd600 !important;
+}
+
+a.bg-yellow:hover,
+a.bg-yellow:focus,
+button.bg-yellow:hover,
+button.bg-yellow:focus
+{
+    background-color: #ccab00 !important;
+}
+
+.bg-green
+{
+    background-color: #2dce89 !important;
+}
+
+a.bg-green:hover,
+a.bg-green:focus,
+button.bg-green:hover,
+button.bg-green:focus
+{
+    background-color: #24a46d !important;
+}
+
+.bg-teal
+{
+    background-color: #11cdef !important;
+}
+
+a.bg-teal:hover,
+a.bg-teal:focus,
+button.bg-teal:hover,
+button.bg-teal:focus
+{
+    background-color: #0da5c0 !important;
+}
+
+.bg-cyan
+{
+    background-color: #2bffc6 !important;
+}
+
+a.bg-cyan:hover,
+a.bg-cyan:focus,
+button.bg-cyan:hover,
+button.bg-cyan:focus
+{
+    background-color: #00f7b5 !important;
+}
+
+.bg-white
+{
+    background-color: #fff !important;
+}
+
+a.bg-white:hover,
+a.bg-white:focus,
+button.bg-white:hover,
+button.bg-white:focus
+{
+    background-color: #e6e6e6 !important;
+}
+
+.bg-gray
+{
+    background-color: #8898aa !important;
+}
+
+a.bg-gray:hover,
+a.bg-gray:focus,
+button.bg-gray:hover,
+button.bg-gray:focus
+{
+    background-color: #6a7e95 !important;
+}
+
+.bg-gray-dark
+{
+    background-color: #32325d !important;
+}
+
+a.bg-gray-dark:hover,
+a.bg-gray-dark:focus,
+button.bg-gray-dark:hover,
+button.bg-gray-dark:focus
+{
+    background-color: #20203c !important;
+}
+
+.bg-light
+{
+    background-color: #ced4da !important;
+}
+
+a.bg-light:hover,
+a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus
+{
+    background-color: #b1bbc4 !important;
+}
+
+.bg-lighter
+{
+    background-color: #e9ecef !important;
+}
+
+a.bg-lighter:hover,
+a.bg-lighter:focus,
+button.bg-lighter:hover,
+button.bg-lighter:focus
+{
+    background-color: #cbd3da !important;
+}
+
+.bg-gradient-primary
+{
+    background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
+}
+
+.bg-gradient-secondary
+{
+    background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
+}
+
+.bg-gradient-success
+{
+    background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
+}
+
+.bg-gradient-info
+{
+    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
+}
+
+.bg-gradient-warning
+{
+    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
+}
+
+.bg-gradient-danger
+{
+    background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
+}
+
+.bg-gradient-light
+{
+    background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
+}
+
+.bg-gradient-dark
+{
+    background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
+}
+
+.bg-gradient-default
+{
+    background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
+}
+
+.bg-gradient-white
+{
+    background: linear-gradient(87deg, #fff 0, white 100%) !important;
+}
+
+.bg-gradient-neutral
+{
+    background: linear-gradient(87deg, #fff 0, white 100%) !important;
+}
+
+.bg-gradient-darker
+{
+    background: linear-gradient(87deg, black 0, black 100%) !important;
+}
+
+.bg-gradient-blue
+{
+    background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
+}
+
+.bg-gradient-indigo
+{
+    background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
+}
+
+.bg-gradient-purple
+{
+    background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
+}
+
+.bg-gradient-pink
+{
+    background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
+}
+
+.bg-gradient-red
+{
+    background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
+}
+
+.bg-gradient-orange
+{
+    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
+}
+
+.bg-gradient-yellow
+{
+    background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;
+}
+
+.bg-gradient-green
+{
+    background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
+}
+
+.bg-gradient-teal
+{
+    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
+}
+
+.bg-gradient-cyan
+{
+    background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
+}
+
+.bg-gradient-white
+{
+    background: linear-gradient(87deg, #fff 0, white 100%) !important;
+}
+
+.bg-gradient-gray
+{
+    background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
+}
+
+.bg-gradient-gray-dark
+{
+    background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
+}
+
+.bg-gradient-light
+{
+    background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
+}
+
+.bg-gradient-lighter
+{
+    background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
+}
+
+.bg-translucent-primary
+{
+    background-color: rgba(63, 87, 223, .6) !important;
+}
+
+a.bg-translucent-primary:hover,
+a.bg-translucent-primary:focus,
+button.bg-translucent-primary:hover,
+button.bg-translucent-primary:focus
+{
+    background-color: rgba(42, 68, 219, .6) !important;
+}
+
+.bg-translucent-secondary
+{
+    background-color: rgba(221, 234, 242, .6) !important;
+}
+
+a.bg-translucent-secondary:hover,
+a.bg-translucent-secondary:focus,
+button.bg-translucent-secondary:hover,
+button.bg-translucent-secondary:focus
+{
+    background-color: rgba(202, 222, 235, .6) !important;
+}
+
+.bg-translucent-success
+{
+    background-color: rgba(39, 177, 118, .6) !important;
+}
+
+a.bg-translucent-success:hover,
+a.bg-translucent-success:focus,
+button.bg-translucent-success:hover,
+button.bg-translucent-success:focus
+{
+    background-color: rgba(34, 156, 104, .6) !important;
+}
+
+.bg-translucent-info
+{
+    background-color: rgba(14, 177, 206, .6) !important;
+}
+
+a.bg-translucent-info:hover,
+a.bg-translucent-info:focus,
+button.bg-translucent-info:hover,
+button.bg-translucent-info:focus
+{
+    background-color: rgba(12, 156, 183, .6) !important;
+}
+
+.bg-translucent-warning
+{
+    background-color: rgba(250, 70, 29, .6) !important;
+}
+
+a.bg-translucent-warning:hover,
+a.bg-translucent-warning:focus,
+button.bg-translucent-warning:hover,
+button.bg-translucent-warning:focus
+{
+    background-color: rgba(249, 51, 5, .6) !important;
+}
+
+.bg-translucent-danger
+{
+    background-color: rgba(243, 20, 64, .6) !important;
+}
+
+a.bg-translucent-danger:hover,
+a.bg-translucent-danger:focus,
+button.bg-translucent-danger:hover,
+button.bg-translucent-danger:focus
+{
+    background-color: rgba(227, 11, 54, .6) !important;
+}
+
+.bg-translucent-light
+{
+    background-color: rgba(153, 163, 173, .6) !important;
+}
+
+a.bg-translucent-light:hover,
+a.bg-translucent-light:focus,
+button.bg-translucent-light:hover,
+button.bg-translucent-light:focus
+{
+    background-color: rgba(139, 150, 162, .6) !important;
+}
+
+.bg-translucent-dark
+{
+    background-color: rgba(17, 19, 21, .6) !important;
+}
+
+a.bg-translucent-dark:hover,
+a.bg-translucent-dark:focus,
+button.bg-translucent-dark:hover,
+button.bg-translucent-dark:focus
+{
+    background-color: rgba(6, 6, 7, .6) !important;
+}
+
+.bg-translucent-default
+{
+    background-color: rgba(15, 28, 50, .6) !important;
+}
+
+a.bg-translucent-default:hover,
+a.bg-translucent-default:focus,
+button.bg-translucent-default:hover,
+button.bg-translucent-default:focus
+{
+    background-color: rgba(9, 17, 30, .6) !important;
+}
+
+.bg-translucent-white
+{
+    background-color: rgba(237, 237, 237, .6) !important;
+}
+
+a.bg-translucent-white:hover,
+a.bg-translucent-white:focus,
+button.bg-translucent-white:hover,
+button.bg-translucent-white:focus
+{
+    background-color: rgba(224, 224, 224, .6) !important;
+}
+
+.bg-translucent-neutral
+{
+    background-color: rgba(237, 237, 237, .6) !important;
+}
+
+a.bg-translucent-neutral:hover,
+a.bg-translucent-neutral:focus,
+button.bg-translucent-neutral:hover,
+button.bg-translucent-neutral:focus
+{
+    background-color: rgba(224, 224, 224, .6) !important;
+}
+
+.bg-translucent-darker
+{
+    background-color: rgba(0, 0, 0, .6) !important;
+}
+
+a.bg-translucent-darker:hover,
+a.bg-translucent-darker:focus,
+button.bg-translucent-darker:hover,
+button.bg-translucent-darker:focus
+{
+    background-color: rgba(0, 0, 0, .6) !important;
+}
+
+.section-primary
+{
+    background-color: #f8f9fe !important;
+}
+
+a.section-primary:hover,
+a.section-primary:focus,
+button.section-primary:hover,
+button.section-primary:focus
+{
+    background-color: #cbd3f8 !important;
+}
+
+.section-secondary
+{
+    background-color: #f7fafc !important;
+}
+
+a.section-secondary:hover,
+a.section-secondary:focus,
+button.section-secondary:hover,
+button.section-secondary:focus
+{
+    background-color: #d2e3ee !important;
+}
+
+.section-light
+{
+    background-color: #ced4da !important;
+}
+
+a.section-light:hover,
+a.section-light:focus,
+button.section-light:hover,
+button.section-light:focus
+{
+    background-color: #b1bbc4 !important;
+}
+
+.section-dark
+{
+    background-color: #212529 !important;
+}
+
+a.section-dark:hover,
+a.section-dark:focus,
+button.section-dark:hover,
+button.section-dark:focus
+{
+    background-color: #0a0c0d !important;
+}
+
+.section-darker
+{
+    background-color: black !important;
+}
+
+a.section-darker:hover,
+a.section-darker:focus,
+button.section-darker:hover,
+button.section-darker:focus
+{
+    background-color: black !important;
+}
+
+.bg-gradient-primary
+{
+    background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
+}
+
+.bg-gradient-secondary
+{
+    background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
+}
+
+.bg-gradient-success
+{
+    background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
+}
+
+.bg-gradient-info
+{
+    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
+}
+
+.bg-gradient-warning
+{
+    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
+}
+
+.bg-gradient-danger
+{
+    background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
+}
+
+.bg-gradient-light
+{
+    background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
+}
+
+.bg-gradient-dark
+{
+    background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
+}
+
+.bg-gradient-default
+{
+    background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
+}
+
+.bg-gradient-white
+{
+    background: linear-gradient(87deg, #fff 0, white 100%) !important;
+}
+
+.bg-gradient-neutral
+{
+    background: linear-gradient(87deg, #fff 0, white 100%) !important;
+}
+
+.bg-gradient-darker
+{
+    background: linear-gradient(87deg, black 0, black 100%) !important;
+}
+
+.fill-primary
+{
+    fill: #5e72e4;
+}
+
+.stroke-primary
+{
+    stroke: #5e72e4;
+}
+
+.fill-secondary
+{
+    fill: #f7fafc;
+}
+
+.stroke-secondary
+{
+    stroke: #f7fafc;
+}
+
+.fill-success
+{
+    fill: #2dce89;
+}
+
+.stroke-success
+{
+    stroke: #2dce89;
+}
+
+.fill-info
+{
+    fill: #11cdef;
+}
+
+.stroke-info
+{
+    stroke: #11cdef;
+}
+
+.fill-warning
+{
+    fill: #fb6340;
+}
+
+.stroke-warning
+{
+    stroke: #fb6340;
+}
+
+.fill-danger
+{
+    fill: #f5365c;
+}
+
+.stroke-danger
+{
+    stroke: #f5365c;
+}
+
+.fill-light
+{
+    fill: #adb5bd;
+}
+
+.stroke-light
+{
+    stroke: #adb5bd;
+}
+
+.fill-dark
+{
+    fill: #212529;
+}
+
+.stroke-dark
+{
+    stroke: #212529;
+}
+
+.fill-default
+{
+    fill: #172b4d;
+}
+
+.stroke-default
+{
+    stroke: #172b4d;
+}
+
+.fill-white
+{
+    fill: #fff;
+}
+
+.stroke-white
+{
+    stroke: #fff;
+}
+
+.fill-neutral
+{
+    fill: #fff;
+}
+
+.stroke-neutral
+{
+    stroke: #fff;
+}
+
+.fill-darker
+{
+    fill: black;
+}
+
+.stroke-darker
+{
+    stroke: black;
+}
+
+.fill-opacity-8
+{
+    fill-opacity: .8;
+}
+
+.blur--hover
+{
+    position: relative;
+}
+.blur--hover .blur-item
+{
+    transition: 1s cubic-bezier(.19, 1, .22, 1);
+
+    opacity: 1; 
+
+    will-change: transform;
+    filter: blur(0);
+}
+.blur--hover .blur-hidden
+{
+    position: absolute;
+    z-index: 100; 
+    top: calc(50% + 7px);
+    left: 50%;
+
+    transition: all .15s ease;
+    transform: translate(-50%, -50%);
+
+    opacity: 0;
+}
+.blur--hover:hover .blur-item
+{
+    z-index: 1; 
+
+    transform: scale(.95);
+
+    opacity: .8;
+
+    filter: blur(10px);
+}
+.blur--hover:hover .blur-hidden
+{
+    top: 50%; 
+
+    opacity: 1;
+}
+
+.floating
+{
+    animation: floating 3s ease infinite;
+
+    will-change: transform;
+}
+.floating:hover
+{
+    animation-play-state: paused;
+}
+
+.floating-lg
+{
+    animation: floating-lg 3s ease infinite;
+}
+
+.floating-sm
+{
+    animation: floating-sm 3s ease infinite;
+}
+
+@keyframes floating-lg
+{
+    0%
+    {
+        transform: translateY(0px);
+    }
+    50%
+    {
+        transform: translateY(15px);
+    }
+    100%
+    {
+        transform: translateY(0px);
+    }
+}
+
+@keyframes floating
+{
+    0%
+    {
+        transform: translateY(0px);
+    }
+    50%
+    {
+        transform: translateY(10px);
+    }
+    100%
+    {
+        transform: translateY(0px);
+    }
+}
+
+@keyframes floating-sm
+{
+    0%
+    {
+        transform: translateY(0px);
+    }
+    50%
+    {
+        transform: translateY(5px);
+    }
+    100%
+    {
+        transform: translateY(0px);
+    }
+}
+
+.floatfix:before,
+.floatfix:after
+{
+    display: table; 
+
+    content: '';
+}
+
+.floatfix:after
+{
+    clear: both;
+}
+
+.img-center
+{
+    display: block;
+
+    margin-right: auto; 
+    margin-left: auto;
+}
+
+.opacity-1
+{
+    opacity: .1 !important;
+}
+
+.opacity-2
+{
+    opacity: .2 !important;
+}
+
+.opacity-3
+{
+    opacity: .3 !important;
+}
+
+.opacity-4
+{
+    opacity: .4 !important;
+}
+
+.opacity-5
+{
+    opacity: .5 !important;
+}
+
+.opacity-6
+{
+    opacity: .6 !important;
+}
+
+.opacity-7
+{
+    opacity: .7 !important;
+}
+
+.opacity-8
+{
+    opacity: .8 !important;
+}
+
+.opacity-8
+{
+    opacity: .9 !important;
+}
+
+.opacity-10
+{
+    opacity: 1 !important;
+}
+
+.overflow-visible
+{
+    overflow: visible !important;
+}
+
+.overflow-hidden
+{
+    overflow: hidden !important;
+}
+
+.top-0
+{
+    top: 0;
+}
+
+.right-0
+{
+    right: 0;
+}
+
+.bottom-0
+{
+    bottom: 0;
+}
+
+.left-0
+{
+    left: 0;
+}
+
+.top-1
+{
+    top: .25rem;
+}
+
+.right-1
+{
+    right: .25rem;
+}
+
+.bottom-1
+{
+    bottom: .25rem;
+}
+
+.left-1
+{
+    left: .25rem;
+}
+
+.top-2
+{
+    top: .5rem;
+}
+
+.right-2
+{
+    right: .5rem;
+}
+
+.bottom-2
+{
+    bottom: .5rem;
+}
+
+.left-2
+{
+    left: .5rem;
+}
+
+.top-3
+{
+    top: 1rem;
+}
+
+.right-3
+{
+    right: 1rem;
+}
+
+.bottom-3
+{
+    bottom: 1rem;
+}
+
+.left-3
+{
+    left: 1rem;
+}
+
+.top-4
+{
+    top: 1.5rem;
+}
+
+.right-4
+{
+    right: 1.5rem;
+}
+
+.bottom-4
+{
+    bottom: 1.5rem;
+}
+
+.left-4
+{
+    left: 1.5rem;
+}
+
+.top-5
+{
+    top: 3rem;
+}
+
+.right-5
+{
+    right: 3rem;
+}
+
+.bottom-5
+{
+    bottom: 3rem;
+}
+
+.left-5
+{
+    left: 3rem;
+}
+
+.top--9
+{
+    top: -10rem;
+}
+
+.right--9
+{
+    right: -10rem;
+}
+
+.bottom--9
+{
+    bottom: -10rem;
+}
+
+.left--9
+{
+    left: -10rem;
+}
+
+.top--8
+{
+    top: -8rem;
+}
+
+.right--8
+{
+    right: -8rem;
+}
+
+.bottom--8
+{
+    bottom: -8rem;
+}
+
+.left--8
+{
+    left: -8rem;
+}
+
+.top--7
+{
+    top: -6rem;
+}
+
+.right--7
+{
+    right: -6rem;
+}
+
+.bottom--7
+{
+    bottom: -6rem;
+}
+
+.left--7
+{
+    left: -6rem;
+}
+
+.top--6
+{
+    top: -4.5rem;
+}
+
+.right--6
+{
+    right: -4.5rem;
+}
+
+.bottom--6
+{
+    bottom: -4.5rem;
+}
+
+.left--6
+{
+    left: -4.5rem;
+}
+
+.top--5
+{
+    top: -3rem;
+}
+
+.right--5
+{
+    right: -3rem;
+}
+
+.bottom--5
+{
+    bottom: -3rem;
+}
+
+.left--5
+{
+    left: -3rem;
+}
+
+.top--4
+{
+    top: -1.5rem;
+}
+
+.right--4
+{
+    right: -1.5rem;
+}
+
+.bottom--4
+{
+    bottom: -1.5rem;
+}
+
+.left--4
+{
+    left: -1.5rem;
+}
+
+.top--3
+{
+    top: -1rem;
+}
+
+.right--3
+{
+    right: -1rem;
+}
+
+.bottom--3
+{
+    bottom: -1rem;
+}
+
+.left--3
+{
+    left: -1rem;
+}
+
+.top--2
+{
+    top: -.5rem;
+}
+
+.right--2
+{
+    right: -.5rem;
+}
+
+.bottom--2
+{
+    bottom: -.5rem;
+}
+
+.left--2
+{
+    left: -.5rem;
+}
+
+.top--1
+{
+    top: -.25rem;
+}
+
+.right--1
+{
+    right: -.25rem;
+}
+
+.bottom--1
+{
+    bottom: -.25rem;
+}
+
+.left--1
+{
+    left: -.25rem;
+}
+
+.top-6
+{
+    top: 4.5rem;
+}
+
+.right-6
+{
+    right: 4.5rem;
+}
+
+.bottom-6
+{
+    bottom: 4.5rem;
+}
+
+.left-6
+{
+    left: 4.5rem;
+}
+
+.top-7
+{
+    top: 6rem;
+}
+
+.right-7
+{
+    right: 6rem;
+}
+
+.bottom-7
+{
+    bottom: 6rem;
+}
+
+.left-7
+{
+    left: 6rem;
+}
+
+.top-8
+{
+    top: 8rem;
+}
+
+.right-8
+{
+    right: 8rem;
+}
+
+.bottom-8
+{
+    bottom: 8rem;
+}
+
+.left-8
+{
+    left: 8rem;
+}
+
+.top-9
+{
+    top: 10rem;
+}
+
+.right-9
+{
+    right: 10rem;
+}
+
+.bottom-9
+{
+    bottom: 10rem;
+}
+
+.left-9
+{
+    left: 10rem;
+}
+
+.center
+{
+    left: 50%;
+
+    transform: translateX(-50%);
+}
+
+[class*='shadow']
+{
+    transition: all .15s ease;
+}
+
+.shadow-sm--hover:hover
+{
+    box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
+}
+
+.shadow--hover:hover
+{
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
+}
+
+.shadow-lg--hover:hover
+{
+    box-shadow: 0 0 3rem rgba(136, 152, 170, .175) !important;
+}
+
+.shadow-none--hover:hover
+{
+    box-shadow: none !important;
+}
+
+.h-100vh
+{
+    height: 100vh !important;
+}
+
+.row.row-grid > [class*='col-'] + [class*='col-']
+{
+    margin-top: 3rem;
+}
+
+@media (min-width: 992px)
+{
+    .row.row-grid > [class*='col-lg-'] + [class*='col-lg-']
+    {
+        margin-top: 0;
+    }
+}
+
+@media (min-width: 768px)
+{
+    .row.row-grid > [class*='col-md-'] + [class*='col-md-']
+    {
+        margin-top: 0;
+    }
+}
+
+@media (min-width: 576px)
+{
+    .row.row-grid > [class*='col-sm-'] + [class*='col-sm-']
+    {
+        margin-top: 0;
+    }
+}
+
+.row-grid + .row-grid
+{
+    margin-top: 3rem;
+}
+
+@media (min-width: 992px)
+{
+    .mt--100
+    {
+        margin-top: -100px !important;
+    }
+    .mr--100
+    {
+        margin-right: -100px !important;
+    }
+    .mb--100
+    {
+        margin-bottom: -100px !important;
+    }
+    .ml--100
+    {
+        margin-left: -100px !important;
+    }
+    .mt--150
+    {
+        margin-top: -150px !important;
+    }
+    .mb--150
+    {
+        margin-bottom: -150px !important;
+    }
+    .mt--200
+    {
+        margin-top: -200px !important;
+    }
+    .mb--200
+    {
+        margin-bottom: -200px !important;
+    }
+    .mt--300
+    {
+        margin-top: -300px !important;
+    }
+    .mb--300
+    {
+        margin-bottom: -300px !important;
+    }
+    .pt-100
+    {
+        padding-top: 100px !important;
+    }
+    .pb-100
+    {
+        padding-bottom: 100px !important;
+    }
+    .pt-150
+    {
+        padding-top: 150px !important;
+    }
+    .pb-150
+    {
+        padding-bottom: 150px !important;
+    }
+    .pt-200
+    {
+        padding-top: 200px !important;
+    }
+    .pb-200
+    {
+        padding-bottom: 200px !important;
+    }
+    .pt-250
+    {
+        padding-top: 250px !important;
+    }
+    .pb-250
+    {
+        padding-bottom: 250px !important;
+    }
+    .pt-300
+    {
+        padding-top: 300px !important;
+    }
+    .pb-300
+    {
+        padding-bottom: 300px !important;
+    }
+}
+
+.font-weight-300
+{
+    font-weight: 300 !important;
+}
+
+.font-weight-400
+{
+    font-weight: 400 !important;
+}
+
+.font-weight-500
+{
+    font-weight: 500 !important;
+}
+
+.font-weight-600
+{
+    font-weight: 600 !important;
+}
+
+.font-weight-700
+{
+    font-weight: 700 !important;
+}
+
+.font-weight-800
+{
+    font-weight: 800 !important;
+}
+
+.font-weight-900
+{
+    font-weight: 900 !important;
+}
+
+.text-underline
+{
+    text-decoration: underline;
+}
+
+.text-through
+{
+    text-decoration: line-through;
+}
+
+.text-xs
+{
+    font-size: .75rem !important;
+}
+
+.text-sm
+{
+    font-size: .875rem !important;
+}
+
+.text-lg
+{
+    font-size: 1.25rem !important;
+}
+
+.text-xl
+{
+    font-size: 1.5rem !important;
+}
+
+.lh-100
+{
+    line-height: 1;
+}
+
+.lh-110
+{
+    line-height: 1.1;
+}
+
+.lh-120
+{
+    line-height: 1.2;
+}
+
+.lh-130
+{
+    line-height: 1.3;
+}
+
+.lh-140
+{
+    line-height: 1.4;
+}
+
+.lh-150
+{
+    line-height: 1.5;
+}
+
+.lh-160
+{
+    line-height: 1.6;
+}
+
+.lh-170
+{
+    line-height: 1.7;
+}
+
+.lh-180
+{
+    line-height: 1.8;
+}
+
+.ls-1
+{
+    letter-spacing: .0625rem;
+}
+
+.ls-15
+{
+    letter-spacing: .09375rem;
+}
+
+.ls-2
+{
+    letter-spacing: .125rem;
+}
+
+.text-blue
+{
+    color: #5e72e4 !important;
+}
+
+a.text-blue:hover,
+a.text-blue:focus
+{
+    color: #233dd2 !important;
+}
+
+.text-indigo
+{
+    color: #5603ad !important;
+}
+
+a.text-indigo:hover,
+a.text-indigo:focus
+{
+    color: #310262 !important;
+}
+
+.text-purple
+{
+    color: #8965e0 !important;
+}
+
+a.text-purple:hover,
+a.text-purple:focus
+{
+    color: #5a2acf !important;
+}
+
+.text-pink
+{
+    color: #f3a4b5 !important;
+}
+
+a.text-pink:hover,
+a.text-pink:focus
+{
+    color: #ea607e !important;
+}
+
+.text-red
+{
+    color: #f5365c !important;
+}
+
+a.text-red:hover,
+a.text-red:focus
+{
+    color: #d40b33 !important;
+}
+
+.text-orange
+{
+    color: #fb6340 !important;
+}
+
+a.text-orange:hover,
+a.text-orange:focus
+{
+    color: #ea3005 !important;
+}
+
+.text-yellow
+{
+    color: #ffd600 !important;
+}
+
+a.text-yellow:hover,
+a.text-yellow:focus
+{
+    color: #b39600 !important;
+}
+
+.text-green
+{
+    color: #2dce89 !important;
+}
+
+a.text-green:hover,
+a.text-green:focus
+{
+    color: #1f8f5f !important;
+}
+
+.text-teal
+{
+    color: #11cdef !important;
+}
+
+a.text-teal:hover,
+a.text-teal:focus
+{
+    color: #0b90a8 !important;
+}
+
+.text-cyan
+{
+    color: #2bffc6 !important;
+}
+
+a.text-cyan:hover,
+a.text-cyan:focus
+{
+    color: #00dea2 !important;
+}
+
+.text-white
+{
+    color: #fff !important;
+}
+
+a.text-white:hover,
+a.text-white:focus
+{
+    color: #d9d9d9 !important;
+}
+
+.text-gray
+{
+    color: #8898aa !important;
+}
+
+a.text-gray:hover,
+a.text-gray:focus
+{
+    color: #607286 !important;
+}
+
+.text-gray-dark
+{
+    color: #32325d !important;
+}
+
+a.text-gray-dark:hover,
+a.text-gray-dark:focus
+{
+    color: #17172b !important;
+}
+
+.text-light
+{
+    color: #ced4da !important;
+}
+
+a.text-light:hover,
+a.text-light:focus
+{
+    color: #a2aeb9 !important;
+}
+
+.text-lighter
+{
+    color: #e9ecef !important;
+}
+
+a.text-lighter:hover,
+a.text-lighter:focus
+{
+    color: #bdc6cf !important;
+}
+
+@media (min-width: 992px)
+{
+    .transform-perspective-right
+    {
+        transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
+    }
+    .transform-perspective-left
+    {
+        transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
+    }
+}
+
+.datepicker
+{
+    border-radius: .375rem;
+
+    direction: ltr;
+}
+.datepicker-inline
+{
+    width: 220px;
+}
+.datepicker-rtl
+{
+    direction: rtl;
+}
+.datepicker-rtl.dropdown-menu
+{
+    left: auto;
+}
+.datepicker-rtl table tr td span
+{
+    float: right;
+}
+.datepicker-dropdown
+{
+    top: 0;
+    left: 0;
+
+    padding: 20px 22px;
+
+    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
+}
+.datepicker-dropdown.datepicker-orient-left:before
+{
+    left: 6px;
+}
+.datepicker-dropdown.datepicker-orient-left:after
+{
+    left: 7px;
+}
+.datepicker-dropdown.datepicker-orient-right:before
+{
+    right: 6px;
+}
+.datepicker-dropdown.datepicker-orient-right:after
+{
+    right: 7px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before
+{
+    top: -7px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after
+{
+    top: -6px;
+}
+.datepicker-dropdown.datepicker-orient-top:before
+{
+    bottom: -7px;
+
+    border-top: 7px solid white; 
+    border-bottom: 0;
+}
+.datepicker-dropdown.datepicker-orient-top:after
+{
+    bottom: -6px;
+
+    border-top: 6px solid #fff; 
+    border-bottom: 0;
+}
+.datepicker table
+{
+    margin: 0;
+
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none; 
+
+    -webkit-touch-callout: none;
+}
+.datepicker table tr td
+{
+    border-radius: 50%;
+}
+.datepicker table tr th
+{
+    font-weight: 500; 
+
+    border-radius: .375rem;
+}
+.datepicker table tr td,
+.datepicker table tr th
+{
+    font-size: .875rem; 
+
+    width: 36px;
+    height: 36px;
+
+    transition: all .15s ease;
+    text-align: center;
+
+    border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th
+{
+    background-color: transparent;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new
+{
+    color: #adb5bd;
+}
+.datepicker table tr td.day:hover,
+.datepicker table tr td.focused
+{
+    cursor: pointer; 
+
+    background: white;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover
+{
+    cursor: default; 
+
+    color: #dee2e6;
+    background: none;
+}
+.datepicker table tr td.highlighted
+{
+    border-radius: 0;
+}
+.datepicker table tr td.highlighted.focused
+{
+    background: #5e72e4;
+}
+.datepicker table tr td.highlighted.disabled,
+.datepicker table tr td.highlighted.disabled:active
+{
+    color: #ced4da; 
+    background: #5e72e4;
+}
+.datepicker table tr td.today
+{
+    background: white;
+}
+.datepicker table tr td.today.focused
+{
+    background: white;
+}
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:active
+{
+    color: #8898aa; 
+    background: white;
+}
+.datepicker table tr td.range
+{
+    color: #fff;
+    border-radius: 0; 
+    background: #5e72e4;
+}
+.datepicker table tr td.range.focused
+{
+    background: #3b53de;
+}
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:active,
+.datepicker table tr td.range.day.disabled:hover
+{
+    color: #8a98eb; 
+    background: #324cdd;
+}
+.datepicker table tr td.range.highlighted.focused
+{
+    background: #cbd3da;
+}
+.datepicker table tr td.range.highlighted.disabled,
+.datepicker table tr td.range.highlighted.disabled:active
+{
+    color: #dee2e6; 
+    background: #e9ecef;
+}
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:active
+{
+    color: #fff; 
+    background: #5e72e4;
+}
+.datepicker table tr td.day.range-start
+{
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+.datepicker table tr td.day.range-end
+{
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+.datepicker table tr td.day.range-start.range-end
+{
+    border-radius: 50%;
+}
+.datepicker table tr td.selected,
+.datepicker table tr td.selected.highlighted,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.highlighted:hover,
+.datepicker table tr td.day.range:hover
+{
+    color: #fff; 
+    background: #5e72e4;
+}
+.datepicker table tr td.active,
+.datepicker table tr td.active.highlighted,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.highlighted:hover
+{
+    color: #fff;
+    background: #5e72e4;
+    box-shadow: none;
+}
+.datepicker table tr td span
+{
+    line-height: 54px;
+
+    display: block;
+    float: left;
+
+    width: 23%;
+    height: 54px;
+    margin: 1%;
+
+    cursor: pointer;
+
+    border-radius: 4px;
+}
+.datepicker table tr td span:hover,
+.datepicker table tr td span.focused
+{
+    background: #e9ecef;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover
+{
+    cursor: default; 
+
+    color: #dee2e6;
+    background: none;
+}
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover
+{
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new
+{
+    color: #8898aa;
+}
+.datepicker .datepicker-switch
+{
+    width: 145px;
+}
+.datepicker .datepicker-switch,
+.datepicker .prev,
+.datepicker .next,
+.datepicker tfoot tr th
+{
+    cursor: pointer;
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .prev:hover,
+.datepicker .next:hover,
+.datepicker tfoot tr th:hover
+{
+    background: #e9ecef;
+}
+.datepicker .prev.disabled,
+.datepicker .next.disabled
+{
+    visibility: hidden;
+}
+.datepicker .cw
+{
+    font-size: 10px;
+
+    width: 12px;
+    padding: 0 2px 0 5px;
+
+    vertical-align: middle;
+}
+
+.bootstrap-tagsinput
+{
+    display: inline-block;
+
+    max-width: 100%;
+    padding: .25rem;
+
+    cursor: text; 
+    vertical-align: middle;
+
+    color: #8898aa;
+    border: 0 solid transparent;
+    border-radius: .25rem;
+    background-color: #fff;
+}
+.bootstrap-tagsinput input
+{
+    width: auto;
+    max-width: inherit; 
+    margin: 0;
+    padding: 0 6px;
+
+    border: none;
+    outline: none;
+    background-color: transparent;
+    box-shadow: none;
+}
+.bootstrap-tagsinput input::-ms-input-placeholder
+{
+    opacity: 1; 
+    color: #adb5bd;
+}
+.bootstrap-tagsinput input::placeholder
+{
+    opacity: 1; 
+    color: #adb5bd;
+}
+.bootstrap-tagsinput input:focus
+{
+    border: none;
+    box-shadow: none;
+}
+.bootstrap-tagsinput .badge
+{
+    line-height: 1.5;
+
+    position: relative;
+
+    margin: .125rem;
+    padding: .625rem .625rem .5rem;
+
+    transition: all .15s ease; 
+
+    color: #fff;
+    border-radius: .25rem;
+    background: #172b4d;
+    box-shadow: 0 1px 2px rgba(68, 68, 68, .25);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .bootstrap-tagsinput .badge
+    {
+        transition: none;
+    }
+}
+.bootstrap-tagsinput .badge:hover
+{
+    padding-right: 1.5rem;
+}
+.bootstrap-tagsinput [data-role='remove']
+{
+    position: absolute;
+    top: 50%;
+
+    margin-left: 10px;
+
+    cursor: pointer;
+    transform: translate(0, -50%); 
+
+    color: #fff;
+}
+.bootstrap-tagsinput [data-role='remove']:after
+{
+    font-size: 16px; 
+
+    content: '×';
+}
+
+#chartjs-tooltip
+{
+    position: absolute;
+
+    transition: all .1s ease;
+    transform: translate(-50%, 0); 
+    pointer-events: none;
+
+    opacity: 1;
+    color: white;
+    border-radius: 3px;
+    background: rgba(0, 0, 0, .7);
+}
+
+.chartjs-tooltip-key
+{
+    display: inline-block;
+
+    width: 10px;
+    height: 10px;
+    margin-right: 10px;
+}
+
+.dataTables_wrapper
+{
+    font-size: .875rem;
+}
+
+table.dataTable
+{
+    margin-bottom: 1.25rem !important;
+
+    border-bottom: 1px solid #e9ecef;
+}
+table.dataTable tbody > tr.selected
+{
+    background-color: #5e72e4;
+}
+
+.dataTables_length,
+.dataTables_info,
+.dt-buttons
+{
+    padding-left: 1.5rem;
+}
+
+.dataTables_length .form-control
+{
+    margin: 0 .375rem;
+}
+
+.dataTables_filter
+{
+    display: inline-block;
+    float: right; 
+
+    padding-right: 1.5rem;
+}
+
+.dataTables_paginate
+{
+    padding-right: 1.5rem;
+}
+
+.dropzone
+{
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+}
+
+.dz-message
+{
+    z-index: 999; 
+
+    padding: 5rem 1rem;
+
+    cursor: pointer;
+    transition: all .15s ease;
+    text-align: center;
+
+    color: #8898aa;
+    border: 1px dashed #dee2e6;
+    border-radius: .375rem;
+    background-color: #fff;
+
+    order: -1;
+}
+.dz-message:hover
+{
+    color: #525f7f; 
+    border-color: #8898aa;
+}
+
+.dz-drag-hover .dz-message
+{
+    color: #5e72e4; 
+    border-color: #5e72e4;
+}
+
+.dropzone-multiple .dz-message
+{
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+}
+
+.dropzone-single.dz-max-files-reached .dz-message
+{
+    opacity: 0; 
+    color: white;
+    background-color: rgba(0, 0, 0, .9);
+}
+.dropzone-single.dz-max-files-reached .dz-message:hover
+{
+    opacity: 1;
+}
+
+.dz-preview-single
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    border-radius: .375rem;
+}
+
+.dz-preview-cover
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    border-radius: .375rem;
+}
+
+.dz-preview-img
+{
+    width: 100%;
+    height: 100%;
+
+    border-radius: .375rem; 
+
+    -o-object-fit: cover;
+       object-fit: cover;
+}
+
+.dz-preview-multiple .list-group-item:last-child
+{
+    padding-bottom: 0;
+
+    border-bottom: 0;
+}
+
+[data-dz-size] strong
+{
+    font-weight: 400;
+}
+
+.fc-header-toolbar
+{
+    display: none;
+}
+
+.fc-scroller
+{
+    height: auto !important;
+}
+
+.fc th
+{
+    font-size: .75rem;
+    font-weight: 600;
+
+    padding: .75rem 1rem;
+
+    text-transform: uppercase; 
+
+    color: #8898aa;
+}
+
+.fc div.fc-row
+{
+    margin-right: 0;
+
+    border: 0;
+}
+
+.fc button .fc-icon
+{
+    top: -5px;
+}
+
+.fc-unthemed td.fc-today
+{
+    background-color: transparent;
+}
+.fc-unthemed td.fc-today span
+{
+    color: #fb6340;
+}
+
+.fc-event
+{
+    font-size: .75rem;
+
+    padding: 0;
+
+    border: 0; 
+    border-radius: .25rem;
+}
+.fc-event .fc-title
+{
+    font-weight: 600; 
+
+    display: block;
+    overflow: hidden;
+
+    padding: .4rem .5rem;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    color: #fff;
+}
+.fc-event .fc-time
+{
+    float: left;
+
+    margin: 0 0 0 -1px; 
+    padding: 2px 6px;
+
+    background: rgba(0, 0, 0, .2);
+}
+
+.fc-view,
+.fc-view > table
+{
+    overflow: hidden; 
+
+    border: 0;
+}
+
+.fc-view > table > tbody > tr .ui-widget-content
+{
+    border-top: 0;
+}
+
+.fc-body
+{
+    border: 0;
+}
+
+.fc-icon
+{
+    font-family: NucleoIcons, sans-serif;
+    font-size: 1rem;
+    line-height: 35px; 
+
+    width: 35px;
+    height: 35px;
+
+    border-radius: 50%;
+}
+.fc-icon:hover
+{
+    color: #5e72e4;
+}
+
+.fc-button
+{
+    border: 0;
+    background: transparent;
+    box-shadow: none;
+}
+.fc-button:focus,
+.fc-button:active
+{
+    outline: 0;
+}
+
+.calendar
+{
+    z-index: 0;
+}
+.calendar td,
+.calendar th
+{
+    border-color: #eff1f3;
+}
+.calendar .fc-toolbar
+{
+    position: relative;
+    z-index: 2; 
+
+    height: 250px;
+    margin-bottom: -2px;
+
+    border-radius: .375rem .375rem 0 0;
+    background-color: #fff;
+}
+@media (max-width: 575.98px)
+{
+    .calendar .fc-toolbar
+    {
+        height: 135px;
+    }
+}
+.calendar .fc-day-number
+{
+    box-sizing: border-box; 
+    width: 100%;
+    padding: .5rem 1rem;
+}
+@media (min-width: 576px)
+{
+    .calendar .fc-day-number
+    {
+        font-size: .875rem;
+        font-weight: 600;
+
+        color: #67779d;
+    }
+}
+.calendar .fc-day-header
+{
+    text-align: left;
+}
+.calendar .fc-day-grid-event
+{
+    margin: 1px 9px;
+}
+
+[data-calendar-month]
+{
+    transition: background-image 300ms; 
+
+    background-size: contain;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    [data-calendar-month]
+    {
+        transition: none;
+    }
+}
+
+[data-calendar-month='0']
+{
+    background-image: url('../img/calendar/january.jpg');
+}
+
+[data-calendar-month='1']
+{
+    background-image: url('../img/calendar/february.jpg');
+}
+
+[data-calendar-month='2']
+{
+    background-image: url('../img/calendar/march.jpg');
+}
+
+[data-calendar-month='3']
+{
+    background-image: url('../img/calendar/april.jpg');
+}
+
+[data-calendar-month='4']
+{
+    background-image: url('../img/calendar/may.jpg');
+}
+
+[data-calendar-month='5']
+{
+    background-image: url('../img/calendar/june.jpg');
+}
+
+[data-calendar-month='6']
+{
+    background-image: url('../img/calendar/july.jpg');
+}
+
+[data-calendar-month='7']
+{
+    background-image: url('../img/calendar/august.jpg');
+}
+
+[data-calendar-month='8']
+{
+    background-image: url('../img/calendar/september.jpg');
+}
+
+[data-calendar-month='9']
+{
+    background-image: url('../img/calendar/october.jpg');
+}
+
+[data-calendar-month='10']
+{
+    background-image: url('../img/calendar/november.jpg');
+}
+
+[data-calendar-month='11']
+{
+    background-image: url('../img/calendar/december.jpg');
+}
+
+.card-calendar .card-header
+{
+    border-bottom: 0;
+}
+
+.card-calendar table
+{
+    background: transparent;
+}
+.card-calendar table tr > td:first-child
+{
+    border-left-width: 0;
+}
+.card-calendar table tr > td:last-child
+{
+    border-right-width: 0;
+}
+
+.widget-calendar
+{
+    position: relative;
+    z-index: 0;
+}
+.widget-calendar td,
+.widget-calendar th
+{
+    text-align: center; 
+
+    border-color: transparent;
+}
+.widget-calendar .fc-toolbar
+{
+    margin-top: 1.25rem;
+}
+.widget-calendar .fc-toolbar h2
+{
+    font-size: 1rem;
+}
+.widget-calendar .fc-day-number
+{
+    width: 100%;
+    padding: 0; 
+
+    text-align: center;
+}
+.widget-calendar .fc table
+{
+    font-size: .875rem;
+}
+.widget-calendar .fc th
+{
+    font-size: .75rem; 
+
+    padding: .75rem .5rem;
+}
+
+.vector-map
+{
+    position: relative;
+
+    height: 600px;
+}
+
+.vector-map-sm
+{
+    height: 280px;
+}
+
+.jvectormap-container
+{
+    width: 100%;
+    height: 100%;
+}
+
+.jvectormap-zoomin,
+.jvectormap-zoomout
+{
+    position: absolute;
+    bottom: 0; 
+    left: 0;
+}
+
+.jvectormap-zoomin
+{
+    bottom: 4.25rem;
+}
+
+.jvectormap-zoomout
+{
+    bottom: 2rem;
+}
+
+/*!
+ * Lavalamp
+ * http://lavalamp.magicmediamuse.com/
+ */
+.lavalamp
+{
+    position: relative;
+}
+
+.lavalamp-item
+{
+    position: relative; 
+    z-index: 5;
+}
+
+.lavalamp-object
+{
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+/* Custom easing transitions */
+.lavalamp .lavalamp-object
+{
+    transition-property: transform, width, height;
+}
+
+.lavalamp .lavalamp-object.ease
+{
+    transition-timing-function: ease;
+}
+
+.lavalamp .lavalamp-object.ease-in
+{
+    transition-timing-function: ease-in;
+}
+
+.lavalamp .lavalamp-object.ease-out
+{
+    transition-timing-function: ease-out;
+}
+
+.lavalamp .lavalamp-object.ease-in-out
+{
+    transition-timing-function: ease-in-out;
+}
+
+.lavalamp .lavalamp-object.linear
+{
+    transition-timing-function: linear;
+}
+
+.lavalamp .lavalamp-object.easeInQuad
+{
+    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
+}
+
+.lavalamp .lavalamp-object.easeInCubic
+{
+    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
+}
+
+.lavalamp .lavalamp-object.easeInQuart
+{
+    transition-timing-function: cubic-bezier(.895, .03, .685, .22);
+}
+
+.lavalamp .lavalamp-object.easeInQuint
+{
+    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
+}
+
+.lavalamp .lavalamp-object.easeInSine
+{
+    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
+}
+
+.lavalamp .lavalamp-object.easeInExpo
+{
+    transition-timing-function: cubic-bezier(.95, .05, .795, .035);
+}
+
+.lavalamp .lavalamp-object.easeInCirc
+{
+    transition-timing-function: cubic-bezier(.6, .04, .98, .335);
+}
+
+.lavalamp .lavalamp-object.easeInBack
+{
+    transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
+}
+
+.lavalamp .lavalamp-object.easeOutQuad
+{
+    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
+}
+
+.lavalamp .lavalamp-object.easeOutCubic
+{
+    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+}
+
+.lavalamp .lavalamp-object.easeOutQuart
+{
+    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
+}
+
+.lavalamp .lavalamp-object.easeOutQuint
+{
+    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
+}
+
+.lavalamp .lavalamp-object.easeOutSine
+{
+    transition-timing-function: cubic-bezier(.39, .575, .565, 1);
+}
+
+.lavalamp .lavalamp-object.easeOutExpo
+{
+    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
+}
+
+.lavalamp .lavalamp-object.easeOutCirc
+{
+    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
+}
+
+.lavalamp .lavalamp-object.easeOutBack
+{
+    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
+}
+
+.lavalamp .lavalamp-object.easeInOutQuad
+{
+    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
+}
+
+.lavalamp .lavalamp-object.easeInOutCubic
+{
+    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
+}
+
+.lavalamp .lavalamp-object.easeInOutQuart
+{
+    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
+}
+
+.lavalamp .lavalamp-object.easeInOutQuint
+{
+    transition-timing-function: cubic-bezier(.86, 0, .07, 1);
+}
+
+.lavalamp .lavalamp-object.easeInOutSine
+{
+    transition-timing-function: cubic-bezier(.445, .05, .55, .95);
+}
+
+.lavalamp .lavalamp-object.easeInOutExpo
+{
+    transition-timing-function: cubic-bezier(1, 0, 0, 1);
+}
+
+.lavalamp .lavalamp-object.easeInOutCirc
+{
+    transition-timing-function: cubic-bezier(.785, .135, .15, .86);
+}
+
+.lavalamp .lavalamp-object.easeInOutBack
+{
+    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
+}
+
+.noUi-target,
+.noUi-target *
+{
+    box-sizing: border-box; 
+
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    touch-action: none;
+}
+
+.noUi-target
+{
+    position: relative;
+
+    direction: ltr;
+}
+
+.noUi-base,
+.noUi-connects
+{
+    position: relative;
+    z-index: 1; 
+
+    width: 100%;
+    height: 100%;
+}
+
+.noUi-connects
+{
+    z-index: 0; 
+
+    overflow: hidden;
+}
+
+.noUi-connect,
+.noUi-origin
+{
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+
+    width: 100%;
+    height: 100%;
+
+    transform-origin: 0 0; 
+
+    will-change: transform;
+}
+
+html:not([dir='rtl']) .noUi-horizontal .noUi-origin
+{
+    right: 0; 
+    left: auto;
+}
+
+.noUi-vertical .noUi-origin
+{
+    width: 0;
+}
+
+.noUi-horizontal .noUi-origin
+{
+    height: 0;
+}
+
+.noUi-handle
+{
+    position: absolute;
+}
+
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin
+{
+    transition: transform .3s;
+}
+
+.noUi-state-drag *
+{
+    cursor: inherit !important;
+}
+
+.noUi-horizontal
+{
+    height: 5px;
+}
+
+.noUi-horizontal .noUi-handle
+{
+    top: -6px; 
+    left: -17px;
+
+    width: 34px;
+    height: 28px;
+}
+
+.noUi-vertical
+{
+    width: 5px;
+}
+
+.noUi-vertical .noUi-handle
+{
+    top: -17px; 
+    left: -6px;
+
+    width: 28px;
+    height: 34px;
+}
+
+html:not([dir='rtl']) .noUi-horizontal .noUi-handle
+{
+    right: -17px;
+    left: auto;
+}
+
+.noUi-connects
+{
+    border-radius: 3px;
+}
+
+.noUi-connect
+{
+    background: #5e72e4;
+}
+
+.noUi-draggable
+{
+    cursor: ew-resize;
+}
+
+.noUi-vertical .noUi-draggable
+{
+    cursor: ns-resize;
+}
+
+.noUi-handle
+{
+    cursor: default;
+
+    border: 1px solid #d9d9d9;
+    border-radius: 3px;
+    outline: none; 
+    background: #fff;
+    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
+}
+
+.noUi-active
+{
+    outline: none;
+}
+
+/* Disabled state;
+ */
+[disabled] .noUi-connect
+{
+    background: #b8b8b8;
+}
+
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle
+{
+    cursor: not-allowed;
+}
+
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips *
+{
+    box-sizing: border-box;
+}
+
+.noUi-pips
+{
+    position: absolute;
+
+    color: #999;
+}
+
+/* Values;
+ *
+ */
+.noUi-value
+{
+    position: absolute;
+
+    text-align: center; 
+    white-space: nowrap;
+}
+
+.noUi-value-sub
+{
+    font-size: 10px; 
+
+    color: #ccc;
+}
+
+/* Markings;
+ *
+ */
+.noUi-marker
+{
+    position: absolute;
+
+    background: #ccc;
+}
+
+.noUi-marker-sub
+{
+    background: #aaa;
+}
+
+.noUi-marker-large
+{
+    background: #aaa;
+}
+
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal
+{
+    top: 100%;
+    left: 0;
+
+    width: 100%; 
+    height: 80px;
+    padding: 10px 0;
+}
+
+.noUi-value-horizontal
+{
+    transform: translate(-50%, 50%);
+}
+
+.noUi-rtl .noUi-value-horizontal
+{
+    transform: translate(50%, 50%);
+}
+
+.noUi-marker-horizontal.noUi-marker
+{
+    width: 2px;
+    height: 5px; 
+    margin-left: -1px;
+}
+
+.noUi-marker-horizontal.noUi-marker-sub
+{
+    height: 10px;
+}
+
+.noUi-marker-horizontal.noUi-marker-large
+{
+    height: 15px;
+}
+
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical
+{
+    top: 0;
+    left: 100%; 
+
+    height: 100%;
+    padding: 0 10px;
+}
+
+.noUi-value-vertical
+{
+    padding-left: 25px; 
+
+    transform: translate(0, -50%, 0);
+}
+
+.noUi-rtl .noUi-value-vertical
+{
+    transform: translate(0, 50%);
+}
+
+.noUi-marker-vertical.noUi-marker
+{
+    width: 5px;
+    height: 2px;
+    margin-top: -1px;
+}
+
+.noUi-marker-vertical.noUi-marker-sub
+{
+    width: 10px;
+}
+
+.noUi-marker-vertical.noUi-marker-large
+{
+    width: 15px;
+}
+
+.noUi-tooltip
+{
+    position: absolute;
+
+    display: block;
+
+    padding: 5px;
+
+    text-align: center;
+    white-space: nowrap; 
+
+    color: #000;
+    border: 1px solid #d9d9d9;
+    border-radius: 3px;
+    background: #fff;
+}
+
+.noUi-horizontal .noUi-tooltip
+{
+    bottom: 120%; 
+    left: 50%;
+
+    transform: translate(-50%, 0);
+}
+
+.noUi-vertical .noUi-tooltip
+{
+    top: 50%;
+    right: 120%; 
+
+    transform: translate(0, -50%);
+}
+
+.noUi-target
+{
+    margin: 15px 0;
+
+    cursor: pointer; 
+
+    border: 0;
+    border-radius: 5px;
+    background: #eceeef;
+    box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
+}
+
+.noUi-horizontal
+{
+    height: 5px;
+}
+
+html:not([dir='rtl']) .noUi-horizontal .noUi-handle
+{
+    right: -10px;
+}
+
+.noUi-vertical
+{
+    width: 5px;
+}
+
+.noUi-connect
+{
+    background: #5e72e4;
+    box-shadow: none;
+}
+
+.noUi-horizontal .noUi-handle,
+.noUi-vertical .noUi-handle
+{
+    top: -5px;
+
+    width: 15px;
+    height: 15px;
+
+    cursor: pointer;
+    transition: box-shadow .15s, transform .15s; 
+
+    border: 0;
+    border-radius: 100%;
+    background-color: #5e72e4;
+    box-shadow: none;
+}
+
+.noUi-horizontal .noUi-handle.noUi-active,
+.noUi-vertical .noUi-handle.noUi-active
+{
+    box-shadow: 0 0 0 2px #5e72e4;
+}
+
+.input-slider--cyan .noUi-connect
+{
+    background: #2bffc6;
+}
+
+/* Disabled state */
+[disabled] .noUi-connect,
+[disabled].noUi-connect
+{
+    background: #b2b2b2;
+}
+
+[disabled] .noUi-handle,
+[disabled].noUi-origin
+{
+    cursor: not-allowed;
+}
+
+/* Range slider value labels */
+.range-slider-value
+{
+    font-size: .75rem;
+    font-weight: 500;
+
+    padding: .4em .8em .3em .85em; 
+
+    color: #fff;
+    border-radius: 10px;
+    background-color: rgba(33, 37, 41, .7);
+}
+
+.range-slider-wrapper .upper-info
+{
+    font-weight: 400;
+
+    margin-bottom: 5px;
+}
+
+.input-slider-value-output
+{
+    font-size: 11px;
+
+    position: relative;
+    top: 12px;
+
+    padding: 4px 8px;
+
+    color: #fff;
+    border-radius: 2px; 
+    background: #333;
+}
+
+.input-slider-value-output:after
+{
+    position: absolute;
+    bottom: 100%;
+    left: 10px;
+
+    width: 0;
+    height: 0;
+    margin-left: -4px; 
+
+    content: ' ';
+    pointer-events: none;
+
+    border: solid transparent;
+    border-width: 4px;
+    border-color: rgba(136, 183, 213, 0);
+    border-bottom-color: #333;
+}
+
+.input-slider-value-output.left:after
+{
+    right: auto; 
+    left: 10px;
+}
+
+.input-slider-value-output.right:after
+{
+    right: 10px;
+    left: auto;
+}
+
+.ql-container
+{
+    font-family: Open Sans, sans-serif;
+}
+
+.ql-toolbar
+{
+    position: relative;
+
+    padding: .625rem .75rem;
+
+    color: #8898aa; 
+    border: 1px solid #dee2e6;
+    border-radius: .25rem .25rem 0 0;
+    background-color: #fff;
+}
+
+.ql-toolbar + .ql-container
+{
+    margin-top: -1px;
+}
+
+.ql-toolbar + .ql-container .ql-editor
+{
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.ql-editor
+{
+    font-size: 1rem;
+    line-height: 1.5;
+
+    display: block;
+
+    width: 100%;
+    min-height: 6rem;
+    padding: .625rem .75rem;
+
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+
+    color: #8898aa;
+    border: 1px solid #dee2e6;
+    border-radius: .25rem;
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .ql-editor
+    {
+        transition: none;
+    }
+}
+.ql-editor::-ms-expand
+{
+    border: 0; 
+    background-color: transparent;
+}
+.ql-editor:focus
+{
+    color: #8898aa;
+    border-color: #5e72e4;
+    outline: 0;
+    background-color: #fff;
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.ql-editor:focus
+{
+    border-color: #dee2e6;
+}
+
+.ql-hidden
+{
+    position: absolute;
+
+    transform: scale(0);
+}
+
+.ql-editor.ql-blank::before
+{
+    font-style: normal;
+
+    top: .625rem;
+    left: .75rem;
+
+    color: #adb5bd;
+}
+
+.ql-editor:focus::before
+{
+    display: none;
+}
+
+.ql-formats
+{
+    padding-right: .5rem; 
+    padding-left: .5rem;
+}
+.ql-formats:first-child
+{
+    padding-left: 0;
+}
+.ql-formats:last-child
+{
+    padding-right: 0;
+}
+
+.ql-toolbar button
+{
+    padding: 0 .25rem;
+
+    cursor: pointer;
+    transition: all .15s ease; 
+
+    color: #525f7f;
+    border: none;
+    background: none;
+}
+.ql-toolbar button:hover
+{
+    color: #5e72e4;
+}
+.ql-toolbar button:first-child
+{
+    margin-left: -.25rem;
+}
+
+.ql-toolbar .ql-active
+{
+    color: #5e72e4;
+}
+
+.ql-toolbar button svg
+{
+    width: 1.25rem; 
+    height: 1.25rem;
+}
+
+.ql-toolbar .ql-stroke
+{
+    stroke: currentColor;
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    fill: none;
+}
+
+.ql-toolbar .ql-thin
+{
+    stroke-width: 1;
+}
+
+.ql-toolbar .ql-fill
+{
+    fill: currentColor;
+}
+
+.ql-toolbar input.ql-image
+{
+    position: absolute;
+
+    transform: scale(0);
+}
+
+.ql-tooltip
+{
+    position: absolute;
+
+    display: flex;
+
+    width: 18.5rem;
+    margin-top: .6rem;
+    padding: .625rem .75rem;
+
+    border: 1px solid rgba(0, 0, 0, .05);
+    border-radius: .4375rem;
+    background-color: #fff;
+    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2); 
+
+    flex-wrap: nowrap;
+}
+.ql-tooltip:before,
+.ql-tooltip:after
+{
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+
+    content: '';
+    transform: translateX(-50%);
+}
+.ql-tooltip:before
+{
+    border-right: .6rem solid transparent; 
+    border-bottom: .6rem solid rgba(0, 0, 0, .05);
+    border-left: .6rem solid transparent;
+}
+.ql-tooltip:after
+{
+    border-right: .5rem solid transparent; 
+    border-bottom: .5rem solid #fff;
+    border-left: .5rem solid transparent;
+}
+
+.ql-container .ql-tooltip:hover
+{
+    display: flex !important;
+}
+
+.ql-tooltip .ql-preview
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    width: 100%;
+    padding: .25rem .5rem;
+
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
+
+    border-radius: .25rem;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .ql-tooltip .ql-preview
+    {
+        transition: none;
+    }
+}
+
+.ql-tooltip.ql-editing .ql-preview
+{
+    display: none;
+}
+
+.ql-tooltip input
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    display: none;
+
+    width: 100%;
+    padding-top: calc(.25rem + 1px);
+    padding-bottom: calc(.25rem + 1px);
+
+    color: #8898aa; 
+    border: none;
+    background-color: transparent;
+}
+.ql-tooltip input:focus
+{
+    outline: none;
+}
+
+.ql-tooltip.ql-editing input
+{
+    display: block;
+}
+
+.ql-tooltip .ql-action,
+.ql-tooltip .ql-remove
+{
+    margin-left: .25rem;
+}
+
+.ql-tooltip .ql-action::before,
+.ql-tooltip .ql-remove::before
+{
+    font-size: .875rem;
+    font-weight: 600;
+    line-height: 1.5;
+
+    display: inline-block;
+
+    padding: .25rem .5rem;
+
+    cursor: pointer;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
+    text-align: center;
+    vertical-align: middle;
+    white-space: nowrap;
+
+    border: 1px solid transparent;
+    border-radius: .25rem;
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .ql-tooltip .ql-action::before,
+    .ql-tooltip .ql-remove::before
+    {
+        transition: none;
+    }
+}
+.ql-tooltip .ql-action::before:hover,
+.ql-tooltip .ql-action::before:focus,
+.ql-tooltip .ql-remove::before:hover,
+.ql-tooltip .ql-remove::before:focus
+{
+    text-decoration: none;
+}
+.ql-tooltip .ql-action::before:focus,
+.ql-tooltip .ql-action::before.focus,
+.ql-tooltip .ql-remove::before:focus,
+.ql-tooltip .ql-remove::before.focus
+{
+    outline: 0;
+    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
+}
+
+.ql-tooltip .ql-action::before,
+.ql-tooltip.ql-editing .ql-action::before
+{
+    color: #fff;
+    border-color: #5e72e4;
+    background-color: #5e72e4;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.ql-tooltip .ql-action::before:hover,
+.ql-tooltip.ql-editing .ql-action::before:hover
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.ql-tooltip .ql-action::before:focus,
+.ql-tooltip .ql-action::before.focus,
+.ql-tooltip.ql-editing .ql-action::before:focus,
+.ql-tooltip.ql-editing .ql-action::before.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
+}
+.ql-tooltip .ql-action::before.disabled,
+.ql-tooltip .ql-action::before:disabled,
+.ql-tooltip.ql-editing .ql-action::before.disabled,
+.ql-tooltip.ql-editing .ql-action::before:disabled
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #5e72e4;
+}
+.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active,
+.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active,
+.show > .ql-tooltip .ql-action::before.dropdown-toggle,
+.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active,
+.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active,
+.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle
+{
+    color: #fff;
+    border-color: #5e72e4; 
+    background-color: #324cdd;
+}
+.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus,
+.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active:focus,
+.show > .ql-tooltip .ql-action::before.dropdown-toggle:focus,
+.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus,
+.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active:focus,
+.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
+}
+
+.ql-tooltip .ql-action::before
+{
+    content: 'Edit';
+}
+
+.ql-tooltip.ql-editing .ql-action::before
+{
+    content: 'Save';
+}
+
+.ql-tooltip .ql-remove::before
+{
+    content: 'Remove';
+
+    color: #212529;
+    border-color: #fff;
+    border-color: #dee2e6; 
+    background-color: #fff;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+}
+.ql-tooltip .ql-remove::before:hover
+{
+    color: #212529;
+    border-color: white; 
+    background-color: white;
+}
+.ql-tooltip .ql-remove::before:focus,
+.ql-tooltip .ql-remove::before.focus
+{
+    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
+}
+.ql-tooltip .ql-remove::before.disabled,
+.ql-tooltip .ql-remove::before:disabled
+{
+    color: #212529;
+    border-color: #fff; 
+    background-color: #fff;
+}
+.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active,
+.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active,
+.show > .ql-tooltip .ql-remove::before.dropdown-toggle
+{
+    color: #212529;
+    border-color: white; 
+    background-color: #e6e6e6;
+}
+.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus,
+.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active:focus,
+.show > .ql-tooltip .ql-remove::before.dropdown-toggle:focus
+{
+    box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
+}
+
+.ql-tooltip.ql-editing .ql-remove::before
+{
+    display: none;
+}
+
+.ql-editor blockquote
+{
+    font-size: 1.25rem; 
+
+    margin-bottom: 1rem;
+}
+
+.ql-editor img
+{
+    max-width: 100%;
+    height: auto;
+}
+
+.scroll-wrapper
+{
+    position: relative; 
+
+    overflow: hidden !important;
+
+    padding: 0 !important;
+}
+
+.scroll-wrapper > .scroll-content
+{
+    position: relative !important;
+    top: 0;
+    left: 0;
+
+    overflow: scroll !important;
+
+    box-sizing: content-box !important;
+    width: auto !important; 
+    max-width: none !important;
+    height: auto;
+    max-height: none;
+    margin: 0;
+    padding: 0;
+
+    border: none !important;
+}
+
+.scroll-wrapper > .scroll-content::-webkit-scrollbar
+{
+    width: 0; 
+    height: 0;
+}
+
+.scroll-wrapper.scroll--rtl
+{
+    direction: rtl;
+}
+
+.scroll-element
+{
+    display: none; 
+
+    box-sizing: content-box;
+}
+
+.scroll-element div
+{
+    box-sizing: content-box;
+}
+
+.scroll-element .scroll-bar,
+.scroll-element .scroll-arrow
+{
+    cursor: default;
+}
+
+.scroll-element.scroll-x.scroll-scrollx_visible,
+.scroll-element.scroll-y.scroll-scrolly_visible
+{
+    display: block;
+}
+
+.scroll-textarea
+{
+    border: 1px solid #ccc;
+    border-top-color: #999;
+}
+
+.scroll-textarea > .scroll-content
+{
+    overflow: hidden !important;
+}
+
+.scroll-textarea > .scroll-content > textarea
+{
+    position: relative !important;
+    top: 0;
+
+    overflow: scroll !important;
+
+    box-sizing: border-box;
+    width: 100% !important; 
+    max-width: none !important;
+    height: 100% !important;
+    max-height: none !important;
+    margin: 0;
+    padding: 2px;
+
+    border: none !important;
+    outline: none;
+}
+
+.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar
+{
+    width: 0; 
+    height: 0;
+}
+
+/*************** SIMPLE INNER SCROLLBAR ***************/
+.scrollbar-inner > .scroll-element,
+.scrollbar-inner > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+}
+
+.scrollbar-inner > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-inner > .scroll-element.scroll-x
+{
+    bottom: 2px;
+    left: 0;
+
+    width: 100%; 
+    height: 8px;
+}
+
+.scrollbar-inner > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 2px;
+
+    width: 8px; 
+    height: 100%;
+}
+
+.scrollbar-inner > .scroll-element .scroll-element_outer
+{
+    overflow: hidden;
+}
+
+.scrollbar-inner > .scroll-element .scroll-element_outer,
+.scrollbar-inner > .scroll-element .scroll-element_track,
+.scrollbar-inner > .scroll-element .scroll-bar
+{
+    border-radius: 8px;
+}
+
+.scrollbar-inner > .scroll-element .scroll-element_track,
+.scrollbar-inner > .scroll-element .scroll-bar
+{
+    opacity: .4; 
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
+        filter: alpha(opacity=40);
+}
+
+.scrollbar-inner > .scroll-element .scroll-element_track
+{
+    background-color: #e0e0e0;
+}
+
+.scrollbar-inner > .scroll-element .scroll-bar
+{
+    background-color: #c2c2c2;
+}
+
+.scrollbar-inner > .scroll-element:hover .scroll-bar
+{
+    background-color: #919191;
+}
+
+.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar
+{
+    background-color: #919191;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
+{
+    left: -12px;
+}
+
+.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
+{
+    top: -12px;
+}
+
+.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -12px;
+}
+
+.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -12px;
+}
+
+/*************** SIMPLE OUTER SCROLLBAR ***************/
+.scrollbar-outer > .scroll-element,
+.scrollbar-outer > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+}
+
+.scrollbar-outer > .scroll-element
+{
+    background-color: #fff;
+}
+
+.scrollbar-outer > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-outer > .scroll-element.scroll-x
+{
+    bottom: 0;
+    left: 0;
+
+    width: 100%; 
+    height: 12px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 0;
+
+    width: 12px; 
+    height: 100%;
+}
+
+.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer
+{
+    top: 2px; 
+
+    height: 8px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer
+{
+    left: 2px;
+
+    width: 8px;
+}
+
+.scrollbar-outer > .scroll-element .scroll-element_outer
+{
+    overflow: hidden;
+}
+
+.scrollbar-outer > .scroll-element .scroll-element_track
+{
+    background-color: #eee;
+}
+
+.scrollbar-outer > .scroll-element .scroll-element_outer,
+.scrollbar-outer > .scroll-element .scroll-element_track,
+.scrollbar-outer > .scroll-element .scroll-bar
+{
+    border-radius: 8px;
+}
+
+.scrollbar-outer > .scroll-element .scroll-bar
+{
+    background-color: #d9d9d9;
+}
+
+.scrollbar-outer > .scroll-element .scroll-bar:hover
+{
+    background-color: #c2c2c2;
+}
+
+.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar
+{
+    background-color: #919191;
+}
+
+/* scrollbar height/width & offset from container borders */
+.scrollbar-outer > .scroll-content.scroll-scrolly_visible
+{
+    left: -12px;
+
+    margin-left: 12px;
+}
+
+.scrollbar-outer > .scroll-content.scroll-scrollx_visible
+{
+    top: -12px;
+
+    margin-top: 12px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-x .scroll-bar
+{
+    min-width: 10px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-y .scroll-bar
+{
+    min-height: 10px;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
+{
+    left: -14px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
+{
+    top: -14px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -14px;
+}
+
+.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -14px;
+}
+
+/*************** SCROLLBAR MAC OS X ***************/
+.scrollbar-macosx > .scroll-element,
+.scrollbar-macosx > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+    background: none;
+}
+
+.scrollbar-macosx > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-macosx > .scroll-element .scroll-element_track
+{
+    display: none;
+}
+
+.scrollbar-macosx > .scroll-element .scroll-bar
+{
+    display: block;
+
+    transition: opacity .2s linear; 
+
+    opacity: 0;
+    border-radius: 7px;
+    background-color: #6c6e71;
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
+        filter: alpha(opacity=0);
+}
+
+.scrollbar-macosx:hover > .scroll-element .scroll-bar,
+.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar
+{
+    opacity: .7; 
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
+        filter: alpha(opacity=70);
+}
+
+.scrollbar-macosx > .scroll-element.scroll-x
+{
+    bottom: 0;
+    left: 0;
+
+    overflow: visible;
+
+    width: 100%; 
+    min-width: 100%;
+    height: 0;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 0;
+
+    width: 0; 
+    height: 100%;
+    min-height: 100%;
+}
+
+/* scrollbar height/width & offset from container borders */
+.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar
+{
+    top: -9px; 
+
+    min-width: 10px;
+    height: 7px;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
+{
+    left: -9px;
+
+    width: 7px; 
+    min-height: 10px;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer
+{
+    left: 2px;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size
+{
+    left: -4px;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer
+{
+    top: 2px;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size
+{
+    top: -4px;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -11px;
+}
+
+.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -11px;
+}
+
+/*************** SCROLLBAR LIGHT ***************/
+.scrollbar-light > .scroll-element,
+.scrollbar-light > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+}
+
+.scrollbar-light > .scroll-element
+{
+    background-color: #fff;
+}
+
+.scrollbar-light > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-light > .scroll-element .scroll-element_outer
+{
+    border-radius: 10px;
+}
+
+.scrollbar-light > .scroll-element .scroll-element_size
+{
+    border-radius: 10px; 
+    background: #dbdbdb;
+    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
+    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
+}
+
+.scrollbar-light > .scroll-element.scroll-x
+{
+    bottom: 0;
+    left: 0;
+
+    width: 100%; 
+    min-width: 100%;
+    height: 17px;
+}
+
+.scrollbar-light > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 0;
+
+    width: 17px; 
+    height: 100%;
+    min-height: 100%;
+}
+
+.scrollbar-light > .scroll-element .scroll-bar
+{
+    border: 1px solid #dbdbdb;
+    border-radius: 10px; 
+    background: #fefefe;
+    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
+    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
+}
+
+/* scrollbar height/width & offset from container borders */
+.scrollbar-light > .scroll-content.scroll-scrolly_visible
+{
+    left: -17px;
+
+    margin-left: 17px;
+}
+
+.scrollbar-light > .scroll-content.scroll-scrollx_visible
+{
+    top: -17px;
+
+    margin-top: 17px;
+}
+
+.scrollbar-light > .scroll-element.scroll-x .scroll-bar
+{
+    top: 0; 
+
+    min-width: 10px;
+    height: 10px;
+}
+
+.scrollbar-light > .scroll-element.scroll-y .scroll-bar
+{
+    left: 0;
+
+    width: 10px; 
+    min-height: 10px;
+}
+
+.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer
+{
+    top: 2px; 
+    left: 2px;
+
+    height: 12px;
+}
+
+.scrollbar-light > .scroll-element.scroll-x .scroll-element_size
+{
+    left: -4px;
+}
+
+.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer
+{
+    top: 2px;
+    left: 2px;
+
+    width: 12px;
+}
+
+.scrollbar-light > .scroll-element.scroll-y .scroll-element_size
+{
+    top: -4px;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -19px;
+}
+
+.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -19px;
+}
+
+.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
+{
+    left: -19px;
+}
+
+.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
+{
+    top: -19px;
+}
+
+/*************** SCROLLBAR RAIL ***************/
+.scrollbar-rail > .scroll-element,
+.scrollbar-rail > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+}
+
+.scrollbar-rail > .scroll-element
+{
+    background-color: #fff;
+}
+
+.scrollbar-rail > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-rail > .scroll-element .scroll-element_size
+{
+    background-color: #999;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size
+{
+    background-color: #666;
+    background-color: rgba(0, 0, 0, .5);
+}
+
+.scrollbar-rail > .scroll-element.scroll-x
+{
+    bottom: 0;
+    left: 0;
+
+    width: 100%; 
+    min-width: 100%;
+    height: 12px;
+    padding: 3px 0 2px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 0;
+
+    width: 12px; 
+    height: 100%;
+    min-height: 100%;
+    padding: 0 2px 0 3px;
+}
+
+.scrollbar-rail > .scroll-element .scroll-bar
+{
+    border-radius: 2px;
+    background-color: #d0b9a0;
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
+}
+
+.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar
+{
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
+}
+
+/* scrollbar height/width & offset from container borders */
+.scrollbar-rail > .scroll-content.scroll-scrolly_visible
+{
+    left: -17px;
+
+    margin-left: 17px;
+}
+
+.scrollbar-rail > .scroll-content.scroll-scrollx_visible
+{
+    top: -17px; 
+
+    margin-top: 17px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-x .scroll-bar
+{
+    top: 1px; 
+
+    min-width: 10px;
+    height: 10px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-y .scroll-bar
+{
+    left: 1px;
+
+    width: 10px; 
+    min-height: 10px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer
+{
+    left: 5px; 
+
+    height: 15px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size
+{
+    top: 5px; 
+    left: -10px;
+
+    height: 2px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer
+{
+    top: 5px;
+
+    width: 15px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size
+{
+    top: -10px;
+    left: 5px;
+
+    width: 2px;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -25px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -25px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
+{
+    left: -25px;
+}
+
+.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
+{
+    top: -25px;
+}
+
+/*************** SCROLLBAR DYNAMIC ***************/
+.scrollbar-dynamic > .scroll-element,
+.scrollbar-dynamic > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+    background: none;
+}
+
+.scrollbar-dynamic > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-x
+{
+    bottom: 2px;
+    left: 0;
+
+    width: 100%; 
+    min-width: 100%;
+    height: 7px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 2px;
+
+    width: 7px; 
+    height: 100%;
+    min-height: 100%;
+}
+
+.scrollbar-dynamic > .scroll-element .scroll-element_outer
+{
+    opacity: .3;
+    border-radius: 12px;
+}
+
+.scrollbar-dynamic > .scroll-element .scroll-element_size
+{
+    transition: opacity .2s; 
+
+    opacity: 0;
+    border-radius: 12px;
+    background-color: #ccc;
+}
+
+.scrollbar-dynamic > .scroll-element .scroll-bar
+{
+    border-radius: 7px; 
+    background-color: #6c6e71;
+}
+
+/* scrollbar height/width & offset from container borders */
+.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar
+{
+    top: auto; 
+    bottom: 0;
+
+    min-width: 24px;
+    height: 7px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar
+{
+    right: 0;
+    left: auto;
+
+    width: 7px; 
+    min-height: 24px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer
+{
+    top: auto;
+    bottom: 0;
+    left: 2px;
+
+    transition: height .2s;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer
+{
+    top: 2px;
+    right: 0;
+    left: auto;
+
+    transition: width .2s;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size
+{
+    left: -4px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size
+{
+    top: -4px;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -11px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -11px;
+}
+
+/* hover & drag */
+.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
+.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer
+{
+    overflow: hidden;
+
+    opacity: .7; 
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
+        filter: alpha(opacity=70);
+}
+
+.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
+.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size
+{
+    opacity: 1;
+}
+
+.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
+.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar
+{
+    width: 100%;
+    height: 100%;
+
+    border-radius: 12px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
+.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer
+{
+    height: 20px;
+    min-height: 7px;
+}
+
+.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
+.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer
+{
+    width: 20px; 
+    min-width: 7px;
+}
+
+/*************** SCROLLBAR GOOGLE CHROME ***************/
+.scrollbar-chrome > .scroll-element,
+.scrollbar-chrome > .scroll-element div
+{
+    position: absolute;
+    z-index: 10; 
+
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+
+    border: none;
+}
+
+.scrollbar-chrome > .scroll-element
+{
+    background-color: #fff;
+}
+
+.scrollbar-chrome > .scroll-element div
+{
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%; 
+    height: 100%;
+}
+
+.scrollbar-chrome > .scroll-element .scroll-element_track
+{
+    border: 1px solid #dbdbdb; 
+    background: #f1f1f1;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-x
+{
+    bottom: 0;
+    left: 0;
+
+    width: 100%; 
+    min-width: 100%;
+    height: 16px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y
+{
+    top: 0;
+    right: 0;
+
+    width: 16px; 
+    height: 100%;
+    min-height: 100%;
+}
+
+.scrollbar-chrome > .scroll-element .scroll-bar
+{
+    cursor: default;
+
+    border: 1px solid #bdbdbd;
+    border-radius: 2px; 
+    background-color: #d9d9d9;
+}
+
+.scrollbar-chrome > .scroll-element .scroll-bar:hover
+{
+    border-color: #a9a9a9; 
+    background-color: #c2c2c2;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar
+{
+    border-color: #7e7e7e; 
+    background-color: #919191;
+}
+
+/* scrollbar height/width & offset from container borders */
+.scrollbar-chrome > .scroll-content.scroll-scrolly_visible
+{
+    left: -16px;
+
+    margin-left: 16px;
+}
+
+.scrollbar-chrome > .scroll-content.scroll-scrollx_visible
+{
+    top: -16px;
+
+    margin-top: 16px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar
+{
+    top: 3px; 
+
+    min-width: 10px;
+    height: 8px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar
+{
+    left: 3px;
+
+    width: 8px; 
+    min-height: 10px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer
+{
+    border-left: 1px solid #dbdbdb;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track
+{
+    left: -3px; 
+
+    height: 14px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size
+{
+    left: -4px; 
+
+    height: 14px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer
+{
+    border-top: 1px solid #dbdbdb;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track
+{
+    top: -3px;
+
+    width: 14px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size
+{
+    top: -4px;
+
+    width: 14px;
+}
+
+/* update scrollbar offset if both scrolls are visible */
+.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
+{
+    left: -19px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
+{
+    top: -19px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
+{
+    left: -19px;
+}
+
+.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
+{
+    top: -19px;
+}
+
+.scrollbar-inner
+{
+    height: 100%;
+}
+.scrollbar-inner:not(:hover) .scroll-element
+{
+    opacity: 0;
+}
+.scrollbar-inner .scroll-element
+{
+    margin-right: 2px; 
+
+    transition: opacity 300ms;
+}
+.scrollbar-inner .scroll-element .scroll-bar,
+.scrollbar-inner .scroll-element .scroll-element_track
+{
+    transition: background-color 300ms;
+}
+.scrollbar-inner .scroll-element .scroll-element_track
+{
+    background-color: transparent;
+}
+.scrollbar-inner .scroll-element:hover
+{
+    width: 4px;
+}
+.scrollbar-inner .scroll-element.scroll-y
+{
+    right: 0; 
+
+    width: 3px;
+}
+.scrollbar-inner .scroll-element.scroll-x
+{
+    bottom: 0; 
+
+    height: 3px;
+}
+
+.select2-selection__arrow
+{
+    display: none;
+}
+
+.select2.select2-container
+{
+    width: 100% !important;
+}
+
+.select2-container .select2-selection--single,
+.select2-container--default.select2-container--focus .select2-selection--multiple,
+.select2-container--default .select2-selection--multiple,
+.select2-container--default .select2-search--dropdown .select2-search__field
+{
+    font-size: 1rem;
+    line-height: 1.5;
+
+    display: block;
+
+    width: 100%;
+    height: calc(1.5em + 1.25rem + 2px);
+    padding: .625rem .75rem;
+
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 
+
+    color: #8898aa;
+    border: 1px solid #dee2e6;
+    border-radius: .25rem;
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
+}
+@media (prefers-reduced-motion: reduce)
+{
+    .select2-container .select2-selection--single,
+    .select2-container--default.select2-container--focus .select2-selection--multiple,
+    .select2-container--default .select2-selection--multiple,
+    .select2-container--default .select2-search--dropdown .select2-search__field
+    {
+        transition: none;
+    }
+}
+.select2-container .select2-selection--single::-ms-expand,
+.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand,
+.select2-container--default .select2-selection--multiple::-ms-expand,
+.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand
+{
+    border: 0; 
+    background-color: transparent;
+}
+.select2-container .select2-selection--single:focus,
+.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
+.select2-container--default .select2-selection--multiple:focus,
+.select2-container--default .select2-search--dropdown .select2-search__field:focus
+{
+    color: #8898aa;
+    border-color: #5e72e4;
+    outline: 0;
+    background-color: #fff;
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
+}
+.select2-container .select2-selection--single::-ms-input-placeholder,
+.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder,
+.select2-container--default .select2-selection--multiple::-ms-input-placeholder,
+.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder
+{
+    opacity: 1; 
+    color: #adb5bd;
+}
+.select2-container .select2-selection--single::placeholder,
+.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder,
+.select2-container--default .select2-selection--multiple::placeholder,
+.select2-container--default .select2-search--dropdown .select2-search__field::placeholder
+{
+    opacity: 1; 
+    color: #adb5bd;
+}
+.select2-container .select2-selection--single:disabled,
+.select2-container .select2-selection--single[readonly],
+.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
+.select2-container--default.select2-container--focus .select2-selection--multiple[readonly],
+.select2-container--default .select2-selection--multiple:disabled,
+.select2-container--default .select2-selection--multiple[readonly],
+.select2-container--default .select2-search--dropdown .select2-search__field:disabled,
+.select2-container--default .select2-search--dropdown .select2-search__field[readonly]
+{
+    opacity: 1; 
+    background-color: #e9ecef;
+}
+
+.select2-container .select2-selection--single .select2-selection__rendered
+{
+    overflow: inherit;
+
+    padding: 0;
+
+    white-space: inherit; 
+    text-overflow: inherit;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered
+{
+    line-height: inherit; 
+
+    color: inherit;
+}
+
+.select2-dropdown
+{
+    padding: .5rem 0;
+
+    border: 1px solid #dee2e6;
+    border-radius: .4375rem; 
+    background-color: #fff;
+}
+
+.select2-results__option
+{
+    font-size: .875rem; 
+
+    padding: .5rem .75rem;
+
+    color: #212529;
+    background-color: #fff;
+}
+.select2-results__option:hover,
+.select2-results__option:focus
+{
+    text-decoration: none;
+
+    color: #16181b;
+    background-color: #f6f9fc;
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-container--default .select2-results__option[aria-selected='true']
+{
+    color: #16181b; 
+    background-color: transparent;
+}
+
+.select2-container--default .select2-results__option[aria-disabled=true]
+{
+    color: #8898aa;
+}
+
+.select2-container--default.select2-container--focus .select2-selection--multiple,
+.select2-container--default .select2-selection--multiple
+{
+    height: auto;
+    min-height: calc(1.5em + 1.25rem + 2px);
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered
+{
+    display: block;
+
+    margin: 0 0 -.25rem -.25rem;
+    padding: 0;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice
+{
+    font-size: .875rem;
+    line-height: 1.5rem;
+
+    display: inline-flex;
+
+    margin: 0 0 .25rem .25rem;
+    padding: 0 .5rem;
+
+    color: #8898aa; 
+    border: none;
+    border-radius: .25rem;
+    background-color: #adb5bd;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
+{
+    margin-left: .5rem;
+
+    color: #8898aa; 
+
+    order: 2;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
+{
+    color: #525f7f;
+}
+
+.select2-container .select2-search--inline
+{
+    display: none;
+}
+
+.select2-selection[aria-expanded='true']
+{
+    border-bottom-right-radius: 0 !important; 
+    border-bottom-left-radius: 0 !important;
+}
+
+.select2-search--dropdown
+{
+    padding: .5rem .75rem;
+}
+
+.select2-container--default .select2-search--dropdown .select2-search__field
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    padding: .25rem .5rem;
+
+    border-radius: .25rem;
+}
+
+.form-control-sm + .select2-container .select2-selection--single,
+.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
+.form-control-sm + .select2-container--default .select2-selection--multiple
+{
+    font-size: .875rem;
+    line-height: 1.5;
+
+    height: calc(1.5em + .5rem + 2px);
+    padding: .25rem .5rem;
+
+    border-radius: .25rem;
+}
+
+.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
+.form-control-sm + .select2-container--default .select2-selection--multiple
+{
+    min-height: calc(1.5em + .5rem + 2px);
+}
+
+.form-control-sm + .select2-container--default .select2-selection--multiple .select2-selection__choice
+{
+    line-height: 1.3125rem;
+}
+
+.form-control-lg + .select2-container .select2-selection--single,
+.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
+.form-control-lg + .select2-container--default .select2-selection--multiple
+{
+    font-size: 1.25rem;
+    line-height: 1.5;
+
+    height: calc(1.5em + 1.75rem + 2px);
+    padding: .875rem 1rem;
+
+    border-radius: .4375rem;
+}
+
+.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
+.form-control-lg + .select2-container--default .select2-selection--multiple
+{
+    min-height: calc(1.5em + 1.75rem + 2px);
+}
+
+.form-control-lg + .select2-container--default .select2-selection--multiple .select2-selection__choice
+{
+    line-height: 1.875rem;
+}
+
+.swal2-popup
+{
+    padding: 1.5rem;
+}
+.swal2-popup .swal2-title
+{
+    font-size: 1.5rem;
+}
+.swal2-popup .swal2-content
+{
+    font-size: .875rem;
+}
+.swal2-popup .swal2-image
+{
+    max-width: 200px;
+}
+
+.sr-only,
+.bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='clear']::after,
+.bootstrap-datetimepicker-widget .btn[data-action='today']::after,
+.bootstrap-datetimepicker-widget .picker-switch::after,
+.bootstrap-datetimepicker-widget table th.prev::after,
+.bootstrap-datetimepicker-widget table th.next::after
+{
+    position: absolute;
+
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+
+    border: 0;
+}
+
+.bootstrap-datetimepicker-widget
+{
+    list-style: none;
+}
+
+.bootstrap-datetimepicker-widget a .btn:hover
+{
+    background-color: transparent;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu
+{
+    width: 254px;
+    max-width: 254px; 
+    padding: 8px 6px;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu .tim-icons
+{
+    opacity: 1;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch .table-condensed:hover
+{
+    border-radius: 3px; 
+    background: #eee;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed
+{
+    margin-top: 10px;
+    margin-bottom: 5px;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .btn[data-action='togglePeriod']:hover,
+.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .separator
+{
+    color: #9a9a9a !important;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month,
+.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year,
+.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade
+{
+    color: #9a9a9a;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month.active,
+.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year.active,
+.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade.active
+{
+    color: #fff;
+}
+
+@media (min-width: 768px)
+{
+    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
+    {
+        width: 38em;
+    }
+}
+
+@media (min-width: 992px)
+{
+    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
+    {
+        width: 38em;
+    }
+}
+
+@media (min-width: 1200px)
+{
+    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
+    {
+        width: 38em;
+    }
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
+{
+    position: absolute;
+    right: auto;
+
+    display: inline-block;
+
+    width: 0;
+    height: 0;
+
+    content: '';
+    vertical-align: middle;
+
+    border-right: .4em solid transparent;
+    border-bottom: .4em solid;
+    border-left: .4em solid transparent;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.top:before
+{
+    display: none;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.top:after
+{
+    position: absolute;
+    top: auto;
+    right: auto;
+    bottom: -6px;
+    left: 10px;
+
+    display: inline-block;
+
+    width: 0;
+    height: 0;
+
+    content: '';
+    vertical-align: middle;
+
+    color: #fff;
+    border-top: .4em solid;
+    border-right: .4em solid transparent;
+    border-left: .4em solid transparent;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.top
+{
+    margin-top: auto;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.top.open
+{
+    margin-top: auto;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before
+{
+    right: 6px; 
+    left: auto;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after
+{
+    right: 7px; 
+    left: auto;
+}
+
+.bootstrap-datetimepicker-widget .list-unstyled
+{
+    margin: 0;
+}
+
+.bootstrap-datetimepicker-widget a[data-action]
+{
+    padding: 0;
+
+    color: #fff; 
+    border-width: 0;
+}
+
+.bootstrap-datetimepicker-widget a[data-action='togglePicker'],
+.bootstrap-datetimepicker-widget a[data-action='togglePicker']:hover
+{
+    color: #5e72e4;
+}
+
+.bootstrap-datetimepicker-widget a[data-action]:active
+{
+    box-shadow: none;
+}
+
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second
+{
+    font-size: 1.5em;
+    font-weight: 300;
+    line-height: 40px;
+
+    width: 40px;
+    height: 40px;
+    margin: 3px;
+
+    color: #9a9a9a; 
+    border-radius: 50%;
+}
+
+.bootstrap-datetimepicker-widget button[data-action]
+{
+    width: 38px;
+    height: 38px;
+    padding: 0;
+
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
+}
+
+.bootstrap-datetimepicker-widget .btn
+{
+    margin: 0 !important;
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after
+{
+    content: 'Increment Hours';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after
+{
+    content: 'Increment Minutes';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after
+{
+    content: 'Decrement Hours';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after
+{
+    content: 'Decrement Minutes';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after
+{
+    content: 'Show Hours';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after
+{
+    content: 'Show Minutes';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after
+{
+    content: 'Toggle AM/PM';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='clear']::after
+{
+    content: 'Clear the picker';
+}
+
+.bootstrap-datetimepicker-widget .btn[data-action='today']::after
+{
+    content: 'Set the date to today';
+}
+
+.bootstrap-datetimepicker-widget .picker-switch
+{
+    text-align: center;
+
+    color: #5e72e4; 
+    border-radius: 3px;
+}
+
+.bootstrap-datetimepicker-widget .picker-switch::after
+{
+    content: 'Toggle Date and Time Screens';
+}
+
+.bootstrap-datetimepicker-widget .picker-switch td
+{
+    line-height: inherit; 
+
+    width: auto;
+    height: auto;
+    margin: 0;
+    padding: 0;
+}
+
+.bootstrap-datetimepicker-widget .picker-switch td span
+{
+    line-height: 2.5;
+
+    width: 100%;
+    height: 2.5em;
+    margin: 2px 0 !important; 
+
+    border-radius: 3px;
+}
+
+.bootstrap-datetimepicker-widget table
+{
+    width: 100%;
+    margin: 0;
+
+    text-align: center;
+}
+
+.bootstrap-datetimepicker-widget table td > div,
+.bootstrap-datetimepicker-widget table th > div
+{
+    text-align: center;
+}
+
+.bootstrap-datetimepicker-widget table th
+{
+    font-weight: 300; 
+    line-height: 20px;
+
+    width: 20px;
+    height: 20px;
+}
+
+.bootstrap-datetimepicker-widget table th.picker-switch
+{
+    width: 145px;
+}
+
+.bootstrap-datetimepicker-widget table th.disabled,
+.bootstrap-datetimepicker-widget table th.disabled:hover
+{
+    cursor: not-allowed; 
+
+    color: #cfcfca;
+    background: none;
+}
+
+.bootstrap-datetimepicker-widget table th.prev span,
+.bootstrap-datetimepicker-widget table th.next span
+{
+    font-size: 12px;
+    line-height: 28px;
+
+    width: 27px;
+    height: 27px;
+
+    text-align: center;
+
+    color: #5e72e4; 
+    border-radius: 4px;
+    border-radius: 50%;
+}
+
+.bootstrap-datetimepicker-widget table th.prev::after
+{
+    content: 'Previous Month';
+}
+
+.bootstrap-datetimepicker-widget table th.next::after
+{
+    content: 'Next Month';
+}
+
+.bootstrap-datetimepicker-widget table th.dow
+{
+    padding-top: 10px; 
+    padding-bottom: 5px;
+
+    text-align: center;
+
+    color: #5e72e4;
+}
+
+.bootstrap-datetimepicker-widget table thead tr:first-child th
+{
+    cursor: pointer;
+}
+
+.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
+.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover
+{
+    background: #eee;
+}
+
+.bootstrap-datetimepicker-widget table td.cw > div
+{
+    font-size: .8em;
+    line-height: 20px;
+
+    height: 20px;
+
+    color: #cfcfca;
+}
+
+.bootstrap-datetimepicker-widget table td.day > div,
+.bootstrap-datetimepicker-widget table td.minute > div,
+.bootstrap-datetimepicker-widget table td.hour > div
+{
+    font-size: 14px;
+    font-weight: 300;
+    line-height: 2.2;
+
+    position: relative;
+    z-index: -1;
+
+    width: 30px;
+    height: 30px;
+    margin: 0 auto;
+    padding: 0;
+
+    cursor: pointer;
+    transition: all 300ms ease 0s; 
+    text-align: center;
+
+    color: #9a9a9a;
+    border: none;
+    border-radius: 50%;
+}
+
+.bootstrap-datetimepicker-widget table td.day:hover > div,
+.bootstrap-datetimepicker-widget table td.hour:hover > div,
+.bootstrap-datetimepicker-widget table td.minute:hover > div,
+.bootstrap-datetimepicker-widget table td.second:hover > div
+{
+    cursor: pointer; 
+
+    background: #eee;
+}
+
+.bootstrap-datetimepicker-widget table td.old > div,
+.bootstrap-datetimepicker-widget table td.new > div
+{
+    color: #172b4d;
+}
+
+.bootstrap-datetimepicker-widget table td.today,
+.bootstrap-datetimepicker-widget table td.day
+{
+    background: transparent !important;
+}
+
+.bootstrap-datetimepicker-widget table td.today > div:before
+{
+    position: absolute;
+    right: 4px; 
+    bottom: 4px;
+
+    display: inline-block;
+
+    content: '';
+
+    border: 0 0 7px 7px solid transparent;
+    border-top-color: rgba(0, 0, 0, .2);
+    border-bottom-color: #68b3c8;
+}
+
+.bootstrap-datetimepicker-widget table td.active > div,
+.bootstrap-datetimepicker-widget table td.active:hover > div
+{
+    color: #fff;
+    background-color: #5e72e4;
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
+}
+
+.bootstrap-datetimepicker-widget table td.active.today:before > div
+{
+    border-bottom-color: #fff;
+}
+
+.bootstrap-datetimepicker-widget table td.disabled > div,
+.bootstrap-datetimepicker-widget table td.disabled:hover > div
+{
+    cursor: not-allowed; 
+
+    color: #cfcfca;
+    background: none;
+}
+
+.bootstrap-datetimepicker-widget table td span
+{
+    line-height: 40px;
+
+    display: inline-block;
+
+    width: 40px;
+    height: 40px;
+    margin: 0 3px;
+
+    cursor: pointer;
+    text-align: center; 
+
+    border-radius: 50%;
+}
+
+.bootstrap-datetimepicker-widget table td span.active
+{
+    color: #fff; 
+    background-color: #5e72e4;
+}
+
+.bootstrap-datetimepicker-widget table td span.old
+{
+    color: #cfcfca;
+}
+
+.bootstrap-datetimepicker-widget table td span.disabled,
+.bootstrap-datetimepicker-widget table td span.disabled:hover
+{
+    cursor: not-allowed; 
+
+    color: #cfcfca;
+    background: none;
+}
+
+.bootstrap-datetimepicker-widget .timepicker-picker span,
+.bootstrap-datetimepicker-widget .timepicker-hours span,
+.bootstrap-datetimepicker-widget .timepicker-minutes span
+{
+    border-radius: 50% !important;
+}
+
+.bootstrap-datetimepicker-widget.usetwentyfour td.hour
+{
+    line-height: 27px; 
+
+    height: 27px;
+}
+
+.input-group.date .input-group-addon
+{
+    cursor: pointer;
+}
+
+.table-condensed > tbody > tr > td,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > td,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > thead > tr > th
+{
+    z-index: 1;
+
+    padding: 1px;
+
+    cursor: pointer; 
+    text-align: center;
+}
+
+.bootstrap-datetimepicker-widget .separator
+{
+    position: relative;
+
+    width: auto;
+    height: auto; 
+
+    color: red;
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .picker-switch,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.prev span,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.next span,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.day > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget a[data-action='togglePicker'],
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget a[data-action='togglePicker']:hover,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget span,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .timepicker-hours span,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .timepicker-minutes span,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .separator,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.minute > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.hour > div
+{
+    color: #9a9a9a;
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.dow
+{
+    color: rgba(255, 255, 255, .8);
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.old > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.new > div
+{
+    color: rgba(255, 255, 255, .4);
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget button[data-action]
+{
+    background-color: #fff;
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.active > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.active:hover > div
+{
+    background-color: #fff;
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td:not(.active).day:hover > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.hour:hover > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.minute:hover > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.second:hover > div,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td span:hover
+{
+    background: rgba(255, 255, 255, .2);
+}
+
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
+input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover
+{
+    background-color: rgba(255, 255, 255, .2);
+}
+
+input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget
+{
+    background-color: #5e72e4;
+}
+input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget table td.active > div,
+input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
+input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget button[data-action],
+input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
+input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
+{
+    color: #5e72e4;
+}
+
+input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget
+{
+    background-color: #11cdef;
+}
+input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget table td.active > div,
+input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
+input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget button[data-action],
+input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
+input.datetimepicker[data-color='blue'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
+{
+    color: #11cdef;
+}
+
+input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget
+{
+    background-color: #2dce89;
+}
+input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget table td.active > div,
+input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
+input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget button[data-action],
+input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
+input.datetimepicker[data-color='green'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
+{
+    color: #2dce89;
+}
+
+input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget
+{
+    background-color: #f5365c;
+}
+input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget table td.active > div,
+input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
+input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget button[data-action],
+input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
+input.datetimepicker[data-color='red'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
+{
+    color: #f5365c;
+}
+
+input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget
+{
+    background-color: #fb6340;
+}
+input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget table td.active > div,
+input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
+input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget button[data-action],
+input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
+input.datetimepicker[data-color='yellow'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
+{
+    color: #fb6340;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day,
+.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute
+{
+    color: rgba(255, 255, 255, .7);
+}
+.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day:hover,
+.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute:hover
+{
+    color: #212529;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-black table td span,
+.bootstrap-datetimepicker-widget.dropdown-black table td.minute,
+.bootstrap-datetimepicker-widget.dropdown-black table td.hour
+{
+    color: rgba(255, 255, 255, .7);
+}
+
+.bootstrap-datetimepicker-widget.dropdown-black table td span:hover,
+.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover,
+.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover
+{
+    color: rgba(255, 255, 255, .4); 
+    background: transparent;
+}
+.bootstrap-datetimepicker-widget.dropdown-black table td span:hover div,
+.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover div,
+.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover div
+{
+    background: transparent;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action]
+{
+    color: #fff;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action='togglePeriod']
+{
+    background: transparent;
+}
diff --git a/yaksh/static/yaksh/css/argon.min.css b/yaksh/static/yaksh/css/argon.min.css
new file mode 100644
index 0000000..d758ee0
--- /dev/null
+++ b/yaksh/static/yaksh/css/argon.min.css
@@ -0,0 +1,20 @@
+@charset 'UTF-8';/*!
+
+=========================================================
+* Argon Dashboard - v1.2.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard
+* Copyright 2020 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/:root{--blue:#5e72e4;--indigo:#5603ad;--purple:#8965e0;--pink:#f3a4b5;--red:#f5365c;--orange:#fb6340;--yellow:#ffd600;--green:#2dce89;--teal:#11cdef;--cyan:#2bffc6;--white:#fff;--gray:#8898aa;--gray-dark:#32325d;--light:#ced4da;--lighter:#e9ecef;--primary:#5e72e4;--secondary:#f7fafc;--success:#2dce89;--info:#11cdef;--warning:#fb6340;--danger:#f5365c;--light:#adb5bd;--dark:#212529;--default:#172b4d;--white:#fff;--neutral:#fff;--darker:black;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:Open Sans,sans-serif;--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{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left;color:#525f7f;background-color:#f8f9fe}[tabindex='-1']:focus:not(:focus-visible){outline:0!important}hr{overflow:visible;box-sizing:content-box;height:0}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]{cursor:help;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:600}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{text-decoration:none;color:#5e72e4;background-color:transparent}a:hover{text-decoration:none;color:#233dd2}a:not([href]){text-decoration:none;color:inherit}a:not([href]):hover{text-decoration:none;color:inherit}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:1em}pre{overflow:auto;margin-top:0;margin-bottom:1rem}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:1rem;padding-bottom:1rem;caption-side:bottom;text-align:left;color:#8898aa}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{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}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;margin:0;padding:0;border:0}legend{font-size:1.5rem;line-height:inherit;display:block;width:100%;max-width:100%;margin-bottom:.5rem;padding:0;white-space:normal;color:inherit}@media (max-width:1200px){legend{font-size:calc(1.275rem + .3vw)}}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{font-family:inherit;font-weight:600;line-height:1.5;margin-bottom:.5rem;color:#32325d}.h1,h1{font-size:1.625rem}@media (max-width:1200px){.h1,h1{font-size:calc(1.2875rem + .45vw)}}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1.0625rem}.h4,h4{font-size:.9375rem}.h5,h5{font-size:.8125rem}.h6,h6{font-size:.625rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:3.3rem;font-weight:600;line-height:1.5}@media (max-width:1200px){.display-1{font-size:calc(1.455rem + 2.46vw)}}.display-2{font-size:2.75rem;font-weight:600;line-height:1.5}@media (max-width:1200px){.display-2{font-size:calc(1.4rem + 1.8vw)}}.display-3{font-size:2.1875rem;font-weight:600;line-height:1.5}@media (max-width:1200px){.display-3{font-size:calc(1.34375rem + 1.125vw)}}.display-4{font-size:1.6275rem;font-weight:600;line-height:1.5}@media (max-width:1200px){.display-4{font-size:calc(1.28775rem + .453vw)}}hr{margin-top:2rem;margin-bottom:2rem;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{font-size:1.25rem;margin-bottom:1rem}.blockquote-footer{font-size:80%;display:block;color:#8898aa}.blockquote-footer::before{content:'\2014\00A0'}.img-fluid{max-width:100%;height:auto}.img-thumbnail{max-width:100%;height:auto;padding:.25rem;border:1px solid #dee2e6;border-radius:.375rem;background-color:#f8f9fe;box-shadow:0 1px 2px rgba(0,0,0,.075)}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{font-size:90%;color:#8898aa}code{font-size:87.5%;word-wrap:break-word;color:#f3a4b5}a>code{color:inherit}kbd{font-size:87.5%;padding:.2rem .4rem;color:#fff;border-radius:.25rem;background-color:#212529;box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25)}kbd kbd{font-size:100%;font-weight:600;padding:0;box-shadow:none}pre{font-size:87.5%;display:block;color:#212529}pre code{font-size:inherit;word-break:normal;color:inherit}.pre-scrollable{overflow-y:scroll;max-height:340px}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@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,.container-lg,.container-md,.container-sm,.container-xl{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;margin-right:-15px;margin-left:-15px;flex-wrap:wrap}.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{max-width:100%;flex-basis:0;flex-grow:1}.row-cols-1>*{max-width:100%;flex:0 0 100%}.row-cols-2>*{max-width:50%;flex:0 0 50%}.row-cols-3>*{max-width:33.33333%;flex:0 0 33.33333%}.row-cols-4>*{max-width:25%;flex:0 0 25%}.row-cols-5>*{max-width:20%;flex:0 0 20%}.row-cols-6>*{max-width:16.66667%;flex:0 0 16.66667%}.col-auto{width:auto;max-width:100%;flex:0 0 auto}.col-1{max-width:8.33333%;flex:0 0 8.33333%}.col-2{max-width:16.66667%;flex:0 0 16.66667%}.col-3{max-width:25%;flex:0 0 25%}.col-4{max-width:33.33333%;flex:0 0 33.33333%}.col-5{max-width:41.66667%;flex:0 0 41.66667%}.col-6{max-width:50%;flex:0 0 50%}.col-7{max-width:58.33333%;flex:0 0 58.33333%}.col-8{max-width:66.66667%;flex:0 0 66.66667%}.col-9{max-width:75%;flex:0 0 75%}.col-10{max-width:83.33333%;flex:0 0 83.33333%}.col-11{max-width:91.66667%;flex:0 0 91.66667%}.col-12{max-width:100%;flex:0 0 100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width:576px){.col-sm{max-width:100%;flex-basis:0;flex-grow:1}.row-cols-sm-1>*{max-width:100%;flex:0 0 100%}.row-cols-sm-2>*{max-width:50%;flex:0 0 50%}.row-cols-sm-3>*{max-width:33.33333%;flex:0 0 33.33333%}.row-cols-sm-4>*{max-width:25%;flex:0 0 25%}.row-cols-sm-5>*{max-width:20%;flex:0 0 20%}.row-cols-sm-6>*{max-width:16.66667%;flex:0 0 16.66667%}.col-sm-auto{width:auto;max-width:100%;flex:0 0 auto}.col-sm-1{max-width:8.33333%;flex:0 0 8.33333%}.col-sm-2{max-width:16.66667%;flex:0 0 16.66667%}.col-sm-3{max-width:25%;flex:0 0 25%}.col-sm-4{max-width:33.33333%;flex:0 0 33.33333%}.col-sm-5{max-width:41.66667%;flex:0 0 41.66667%}.col-sm-6{max-width:50%;flex:0 0 50%}.col-sm-7{max-width:58.33333%;flex:0 0 58.33333%}.col-sm-8{max-width:66.66667%;flex:0 0 66.66667%}.col-sm-9{max-width:75%;flex:0 0 75%}.col-sm-10{max-width:83.33333%;flex:0 0 83.33333%}.col-sm-11{max-width:91.66667%;flex:0 0 91.66667%}.col-sm-12{max-width:100%;flex:0 0 100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width:768px){.col-md{max-width:100%;flex-basis:0;flex-grow:1}.row-cols-md-1>*{max-width:100%;flex:0 0 100%}.row-cols-md-2>*{max-width:50%;flex:0 0 50%}.row-cols-md-3>*{max-width:33.33333%;flex:0 0 33.33333%}.row-cols-md-4>*{max-width:25%;flex:0 0 25%}.row-cols-md-5>*{max-width:20%;flex:0 0 20%}.row-cols-md-6>*{max-width:16.66667%;flex:0 0 16.66667%}.col-md-auto{width:auto;max-width:100%;flex:0 0 auto}.col-md-1{max-width:8.33333%;flex:0 0 8.33333%}.col-md-2{max-width:16.66667%;flex:0 0 16.66667%}.col-md-3{max-width:25%;flex:0 0 25%}.col-md-4{max-width:33.33333%;flex:0 0 33.33333%}.col-md-5{max-width:41.66667%;flex:0 0 41.66667%}.col-md-6{max-width:50%;flex:0 0 50%}.col-md-7{max-width:58.33333%;flex:0 0 58.33333%}.col-md-8{max-width:66.66667%;flex:0 0 66.66667%}.col-md-9{max-width:75%;flex:0 0 75%}.col-md-10{max-width:83.33333%;flex:0 0 83.33333%}.col-md-11{max-width:91.66667%;flex:0 0 91.66667%}.col-md-12{max-width:100%;flex:0 0 100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width:992px){.col-lg{max-width:100%;flex-basis:0;flex-grow:1}.row-cols-lg-1>*{max-width:100%;flex:0 0 100%}.row-cols-lg-2>*{max-width:50%;flex:0 0 50%}.row-cols-lg-3>*{max-width:33.33333%;flex:0 0 33.33333%}.row-cols-lg-4>*{max-width:25%;flex:0 0 25%}.row-cols-lg-5>*{max-width:20%;flex:0 0 20%}.row-cols-lg-6>*{max-width:16.66667%;flex:0 0 16.66667%}.col-lg-auto{width:auto;max-width:100%;flex:0 0 auto}.col-lg-1{max-width:8.33333%;flex:0 0 8.33333%}.col-lg-2{max-width:16.66667%;flex:0 0 16.66667%}.col-lg-3{max-width:25%;flex:0 0 25%}.col-lg-4{max-width:33.33333%;flex:0 0 33.33333%}.col-lg-5{max-width:41.66667%;flex:0 0 41.66667%}.col-lg-6{max-width:50%;flex:0 0 50%}.col-lg-7{max-width:58.33333%;flex:0 0 58.33333%}.col-lg-8{max-width:66.66667%;flex:0 0 66.66667%}.col-lg-9{max-width:75%;flex:0 0 75%}.col-lg-10{max-width:83.33333%;flex:0 0 83.33333%}.col-lg-11{max-width:91.66667%;flex:0 0 91.66667%}.col-lg-12{max-width:100%;flex:0 0 100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width:1200px){.col-xl{max-width:100%;flex-basis:0;flex-grow:1}.row-cols-xl-1>*{max-width:100%;flex:0 0 100%}.row-cols-xl-2>*{max-width:50%;flex:0 0 50%}.row-cols-xl-3>*{max-width:33.33333%;flex:0 0 33.33333%}.row-cols-xl-4>*{max-width:25%;flex:0 0 25%}.row-cols-xl-5>*{max-width:20%;flex:0 0 20%}.row-cols-xl-6>*{max-width:16.66667%;flex:0 0 16.66667%}.col-xl-auto{width:auto;max-width:100%;flex:0 0 auto}.col-xl-1{max-width:8.33333%;flex:0 0 8.33333%}.col-xl-2{max-width:16.66667%;flex:0 0 16.66667%}.col-xl-3{max-width:25%;flex:0 0 25%}.col-xl-4{max-width:33.33333%;flex:0 0 33.33333%}.col-xl-5{max-width:41.66667%;flex:0 0 41.66667%}.col-xl-6{max-width:50%;flex:0 0 50%}.col-xl-7{max-width:58.33333%;flex:0 0 58.33333%}.col-xl-8{max-width:66.66667%;flex:0 0 66.66667%}.col-xl-9{max-width:75%;flex:0 0 75%}.col-xl-10{max-width:83.33333%;flex:0 0 83.33333%}.col-xl-11{max-width:91.66667%;flex:0 0 91.66667%}.col-xl-12{max-width:100%;flex:0 0 100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.table{width:100%;margin-bottom:1rem;color:#525f7f;background-color:transparent}.table td,.table th{padding:1rem;vertical-align:top;border-top:1px solid #e9ecef}.table thead th{vertical-align:bottom;border-bottom:2px solid #e9ecef}.table tbody+tbody{border-top:2px solid #e9ecef}.table-sm td,.table-sm th{padding:.5rem}.table-bordered{border:1px solid #e9ecef}.table-bordered td,.table-bordered th{border:1px solid #e9ecef}.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(246,249,252,.3)}.table-hover tbody tr:hover{color:#525f7f;background-color:#f6f9fc}.table-primary,.table-primary>td,.table-primary>th{background-color:#d2d8f7}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#abb6f1}.table-hover .table-primary:hover{background-color:#bcc5f3}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#bcc5f3}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#fdfefe}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#fbfcfd}.table-hover .table-secondary:hover{background-color:#ecf6f6}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#ecf6f6}.table-success,.table-success>td,.table-success>th{background-color:#c4f1de}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#92e6c2}.table-hover .table-success:hover{background-color:#afecd2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#afecd2}.table-info,.table-info>td,.table-info>th{background-color:#bcf1fb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#83e5f7}.table-hover .table-info:hover{background-color:#a4ecfa}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#a4ecfa}.table-warning,.table-warning>td,.table-warning>th{background-color:#fed3ca}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fdae9c}.table-hover .table-warning:hover{background-color:#febeb1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#febeb1}.table-danger,.table-danger>td,.table-danger>th{background-color:#fcc7d1}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fa96aa}.table-hover .table-danger:hover{background-color:#fbafbd}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#fbafbd}.table-light,.table-light>td,.table-light>th{background-color:#e8eaed}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#d4d9dd}.table-hover .table-light:hover{background-color:#dadde2}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#dadde2}.table-dark,.table-dark>td,.table-dark>th{background-color:#c1c2c3}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#8c8e90}.table-hover .table-dark:hover{background-color:#b4b5b6}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b4b5b6}.table-default,.table-default>td,.table-default>th{background-color:#bec4cd}.table-default tbody+tbody,.table-default td,.table-default th,.table-default thead th{border-color:#8691a2}.table-hover .table-default:hover{background-color:#b0b7c2}.table-hover .table-default:hover>td,.table-hover .table-default:hover>th{background-color:#b0b7c2}.table-white,.table-white>td,.table-white>th{background-color:#fff}.table-white tbody+tbody,.table-white td,.table-white th,.table-white thead th{border-color:#fff}.table-hover .table-white:hover{background-color:#f2f2f2}.table-hover .table-white:hover>td,.table-hover .table-white:hover>th{background-color:#f2f2f2}.table-neutral,.table-neutral>td,.table-neutral>th{background-color:#fff}.table-neutral tbody+tbody,.table-neutral td,.table-neutral th,.table-neutral thead th{border-color:#fff}.table-hover .table-neutral:hover{background-color:#f2f2f2}.table-hover .table-neutral:hover>td,.table-hover .table-neutral:hover>th{background-color:#f2f2f2}.table-darker,.table-darker>td,.table-darker>th{background-color:#b8b8b8}.table-darker tbody+tbody,.table-darker td,.table-darker th,.table-darker thead th{border-color:#7a7a7a}.table-hover .table-darker:hover{background-color:#ababab}.table-hover .table-darker:hover>td,.table-hover .table-darker:hover>th{background-color:#ababab}.table-active,.table-active>td,.table-active>th{background-color:#f6f9fc}.table-hover .table-active:hover{background-color:#e3ecf6}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#e3ecf6}.table .thead-dark th{color:#f8f9fe;border-color:#1f3a68;background-color:#172b4d}.table .thead-light th{color:#8898aa;border-color:#e9ecef;background-color:#f6f9fc}.table-dark{color:#f8f9fe;background-color:#172b4d}.table-dark td,.table-dark th,.table-dark thead th{border-color:#1f3a68}.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:#f8f9fe;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{font-size:.875rem;font-weight:400;line-height:1.5;display:block;width:100%;height:calc(1.5em + 1.25rem + 2px);padding:.625rem .75rem;transition:all .15s cubic-bezier(.68,-.55,.265,1.55);color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;background-clip:padding-box;box-shadow:0 3px 2px rgba(233,236,239,.05)}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{border:0;background-color:transparent}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #8898aa}.form-control:focus{color:#8898aa;border-color:#5e72e4;outline:0;background-color:#fff;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.form-control::-ms-input-placeholder{opacity:1;color:#adb5bd}.form-control::placeholder{opacity:1;color:#adb5bd}.form-control:disabled,.form-control[readonly]{opacity:1;background-color:#e9ecef}select.form-control:focus::-ms-value{color:#8898aa;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0;padding-top:calc(.625rem + 1px);padding-bottom:calc(.625rem + 1px)}.col-form-label-lg{font-size:.875rem;line-height:1.5;padding-top:calc(.875rem + 1px);padding-bottom:calc(.875rem + 1px)}.col-form-label-sm{font-size:.75rem;line-height:1.5;padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px)}.form-control-plaintext{font-size:.875rem;line-height:1.5;display:block;width:100%;margin-bottom:0;padding:.625rem 0;color:#525f7f;border:solid transparent;border-width:1px 0;background-color:transparent}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{font-size:.75rem;line-height:1.5;height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;border-radius:.25rem}.form-control-lg{font-size:.875rem;line-height:1.5;height:calc(1.5em + 1.75rem + 2px);padding:.875rem 1rem;border-radius:.4375rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1.5rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;margin-right:-5px;margin-left:-5px;flex-wrap:wrap}.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,.form-check-input[disabled]~.form-check-label{color:#8898aa}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;margin-right:.75rem;padding-left:0;align-items:center}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{font-size:80%;display:none;width:100%;margin-top:.25rem;color:#2dce89}.valid-tooltip{font-size:.875rem;line-height:1;position:absolute;z-index:5;top:100%;display:none;max-width:100%;margin-top:.1rem;padding:.5rem;color:#fff;border-radius:.2rem;background-color:rgba(45,206,137,.8)}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#2dce89}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#2dce89}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#2dce89}.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:#2dce89}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#93e7c3;background-color:#93e7c3}.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:#93e7c3;background-color:#54daa1}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #f8f9fe,0 0 0 0 rgba(45,206,137,.25)}.custom-file-input{width:60%!important;margin:8px!important;opacity:1!important}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#2dce89}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 0 rgba(45,206,137,.25)}.custom-file-input:focus{outline:0}.invalid-feedback{font-size:80%;display:none;width:100%;margin-top:.25rem;color:#fb6340}.invalid-tooltip{font-size:.875rem;line-height:1;position:absolute;z-index:5;top:100%;display:none;max-width:100%;margin-top:.1rem;padding:.5rem;color:#fff;border-radius:.2rem;background-color:rgba(251,99,64,.8)}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#fb6340}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fb6340}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fb6340}.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:#fb6340}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#fec9bd;background-color:#fec9bd}.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:#fec9bd;background-color:#fc8c72}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #f8f9fe,0 0 0 0 rgba(251,99,64,.25)}.custom-file-input{width:60%!important;margin:8px!important;opacity:1!important}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#fb6340}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 0 rgba(251,99,64,.25)}.custom-file-input:focus{outline:0}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;margin-bottom:0;align-items:center;justify-content:center}.form-inline .form-group{display:flex;margin-bottom:0;flex:0 0 auto;flex-flow:row wrap;align-items:center}.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:flex;width:auto;padding-left:0;align-items:center;justify-content:center}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0;flex-shrink:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{font-size:.875rem;font-weight:600;line-height:1.5;display:inline-block;padding:.625rem 1.25rem;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-align:center;vertical-align:middle;color:#525f7f;border:1px solid transparent;border-radius:.25rem;background-color:transparent}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{text-decoration:none;color:#525f7f}.btn.focus,.btn:focus{outline:0;box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}.btn.disabled,.btn:disabled{opacity:.65;box-shadow:none}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{box-shadow:none}.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus{box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;border-color:#5e72e4;background-color:#5e72e4;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-primary:hover{color:#fff;border-color:#5e72e4;background-color:#5e72e4}.btn-primary.focus,.btn-primary:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(94,114,228,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;border-color:#5e72e4;background-color:#5e72e4}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;border-color:#5e72e4;background-color:#324cdd}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(94,114,228,.5)}.btn-secondary{color:#212529;border-color:#f7fafc;background-color:#f7fafc;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-secondary:hover{color:#212529;border-color:#f7fafc;background-color:#f7fafc}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(247,250,252,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#212529;border-color:#f7fafc;background-color:#f7fafc}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#212529;border-color:#f7fafc;background-color:#d2e3ee}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(247,250,252,.5)}.btn-success{color:#fff;border-color:#2dce89;background-color:#2dce89;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-success:hover{color:#fff;border-color:#2dce89;background-color:#2dce89}.btn-success.focus,.btn-success:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(45,206,137,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;border-color:#2dce89;background-color:#2dce89}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;border-color:#2dce89;background-color:#24a46d}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(45,206,137,.5)}.btn-info{color:#fff;border-color:#11cdef;background-color:#11cdef;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-info:hover{color:#fff;border-color:#11cdef;background-color:#11cdef}.btn-info.focus,.btn-info:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(17,205,239,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;border-color:#11cdef;background-color:#11cdef}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;border-color:#11cdef;background-color:#0da5c0}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(17,205,239,.5)}.btn-warning{color:#fff;border-color:#fb6340;background-color:#fb6340;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-warning:hover{color:#fff;border-color:#fb6340;background-color:#fb6340}.btn-warning.focus,.btn-warning:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(251,99,64,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#fff;border-color:#fb6340;background-color:#fb6340}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;border-color:#fb6340;background-color:#fa3a0e}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(251,99,64,.5)}.btn-danger{color:#fff;border-color:#f5365c;background-color:#f5365c;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-danger:hover{color:#fff;border-color:#f5365c;background-color:#f5365c}.btn-danger.focus,.btn-danger:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(245,54,92,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;border-color:#f5365c;background-color:#f5365c}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;border-color:#f5365c;background-color:#ec0c38}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(245,54,92,.5)}.btn-light{color:#fff;border-color:#adb5bd;background-color:#adb5bd;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-light:hover{color:#fff;border-color:#adb5bd;background-color:#adb5bd}.btn-light.focus,.btn-light:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(173,181,189,.5)}.btn-light.disabled,.btn-light:disabled{color:#fff;border-color:#adb5bd;background-color:#adb5bd}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#fff;border-color:#adb5bd;background-color:#919ca6}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(173,181,189,.5)}.btn-dark{color:#fff;border-color:#212529;background-color:#212529;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-dark:hover{color:#fff;border-color:#212529;background-color:#212529}.btn-dark.focus,.btn-dark:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(33,37,41,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;border-color:#212529;background-color:#212529}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;border-color:#212529;background-color:#0a0c0d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(33,37,41,.5)}.btn-default{color:#fff;border-color:#172b4d;background-color:#172b4d;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-default:hover{color:#fff;border-color:#172b4d;background-color:#172b4d}.btn-default.focus,.btn-default:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(23,43,77,.5)}.btn-default.disabled,.btn-default:disabled{color:#fff;border-color:#172b4d;background-color:#172b4d}.btn-default:not(:disabled):not(.disabled).active,.btn-default:not(:disabled):not(.disabled):active,.show>.btn-default.dropdown-toggle{color:#fff;border-color:#172b4d;background-color:#0b1526}.btn-default:not(:disabled):not(.disabled).active:focus,.btn-default:not(:disabled):not(.disabled):active:focus,.show>.btn-default.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(23,43,77,.5)}.btn-white{color:#212529;border-color:#fff;background-color:#fff;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-white:hover{color:#212529;border-color:#fff;background-color:#fff}.btn-white.focus,.btn-white:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(255,255,255,.5)}.btn-white.disabled,.btn-white:disabled{color:#212529;border-color:#fff;background-color:#fff}.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle{color:#212529;border-color:#fff;background-color:#e6e6e6}.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(255,255,255,.5)}.btn-neutral{color:#212529;border-color:#fff;background-color:#fff;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-neutral:hover{color:#212529;border-color:#fff;background-color:#fff}.btn-neutral.focus,.btn-neutral:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(255,255,255,.5)}.btn-neutral.disabled,.btn-neutral:disabled{color:#212529;border-color:#fff;background-color:#fff}.btn-neutral:not(:disabled):not(.disabled).active,.btn-neutral:not(:disabled):not(.disabled):active,.show>.btn-neutral.dropdown-toggle{color:#212529;border-color:#fff;background-color:#e6e6e6}.btn-neutral:not(:disabled):not(.disabled).active:focus,.btn-neutral:not(:disabled):not(.disabled):active:focus,.show>.btn-neutral.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(255,255,255,.5)}.btn-darker{color:#fff;border-color:#000;background-color:#000;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-darker:hover{color:#fff;border-color:#000;background-color:#000}.btn-darker.focus,.btn-darker:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(0,0,0,.5)}.btn-darker.disabled,.btn-darker:disabled{color:#fff;border-color:#000;background-color:#000}.btn-darker:not(:disabled):not(.disabled).active,.btn-darker:not(:disabled):not(.disabled):active,.show>.btn-darker.dropdown-toggle{color:#fff;border-color:#000;background-color:#000}.btn-darker:not(:disabled):not(.disabled).active:focus,.btn-darker:not(:disabled):not(.disabled):active:focus,.show>.btn-darker.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(0,0,0,.5)}.btn-outline-primary{color:#5e72e4;border-color:#5e72e4;background-color:transparent;background-image:none}.btn-outline-primary:hover{color:#fff;border-color:#5e72e4;background-color:#5e72e4}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 0 rgba(94,114,228,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#5e72e4;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;border-color:#5e72e4;background-color:#5e72e4}.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 0 rgba(94,114,228,.5)}.btn-outline-secondary{color:#f7fafc;border-color:#f7fafc;background-color:transparent;background-image:none}.btn-outline-secondary:hover{color:#212529;border-color:#f7fafc;background-color:#f7fafc}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 0 rgba(247,250,252,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#f7fafc;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:#212529;border-color:#f7fafc;background-color:#f7fafc}.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 0 rgba(247,250,252,.5)}.btn-outline-success{color:#2dce89;border-color:#2dce89;background-color:transparent;background-image:none}.btn-outline-success:hover{color:#fff;border-color:#2dce89;background-color:#2dce89}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 0 rgba(45,206,137,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#2dce89;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;border-color:#2dce89;background-color:#2dce89}.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 0 rgba(45,206,137,.5)}.btn-outline-info{color:#11cdef;border-color:#11cdef;background-color:transparent;background-image:none}.btn-outline-info:hover{color:#fff;border-color:#11cdef;background-color:#11cdef}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 0 rgba(17,205,239,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#11cdef;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;border-color:#11cdef;background-color:#11cdef}.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 0 rgba(17,205,239,.5)}.btn-outline-warning{color:#fb6340;border-color:#fb6340;background-color:transparent;background-image:none}.btn-outline-warning:hover{color:#fff;border-color:#fb6340;background-color:#fb6340}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 0 rgba(251,99,64,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fb6340;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:#fff;border-color:#fb6340;background-color:#fb6340}.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 0 rgba(251,99,64,.5)}.btn-outline-danger{color:#f5365c;border-color:#f5365c;background-color:transparent;background-image:none}.btn-outline-danger:hover{color:#fff;border-color:#f5365c;background-color:#f5365c}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 0 rgba(245,54,92,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#f5365c;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;border-color:#f5365c;background-color:#f5365c}.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 0 rgba(245,54,92,.5)}.btn-outline-light{color:#adb5bd;border-color:#adb5bd;background-color:transparent;background-image:none}.btn-outline-light:hover{color:#fff;border-color:#adb5bd;background-color:#adb5bd}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 0 rgba(173,181,189,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#adb5bd;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:#fff;border-color:#adb5bd;background-color:#adb5bd}.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 0 rgba(173,181,189,.5)}.btn-outline-dark{color:#212529;border-color:#212529;background-color:transparent;background-image:none}.btn-outline-dark:hover{color:#fff;border-color:#212529;background-color:#212529}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 0 rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;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;border-color:#212529;background-color:#212529}.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 0 rgba(33,37,41,.5)}.btn-outline-default{color:#172b4d;border-color:#172b4d;background-color:transparent;background-image:none}.btn-outline-default:hover{color:#fff;border-color:#172b4d;background-color:#172b4d}.btn-outline-default.focus,.btn-outline-default:focus{box-shadow:0 0 0 0 rgba(23,43,77,.5)}.btn-outline-default.disabled,.btn-outline-default:disabled{color:#172b4d;background-color:transparent}.btn-outline-default:not(:disabled):not(.disabled).active,.btn-outline-default:not(:disabled):not(.disabled):active,.show>.btn-outline-default.dropdown-toggle{color:#fff;border-color:#172b4d;background-color:#172b4d}.btn-outline-default:not(:disabled):not(.disabled).active:focus,.btn-outline-default:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-default.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(23,43,77,.5)}.btn-outline-white{color:#fff;border-color:#fff;background-color:transparent;background-image:none}.btn-outline-white:hover{color:#212529;border-color:#fff;background-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 0 rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle{color:#212529;border-color:#fff;background-color:#fff}.btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(255,255,255,.5)}.btn-outline-neutral{color:#fff;border-color:#fff;background-color:transparent;background-image:none}.btn-outline-neutral:hover{color:#212529;border-color:#fff;background-color:#fff}.btn-outline-neutral.focus,.btn-outline-neutral:focus{box-shadow:0 0 0 0 rgba(255,255,255,.5)}.btn-outline-neutral.disabled,.btn-outline-neutral:disabled{color:#fff;background-color:transparent}.btn-outline-neutral:not(:disabled):not(.disabled).active,.btn-outline-neutral:not(:disabled):not(.disabled):active,.show>.btn-outline-neutral.dropdown-toggle{color:#212529;border-color:#fff;background-color:#fff}.btn-outline-neutral:not(:disabled):not(.disabled).active:focus,.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-neutral.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(255,255,255,.5)}.btn-outline-darker{color:#000;border-color:#000;background-color:transparent;background-image:none}.btn-outline-darker:hover{color:#fff;border-color:#000;background-color:#000}.btn-outline-darker.focus,.btn-outline-darker:focus{box-shadow:0 0 0 0 rgba(0,0,0,.5)}.btn-outline-darker.disabled,.btn-outline-darker:disabled{color:#000;background-color:transparent}.btn-outline-darker:not(:disabled):not(.disabled).active,.btn-outline-darker:not(:disabled):not(.disabled):active,.show>.btn-outline-darker.dropdown-toggle{color:#fff;border-color:#000;background-color:#000}.btn-outline-darker:not(:disabled):not(.disabled).active:focus,.btn-outline-darker:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-darker.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(0,0,0,.5)}.btn-link{font-weight:400;text-decoration:none;color:#5e72e4}.btn-link:hover{text-decoration:none;color:#233dd2}.btn-link.focus,.btn-link:focus{text-decoration:none;box-shadow:none}.btn-link.disabled,.btn-link:disabled{pointer-events:none;color:#8898aa}.btn-group-lg>.btn,.btn-lg{font-size:.875rem;line-height:1.5;padding:.875rem 1rem;border-radius:.4375rem}.btn-group-sm>.btn,.btn-sm{font-size:.75rem;line-height:1.5;padding:.25rem .5rem;border-radius:.25rem}.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;overflow:hidden;height:0;transition:height .3s 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;content:'';vertical-align:.255em;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{font-size:1rem;position:absolute;z-index:1000;top:100%;left:0;display:none;float:left;min-width:10rem;margin:.125rem 0 0;padding:.5rem 0;list-style:none;text-align:left;color:#525f7f;border:0 solid rgba(0,0,0,.15);border-radius:.4375rem;background-color:#fff;background-clip:padding-box;box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)}.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;content:'';vertical-align:.255em;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;content:'';vertical-align:.255em;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;content:'';vertical-align:.255em}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;content:'';vertical-align:.255em;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{overflow:hidden;height:0;margin:.5rem 0;border-top:1px solid #e9ecef}.dropdown-item{font-weight:400;display:block;clear:both;width:100%;padding:.5rem 1rem;text-align:inherit;white-space:nowrap;color:#212529;border:0;background-color:transparent}.dropdown-item:focus,.dropdown-item:hover{text-decoration:none;color:#16181b;background-color:#f6f9fc}.dropdown-item.active,.dropdown-item:active{text-decoration:none;color:#16181b;background-color:transparent}.dropdown-item.disabled,.dropdown-item:disabled{pointer-events:none;color:#8898aa;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{font-size:.875rem;display:block;margin-bottom:0;padding:.5rem 1rem;white-space:nowrap;color:#8898aa}.dropdown-item-text{display:block;padding:.5rem 1rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;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:flex;flex-wrap:wrap;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:.9375rem;padding-left:.9375rem}.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.show .dropdown-toggle{box-shadow:none}.btn-group.show .dropdown-toggle.btn-link{box-shadow:none}.btn-group-vertical{flex-direction:column;align-items:flex-start;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:flex;width:100%;flex-wrap:wrap;align-items:stretch}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;min-width:0;margin-bottom:0;flex:1 1}.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:flex;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: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{font-size:.875rem;font-weight:400;line-height:1.5;display:flex;margin-bottom:0;padding:.625rem .75rem;text-align:center;white-space:nowrap;color:#adb5bd;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;align-items:center}.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 + 1.75rem + 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{font-size:.875rem;line-height:1.5;padding:.875rem 1rem;border-radius:.4375rem}.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{font-size:.75rem;line-height:1.5;padding:.25rem .5rem;border-radius:.25rem}.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:2.75rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;left:0;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#5e72e4;background-color:#5e72e4;box-shadow:0 3px 2px rgba(233,236,239,.05)}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 3px 2px rgba(233,236,239,.05),0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#5e72e4}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;border-color:#5e72e4;background-color:#5e72e4;box-shadow:0 3px 2px rgba(233,236,239,.05)}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#8898aa}.custom-control-input:disabled~.custom-control-label::before,.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:-2.75rem;display:block;width:1rem;height:1rem;content:'';pointer-events:none;border:#dee2e6 solid 1px;background-color:#fff;box-shadow:0 3px 2px rgba(233,236,239,.05)}.custom-control-label::after{position:absolute;top:.25rem;left:-2.75rem;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\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/%3e%3c/svg%3e')}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#5e72e4;background-color:#5e72e4;box-shadow:none}.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\' width=\'4\' height=\'4\' 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(94,114,228,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(94,114,228,.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\' width=\'12\' height=\'12\' 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(94,114,228,.5)}.custom-switch{padding-left:3.5rem}.custom-switch .custom-control-label::before{left:-3.5rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-3.5rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:.5rem;background-color:#dee2e6}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{transform:translateX(.75rem);background-color:#fff}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(94,114,228,.5)}.custom-select{font-size:.875rem;font-weight:400;line-height:1.5;display:inline-block;width:100%;height:calc(1.5em + 1.25rem + 2px);padding:.625rem 1.75rem .625rem .75rem;vertical-align:middle;color:#8898aa;border:1px solid #dee2e6;border-radius:.375rem;background:#fff url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'4\' height=\'5\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%2332325d\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat right .75rem center/8px 10px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#5e72e4;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 0 #5e72e4}.custom-select:focus::-ms-value{color:#8898aa;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size='1']){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#8898aa;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #8898aa}.custom-select-sm{font-size:.75rem;height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem}.custom-select-lg{font-size:.875rem;height:calc(1.5em + 1.75rem + 2px);padding-top:.875rem;padding-bottom:.875rem;padding-left:1rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 1.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 1.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#5e72e4;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.custom-file-input:disabled~.custom-file-label,.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{font-weight:400;line-height:1.5;position:absolute;z-index:1;top:0;right:0;left:0;height:calc(1.5em + 1.25rem + 2px);padding:.625rem .75rem;color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;box-shadow:0 3px 2px rgba(233,236,239,.05)}.custom-file-label::after{line-height:1.5;position:absolute;z-index:3;top:0;right:0;bottom:0;display:block;height:calc(1.5em + 1.25rem);padding:.625rem .75rem;content:'Browse';color:#8898aa;border-left:inherit;border-radius:0 .25rem .25rem 0;background-color:#fff}.custom-range{width:100%;height:1rem;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 #f8f9fe,0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f8f9fe,0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f8f9fe,0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:0;border-radius:1rem;background-color:#5e72e4;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-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:#f7f8fe}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;cursor:pointer;color:transparent;border-color:transparent;border-radius:1rem;background-color:#dee2e6;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-moz-range-thumb{width:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:0;border-radius:1rem;background-color:#5e72e4;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-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:#f7f8fe}.custom-range::-moz-range-track{width:100%;height:.5rem;cursor:pointer;color:transparent;border-color:transparent;border-radius:1rem;background-color:#dee2e6;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:0;margin-left:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:0;border-radius:1rem;background-color:#5e72e4;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#f7f8fe}.custom-range::-ms-track{width:100%;height:.5rem;cursor:pointer;color:transparent;border-width:.5rem;border-color:transparent;background-color:transparent;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-ms-fill-lower{border-radius:1rem;background-color:#dee2e6}.custom-range::-ms-fill-upper{margin-right:15px;border-radius:1rem;background-color:#dee2e6}.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:flex;margin-bottom:0;padding-left:0;list-style:none;flex-wrap:wrap}.nav-link{display:block;padding:.25rem .75rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{cursor:default;pointer-events:none;color:#8898aa}.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:.375rem;border-top-right-radius:.375rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#8898aa;border-color:transparent;background-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#525f7f;border-color:#dee2e6 #dee2e6 #f8f9fe;background-color:#f8f9fe}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.375rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#5e72e4}.nav-fill .nav-item{text-align:center;flex:1 1 auto}.nav-justified .nav-item{text-align:center;flex-basis:0;flex-grow:1}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;padding:1rem 1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{font-size:1.25rem;line-height:inherit;display:inline-block;margin-right:1rem;padding-top:.0625rem;padding-bottom:.0625rem;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;margin-bottom:0;padding-left: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:.25rem;padding-bottom:.25rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{font-size:1.25rem;line-height:1;padding:.25rem .75rem;border:1px solid transparent;border-radius:.25rem;background-color:transparent}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;content:'';vertical-align:middle;background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;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,.6)}.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,.6);border-color:transparent}.navbar-light .navbar-toggler-icon{background-image:url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba(0, 0, 0, 0.6)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e')}.navbar-light .navbar-text{color:rgba(0,0,0,.6)}.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:rgba(255,255,255,.65)}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:rgba(255,255,255,.65)}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.95)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.65)}.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:rgba(255,255,255,.65)}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.95);border-color:transparent}.navbar-dark .navbar-toggler-icon{background-image:url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba(255, 255, 255, 0.95)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e')}.navbar-dark .navbar-text{color:rgba(255,255,255,.95)}.navbar-dark .navbar-text a{color:rgba(255,255,255,.65)}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:rgba(255,255,255,.65)}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;border:1px solid rgba(0,0,0,.05);border-radius:.375rem;background-color:#fff;background-clip:border-box}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.card-body{min-height:1px;padding:1.5rem;flex:1 1 auto}.card-title{margin-bottom:1.25rem}.card-subtitle{margin-top:-.625rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.5rem}.card-header{margin-bottom:0;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05);background-color:#fff}.card-header:first-child{border-radius:calc(.375rem - 1px) calc(.375rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(0,0,0,.05);background-color:#fff}.card-footer:last-child{border-radius:0 0 calc(.375rem - 1px) calc(.375rem - 1px)}.card-header-tabs{margin-right:-.75rem;margin-bottom:-1.25rem;margin-left:-.75rem;border-bottom:0}.card-header-pills{margin-right:-.75rem;margin-left:-.75rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{width:100%;flex-shrink:0}.card-img,.card-img-top{border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.375rem - 1px);border-bottom-left-radius:calc(.375rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;margin-right:-15px;margin-left:-15px;flex-flow:row wrap}.card-deck .card{margin-right:15px;margin-bottom:0;margin-left:15px;flex:1 0}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{margin-bottom:0;flex:1 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:1.25rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{margin-bottom:-1px;border-radius:0}.breadcrumb{display:flex;margin-bottom:1rem;padding:.75rem 1rem;list-style:none;border-radius:.375rem;background-color:#e9ecef;flex-wrap:wrap}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;content:'/';color:#8898aa}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#8898aa}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.375rem}.page-link{line-height:1.25;position:relative;display:block;margin-left:-1px;padding:.5rem .75rem;color:#8898aa;border:1px solid #dee2e6;background-color:#fff}.page-link:hover{z-index:2;text-decoration:none;color:#8898aa;border-color:#dee2e6;background-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:none}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.page-item:last-child .page-link{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.page-item.active .page-link{z-index:3;color:#fff;border-color:#5e72e4;background-color:#5e72e4}.page-item.disabled .page-link{cursor:auto;pointer-events:none;color:#8898aa;border-color:#dee2e6;background-color:#fff}.pagination-lg .page-link{font-size:1.25rem;line-height:1.5;padding:.75rem 1.5rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.4375rem;border-bottom-left-radius:.4375rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.4375rem;border-bottom-right-radius:.4375rem}.pagination-sm .page-link{font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.badge{font-size:66%;font-weight:600;line-height:1;display:inline-block;padding:.35rem .375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-align:center;vertical-align:baseline;white-space:nowrap;border-radius:.375rem}@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:.875em;padding-left:.875em;border-radius:10rem}.badge-primary{color:#2643e9;background-color:#eaecfb}.badge-primary[href]:focus,.badge-primary[href]:hover{text-decoration:none;color:#fff;background-color:#2a44db}.badge-secondary{color:#cfe3f1;background-color:#fff}.badge-secondary[href]:focus,.badge-secondary[href]:hover{text-decoration:none;color:#212529;background-color:#cadeeb}.badge-success{color:#1aae6f;background-color:#b0eed3}.badge-success[href]:focus,.badge-success[href]:hover{text-decoration:none;color:#fff;background-color:#229c68}.badge-info{color:#03acca;background-color:#aaedf9}.badge-info[href]:focus,.badge-info[href]:hover{text-decoration:none;color:#fff;background-color:#0c9cb7}.badge-warning{color:#ff3709;background-color:#fee6e0}.badge-warning[href]:focus,.badge-warning[href]:hover{text-decoration:none;color:#fff;background-color:#f93305}.badge-danger{color:#f80031;background-color:#fdd1da}.badge-danger[href]:focus,.badge-danger[href]:hover{text-decoration:none;color:#fff;background-color:#e30b36}.badge-light{color:#879cb0;background-color:#fff}.badge-light[href]:focus,.badge-light[href]:hover{text-decoration:none;color:#fff;background-color:#8b96a2}.badge-dark{color:#090c0e;background-color:#6a7783}.badge-dark[href]:focus,.badge-dark[href]:hover{text-decoration:none;color:#fff;background-color:#060607}.badge-default{color:#091428;background-color:#4172c6}.badge-default[href]:focus,.badge-default[href]:hover{text-decoration:none;color:#fff;background-color:#09111e}.badge-white{color:#e8e3e3;background-color:#fff}.badge-white[href]:focus,.badge-white[href]:hover{text-decoration:none;color:#212529;background-color:#e0e0e0}.badge-neutral{color:#e8e3e3;background-color:#fff}.badge-neutral[href]:focus,.badge-neutral[href]:hover{text-decoration:none;color:#212529;background-color:#e0e0e0}.badge-darker{color:#000;background-color:#525252}.badge-darker[href]:focus,.badge-darker[href]:hover{text-decoration:none;color:#fff;background-color:#000}.jumbotron{margin-bottom:2rem;padding:2rem 1rem;border-radius:.4375rem;background-color:#e9ecef}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;margin-bottom:1rem;padding:1rem 1.5rem;border:1px solid transparent;border-radius:.375rem}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4.5rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:1rem 1.5rem;color:inherit}.alert-primary{color:#fff;border-color:#7889e8;background-color:#7889e8}.alert-primary a{font-weight:600;color:#1d32aa}.alert-primary a:hover{color:#fff}.alert-primary hr{border-top-color:#6276e4}.alert-primary .alert-link{color:#324cdd}.alert-secondary{color:#212529;border-color:#f8fbfc;background-color:#f8fbfc}.alert-secondary a{font-weight:600;color:#8dbece}.alert-secondary a:hover{color:#212529}.alert-secondary hr{border-top-color:#e6f1f4}.alert-secondary .alert-link{color:#d2e3ee}.alert-success{color:#fff;border-color:#4fd69c;background-color:#4fd69c}.alert-success a{font-weight:600;color:#1a724c}.alert-success a:hover{color:#fff}.alert-success hr{border-top-color:#3ad190}.alert-success .alert-link{color:#24a46d}.alert-info{color:#fff;border-color:#37d5f2;background-color:#37d5f2}.alert-info a{font-weight:600;color:#097487}.alert-info a:hover{color:#fff}.alert-info hr{border-top-color:#1fd0f0}.alert-info .alert-link{color:#0da5c0}.alert-warning{color:#fff;border-color:#fc7c5f;background-color:#fc7c5f}.alert-warning a{font-weight:600;color:#be2604}.alert-warning a:hover{color:#fff}.alert-warning hr{border-top-color:#fc6846}.alert-warning .alert-link{color:#fa3a0e}.alert-danger{color:#fff;border-color:#f75676;background-color:#f75676}.alert-danger a{font-weight:600;color:#ac0829}.alert-danger a:hover{color:#fff}.alert-danger hr{border-top-color:#f63e62}.alert-danger .alert-link{color:#ec0c38}.alert-light{color:#fff;border-color:#bac1c8;background-color:#bac1c8}.alert-light a{font-weight:600;color:#677582}.alert-light a:hover{color:#fff}.alert-light hr{border-top-color:#acb4bd}.alert-light .alert-link{color:#919ca6}.alert-dark{color:#fff;border-color:#45484b;background-color:#45484b}.alert-dark a{font-weight:600;color:#000}.alert-dark a:hover{color:#fff}.alert-dark hr{border-top-color:#393b3e}.alert-dark .alert-link{color:#0a0c0d}.alert-default{color:#fff;border-color:#3c4d69;background-color:#3c4d69}.alert-default a{font-weight:600;color:#040608}.alert-default a:hover{color:#fff}.alert-default hr{border-top-color:#334159}.alert-default .alert-link{color:#0b1526}.alert-white{color:#212529;border-color:#fff;background-color:#fff}.alert-white a{font-weight:600;color:#b3b3b3}.alert-white a:hover{color:#212529}.alert-white hr{border-top-color:#f2f2f2}.alert-white .alert-link{color:#e6e6e6}.alert-neutral{color:#212529;border-color:#fff;background-color:#fff}.alert-neutral a{font-weight:600;color:#b3b3b3}.alert-neutral a:hover{color:#212529}.alert-neutral hr{border-top-color:#f2f2f2}.alert-neutral .alert-link{color:#e6e6e6}.alert-darker{color:#fff;border-color:#292929;background-color:#292929}.alert-darker a{font-weight:600;color:#000}.alert-darker a:hover{color:#fff}.alert-darker hr{border-top-color:#1c1c1c}.alert-darker .alert-link{color:#000}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{font-size:.75rem;display:flex;overflow:hidden;height:1rem;border-radius:.375rem;background-color:#e9ecef;box-shadow:inset 0 .1rem .1rem rgba(0,0,0,.1)}.progress-bar{display:flex;overflow:hidden;flex-direction:column;transition:width .6s ease;text-align:center;white-space:nowrap;color:#fff;background-color:#5e72e4;justify-content:center}@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{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1 1}.list-group{display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item-action{width:100%;text-align:inherit;color:#525f7f}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;text-decoration:none;color:#525f7f;background-color:#f6f9fc}.list-group-item-action:active{color:#525f7f;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:1rem 1rem;border:1px solid #e9ecef;background-color:#fff}.list-group-item:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.list-group-item:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.list-group-item.disabled,.list-group-item:disabled{pointer-events:none;color:#8898aa;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;border-color:#5e72e4;background-color:#5e72e4}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.375rem}.list-group-horizontal .list-group-item:last-child{border-top-right-radius:.375rem;border-bottom-left-radius:0}.list-group-horizontal .list-group-item.active{margin-top:0}.list-group-horizontal .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.375rem}.list-group-horizontal-sm .list-group-item:last-child{border-top-right-radius:.375rem;border-bottom-left-radius:0}.list-group-horizontal-sm .list-group-item.active{margin-top:0}.list-group-horizontal-sm .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.375rem}.list-group-horizontal-md .list-group-item:last-child{border-top-right-radius:.375rem;border-bottom-left-radius:0}.list-group-horizontal-md .list-group-item.active{margin-top:0}.list-group-horizontal-md .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.375rem}.list-group-horizontal-lg .list-group-item:last-child{border-top-right-radius:.375rem;border-bottom-left-radius:0}.list-group-horizontal-lg .list-group-item.active{margin-top:0}.list-group-horizontal-lg .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl .list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.375rem}.list-group-horizontal-xl .list-group-item:last-child{border-top-right-radius:.375rem;border-bottom-left-radius:0}.list-group-horizontal-xl .list-group-item.active{margin-top:0}.list-group-horizontal-xl .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#313b77;background-color:#d2d8f7}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#313b77;background-color:#bcc5f3}.list-group-item-primary.list-group-item-action.active{color:#fff;border-color:#313b77;background-color:#313b77}.list-group-item-secondary{color:#808283;background-color:#fdfefe}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#808283;background-color:#ecf6f6}.list-group-item-secondary.list-group-item-action.active{color:#fff;border-color:#808283;background-color:#808283}.list-group-item-success{color:#176b47;background-color:#c4f1de}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#176b47;background-color:#afecd2}.list-group-item-success.list-group-item-action.active{color:#fff;border-color:#176b47;background-color:#176b47}.list-group-item-info{color:#096b7c;background-color:#bcf1fb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#096b7c;background-color:#a4ecfa}.list-group-item-info.list-group-item-action.active{color:#fff;border-color:#096b7c;background-color:#096b7c}.list-group-item-warning{color:#833321;background-color:#fed3ca}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#833321;background-color:#febeb1}.list-group-item-warning.list-group-item-action.active{color:#fff;border-color:#833321;background-color:#833321}.list-group-item-danger{color:#7f1c30;background-color:#fcc7d1}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#7f1c30;background-color:#fbafbd}.list-group-item-danger.list-group-item-action.active{color:#fff;border-color:#7f1c30;background-color:#7f1c30}.list-group-item-light{color:#5a5e62;background-color:#e8eaed}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#5a5e62;background-color:#dadde2}.list-group-item-light.list-group-item-action.active{color:#fff;border-color:#5a5e62;background-color:#5a5e62}.list-group-item-dark{color:#111315;background-color:#c1c2c3}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#111315;background-color:#b4b5b6}.list-group-item-dark.list-group-item-action.active{color:#fff;border-color:#111315;background-color:#111315}.list-group-item-default{color:#0c1628;background-color:#bec4cd}.list-group-item-default.list-group-item-action:focus,.list-group-item-default.list-group-item-action:hover{color:#0c1628;background-color:#b0b7c2}.list-group-item-default.list-group-item-action.active{color:#fff;border-color:#0c1628;background-color:#0c1628}.list-group-item-white{color:#858585;background-color:#fff}.list-group-item-white.list-group-item-action:focus,.list-group-item-white.list-group-item-action:hover{color:#858585;background-color:#f2f2f2}.list-group-item-white.list-group-item-action.active{color:#fff;border-color:#858585;background-color:#858585}.list-group-item-neutral{color:#858585;background-color:#fff}.list-group-item-neutral.list-group-item-action:focus,.list-group-item-neutral.list-group-item-action:hover{color:#858585;background-color:#f2f2f2}.list-group-item-neutral.list-group-item-action.active{color:#fff;border-color:#858585;background-color:#858585}.list-group-item-darker{color:#000;background-color:#b8b8b8}.list-group-item-darker.list-group-item-action:focus,.list-group-item-darker.list-group-item-action:hover{color:#000;background-color:#ababab}.list-group-item-darker.list-group-item-action.active{color:#fff;border-color:#000;background-color:#000}.close{font-size:1.5rem;font-weight:600;line-height:1;float:right;opacity:.5;color:rgba(0,0,0,.6);text-shadow:none}@media (max-width:1200px){.close{font-size:calc(1.275rem + .3vw)}}.close:hover{text-decoration:none;color:rgba(0,0,0,.6)}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;border:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;z-index:1050;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{overflow:hidden;max-height:calc(100vh - 1rem)}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;min-height:calc(100% - 1rem);align-items:center}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:''}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;height:100%;justify-content:center}.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:flex;flex-direction:column;width:100%;pointer-events:auto;border:0 solid rgba(0,0,0,.2);border-radius:.4375rem;outline:0;background-color:#fff;background-clip:padding-box;box-shadow:0 15px 35px rgba(50,50,93,.2),0 5px 15px rgba(0,0,0,.17)}.modal-backdrop{position:fixed;z-index:1040;top:0;left:0;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.16}.modal-header{display:flex;padding:1.25rem;border-bottom:0 solid #e9ecef;border-top-left-radius:.4375rem;border-top-right-radius:.4375rem;align-items:flex-start;justify-content:space-between}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1.25rem}.modal-title{line-height:1.1;margin-bottom:0}.modal-body{position:relative;padding:1.5rem;flex:1 1 auto}.modal-footer{display:flex;padding:1.25rem;border-top:0 solid #e9ecef;border-bottom-right-radius:.4375rem;border-bottom-left-radius:.4375rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;overflow:scroll;width:50px;height:50px}@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-content{box-shadow:0 15px 35px rgba(50,50,93,.2),0 5px 15px rgba(0,0,0,.17)}.modal-sm{max-width:380px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:1.5;position:absolute;z-index:1070;display:block;margin:0;text-align:left;text-align:start;white-space:normal;text-decoration:none;letter-spacing:normal;word-spacing:normal;text-transform:none;word-wrap:break-word;word-break:normal;opacity:0;text-shadow:none;line-break:auto}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:'';border-style:solid;border-color:transparent}.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;text-align:center;color:#fff;border-radius:.375rem;background-color:#000}.popover{font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:1.5;position:absolute;z-index:1060;top:0;left:0;display:block;max-width:276px;text-align:left;text-align:start;white-space:normal;text-decoration:none;letter-spacing:normal;word-spacing:normal;text-transform:none;word-wrap:break-word;word-break:normal;border:1px solid rgba(0,0,0,.05);border-radius:.4375rem;background-color:#fff;background-clip:padding-box;box-shadow:0 .5rem 2rem 0 rgba(0,0,0,.2);text-shadow:none;line-break:auto}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .4375rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:'';border-style:solid;border-color:transparent}.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)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:transparent}.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);width:.5rem;height:1rem;margin:.4375rem 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:transparent}.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)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:transparent}.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 #fff}.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);width:.5rem;height:1rem;margin:.4375rem 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:transparent}.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{font-size:1rem;margin-bottom:0;padding:.5rem .95rem;color:#32325d;border-bottom:1px solid #f2f2f2;border-top-left-radius:calc(.4375rem - 1px);border-top-right-radius:calc(.4375rem - 1px);background-color:#fff}.popover-header:empty{display:none}.popover-body{padding:.5rem .95rem;color:#525f7f}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner::after{display:block;clear:both;content:''}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@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){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{transition-property:opacity;transform:none;opacity:0}.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;transition:opacity 0s .6s;opacity:0}@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;z-index:1;top:0;bottom:0;display:flex;width:15%;transition:opacity .15s ease;text-align:center;opacity:.5;color:#fff;align-items:center;justify-content:center}@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{text-decoration:none;opacity:.9;color:#fff;outline:0}.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\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z\'/%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\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z\'/%3e%3c/svg%3e')}.carousel-indicators{position:absolute;z-index:15;right:0;bottom:0;left:0;display:flex;margin-right:15%;margin-left:15%;padding-left:0;list-style:none;justify-content:center}.carousel-indicators li{box-sizing:content-box;width:30px;height:3px;margin-right:3px;margin-left:3px;cursor:pointer;transition:opacity .6s ease;text-indent:-999px;opacity:.5;border-top:10px solid transparent;border-bottom:10px solid transparent;background-color:#fff;background-clip:padding-box;flex:0 1 auto}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;z-index:10;right:15%;bottom:20px;left:15%;padding-top:20px;padding-bottom:20px;text-align:center;color:#fff}.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:#5e72e4!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#324cdd!important}.bg-secondary{background-color:#f7fafc!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#d2e3ee!important}.bg-success{background-color:#2dce89!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#24a46d!important}.bg-info{background-color:#11cdef!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#0da5c0!important}.bg-warning{background-color:#fb6340!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#fa3a0e!important}.bg-danger{background-color:#f5365c!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#ec0c38!important}.bg-light{background-color:#adb5bd!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#919ca6!important}.bg-dark{background-color:#212529!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#0a0c0d!important}.bg-default{background-color:#172b4d!important}a.bg-default:focus,a.bg-default:hover,button.bg-default:focus,button.bg-default:hover{background-color:#0b1526!important}.bg-white{background-color:#fff!important}a.bg-white:focus,a.bg-white:hover,button.bg-white:focus,button.bg-white:hover{background-color:#e6e6e6!important}.bg-neutral{background-color:#fff!important}a.bg-neutral:focus,a.bg-neutral:hover,button.bg-neutral:focus,button.bg-neutral:hover{background-color:#e6e6e6!important}.bg-darker{background-color:#000!important}a.bg-darker:focus,a.bg-darker:hover,button.bg-darker:focus,button.bg-darker:hover{background-color:#000!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #e9ecef!important}.border-top{border-top:1px solid #e9ecef!important}.border-right{border-right:1px solid #e9ecef!important}.border-bottom{border-bottom:1px solid #e9ecef!important}.border-left{border-left:1px solid #e9ecef!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:#5e72e4!important}.border-secondary{border-color:#f7fafc!important}.border-success{border-color:#2dce89!important}.border-info{border-color:#11cdef!important}.border-warning{border-color:#fb6340!important}.border-danger{border-color:#f5365c!important}.border-light{border-color:#adb5bd!important}.border-dark{border-color:#212529!important}.border-default{border-color:#172b4d!important}.border-white{border-color:#fff!important}.border-neutral{border-color:#fff!important}.border-darker{border-color:#000!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.25rem!important}.rounded{border-radius:.375rem!important}.rounded-top{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.rounded-right{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.rounded-bottom{border-bottom-right-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.rounded-left{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.rounded-lg{border-radius:.4375rem!important}.avatar.rounded-circle img,.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:flex!important}.d-inline-flex{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:flex!important}.d-sm-inline-flex{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:flex!important}.d-md-inline-flex{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:flex!important}.d-lg-inline-flex{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:flex!important}.d-xl-inline-flex{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:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;overflow:hidden;width:100%;padding:0}.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.85714%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.embed-responsive-21by9::before{padding-top:42.85714%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{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;z-index:1030;top:0;right:0;left:0}.fixed-bottom{position:fixed;z-index:1030;right:0;bottom:0;left:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;z-index:1020;top:0}}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;white-space:normal}.shadow-sm{box-shadow:0 0 .5rem rgba(136,152,170,.075)!important}.shadow{box-shadow:0 0 2rem 0 rgba(136,152,170,.15)!important}.shadow-lg{box-shadow:0 0 3rem rgba(136,152,170,.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;z-index:1;top:0;right:0;bottom:0;left:0;content:'';pointer-events:auto;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}.m--9{margin:-10rem!important}.mt--9,.my--9{margin-top:-10rem!important}.mr--9,.mx--9{margin-right:-10rem!important}.mb--9,.my--9{margin-bottom:-10rem!important}.ml--9,.mx--9{margin-left:-10rem!important}.m--8{margin:-8rem!important}.mt--8,.my--8{margin-top:-8rem!important}.mr--8,.mx--8{margin-right:-8rem!important}.mb--8,.my--8{margin-bottom:-8rem!important}.ml--8,.mx--8{margin-left:-8rem!important}.m--7{margin:-6rem!important}.mt--7,.my--7{margin-top:-6rem!important}.mr--7,.mx--7{margin-right:-6rem!important}.mb--7,.my--7{margin-bottom:-6rem!important}.ml--7,.mx--7{margin-left:-6rem!important}.m--6{margin:-4.5rem!important}.mt--6,.my--6{margin-top:-4.5rem!important}.mr--6,.mx--6{margin-right:-4.5rem!important}.mb--6,.my--6{margin-bottom:-4.5rem!important}.ml--6,.mx--6{margin-left:-4.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}.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--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--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--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-6{margin:4.5rem!important}.mt-6,.my-6{margin-top:4.5rem!important}.mr-6,.mx-6{margin-right:4.5rem!important}.mb-6,.my-6{margin-bottom:4.5rem!important}.ml-6,.mx-6{margin-left:4.5rem!important}.m-7{margin:6rem!important}.mt-7,.my-7{margin-top:6rem!important}.mr-7,.mx-7{margin-right:6rem!important}.mb-7,.my-7{margin-bottom:6rem!important}.ml-7,.mx-7{margin-left:6rem!important}.m-8{margin:8rem!important}.mt-8,.my-8{margin-top:8rem!important}.mr-8,.mx-8{margin-right:8rem!important}.mb-8,.my-8{margin-bottom:8rem!important}.ml-8,.mx-8{margin-left:8rem!important}.m-9{margin:10rem!important}.mt-9,.my-9{margin-top:10rem!important}.mr-9,.mx-9{margin-right:10rem!important}.mb-9,.my-9{margin-bottom:10rem!important}.ml-9,.mx-9{margin-left:10rem!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}.p-6{padding:4.5rem!important}.pt-6,.py-6{padding-top:4.5rem!important}.pr-6,.px-6{padding-right:4.5rem!important}.pb-6,.py-6{padding-bottom:4.5rem!important}.pl-6,.px-6{padding-left:4.5rem!important}.p-7{padding:6rem!important}.pt-7,.py-7{padding-top:6rem!important}.pr-7,.px-7{padding-right:6rem!important}.pb-7,.py-7{padding-bottom:6rem!important}.pl-7,.px-7{padding-left:6rem!important}.p-8{padding:8rem!important}.pt-8,.py-8{padding-top:8rem!important}.pr-8,.px-8{padding-right:8rem!important}.pb-8,.py-8{padding-bottom:8rem!important}.pl-8,.px-8{padding-left:8rem!important}.p-9{padding:10rem!important}.pt-9,.py-9{padding-top:10rem!important}.pr-9,.px-9{padding-right:10rem!important}.pb-9,.py-9{padding-bottom:10rem!important}.pl-9,.px-9{padding-left:10rem!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-n-9{margin:10rem!important}.mt-n-9,.my-n-9{margin-top:10rem!important}.mr-n-9,.mx-n-9{margin-right:10rem!important}.mb-n-9,.my-n-9{margin-bottom:10rem!important}.ml-n-9,.mx-n-9{margin-left:10rem!important}.m-n-8{margin:8rem!important}.mt-n-8,.my-n-8{margin-top:8rem!important}.mr-n-8,.mx-n-8{margin-right:8rem!important}.mb-n-8,.my-n-8{margin-bottom:8rem!important}.ml-n-8,.mx-n-8{margin-left:8rem!important}.m-n-7{margin:6rem!important}.mt-n-7,.my-n-7{margin-top:6rem!important}.mr-n-7,.mx-n-7{margin-right:6rem!important}.mb-n-7,.my-n-7{margin-bottom:6rem!important}.ml-n-7,.mx-n-7{margin-left:6rem!important}.m-n-6{margin:4.5rem!important}.mt-n-6,.my-n-6{margin-top:4.5rem!important}.mr-n-6,.mx-n-6{margin-right:4.5rem!important}.mb-n-6,.my-n-6{margin-bottom:4.5rem!important}.ml-n-6,.mx-n-6{margin-left:4.5rem!important}.m-n-5{margin:3rem!important}.mt-n-5,.my-n-5{margin-top:3rem!important}.mr-n-5,.mx-n-5{margin-right:3rem!important}.mb-n-5,.my-n-5{margin-bottom:3rem!important}.ml-n-5,.mx-n-5{margin-left:3rem!important}.m-n-4{margin:1.5rem!important}.mt-n-4,.my-n-4{margin-top:1.5rem!important}.mr-n-4,.mx-n-4{margin-right:1.5rem!important}.mb-n-4,.my-n-4{margin-bottom:1.5rem!important}.ml-n-4,.mx-n-4{margin-left:1.5rem!important}.m-n-3{margin:1rem!important}.mt-n-3,.my-n-3{margin-top:1rem!important}.mr-n-3,.mx-n-3{margin-right:1rem!important}.mb-n-3,.my-n-3{margin-bottom:1rem!important}.ml-n-3,.mx-n-3{margin-left:1rem!important}.m-n-2{margin:.5rem!important}.mt-n-2,.my-n-2{margin-top:.5rem!important}.mr-n-2,.mx-n-2{margin-right:.5rem!important}.mb-n-2,.my-n-2{margin-bottom:.5rem!important}.ml-n-2,.mx-n-2{margin-left:.5rem!important}.m-n-1{margin:.25rem!important}.mt-n-1,.my-n-1{margin-top:.25rem!important}.mr-n-1,.mx-n-1{margin-right:.25rem!important}.mb-n-1,.my-n-1{margin-bottom:.25rem!important}.ml-n-1,.mx-n-1{margin-left:.25rem!important}.m-n6{margin:-4.5rem!important}.mt-n6,.my-n6{margin-top:-4.5rem!important}.mr-n6,.mx-n6{margin-right:-4.5rem!important}.mb-n6,.my-n6{margin-bottom:-4.5rem!important}.ml-n6,.mx-n6{margin-left:-4.5rem!important}.m-n7{margin:-6rem!important}.mt-n7,.my-n7{margin-top:-6rem!important}.mr-n7,.mx-n7{margin-right:-6rem!important}.mb-n7,.my-n7{margin-bottom:-6rem!important}.ml-n7,.mx-n7{margin-left:-6rem!important}.m-n8{margin:-8rem!important}.mt-n8,.my-n8{margin-top:-8rem!important}.mr-n8,.mx-n8{margin-right:-8rem!important}.mb-n8,.my-n8{margin-bottom:-8rem!important}.ml-n8,.mx-n8{margin-left:-8rem!important}.m-n9{margin:-10rem!important}.mt-n9,.my-n9{margin-top:-10rem!important}.mr-n9,.mx-n9{margin-right:-10rem!important}.mb-n9,.my-n9{margin-bottom:-10rem!important}.ml-n9,.mx-n9{margin-left:-10rem!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}.m-sm--9{margin:-10rem!important}.mt-sm--9,.my-sm--9{margin-top:-10rem!important}.mr-sm--9,.mx-sm--9{margin-right:-10rem!important}.mb-sm--9,.my-sm--9{margin-bottom:-10rem!important}.ml-sm--9,.mx-sm--9{margin-left:-10rem!important}.m-sm--8{margin:-8rem!important}.mt-sm--8,.my-sm--8{margin-top:-8rem!important}.mr-sm--8,.mx-sm--8{margin-right:-8rem!important}.mb-sm--8,.my-sm--8{margin-bottom:-8rem!important}.ml-sm--8,.mx-sm--8{margin-left:-8rem!important}.m-sm--7{margin:-6rem!important}.mt-sm--7,.my-sm--7{margin-top:-6rem!important}.mr-sm--7,.mx-sm--7{margin-right:-6rem!important}.mb-sm--7,.my-sm--7{margin-bottom:-6rem!important}.ml-sm--7,.mx-sm--7{margin-left:-6rem!important}.m-sm--6{margin:-4.5rem!important}.mt-sm--6,.my-sm--6{margin-top:-4.5rem!important}.mr-sm--6,.mx-sm--6{margin-right:-4.5rem!important}.mb-sm--6,.my-sm--6{margin-bottom:-4.5rem!important}.ml-sm--6,.mx-sm--6{margin-left:-4.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}.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--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--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--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-6{margin:4.5rem!important}.mt-sm-6,.my-sm-6{margin-top:4.5rem!important}.mr-sm-6,.mx-sm-6{margin-right:4.5rem!important}.mb-sm-6,.my-sm-6{margin-bottom:4.5rem!important}.ml-sm-6,.mx-sm-6{margin-left:4.5rem!important}.m-sm-7{margin:6rem!important}.mt-sm-7,.my-sm-7{margin-top:6rem!important}.mr-sm-7,.mx-sm-7{margin-right:6rem!important}.mb-sm-7,.my-sm-7{margin-bottom:6rem!important}.ml-sm-7,.mx-sm-7{margin-left:6rem!important}.m-sm-8{margin:8rem!important}.mt-sm-8,.my-sm-8{margin-top:8rem!important}.mr-sm-8,.mx-sm-8{margin-right:8rem!important}.mb-sm-8,.my-sm-8{margin-bottom:8rem!important}.ml-sm-8,.mx-sm-8{margin-left:8rem!important}.m-sm-9{margin:10rem!important}.mt-sm-9,.my-sm-9{margin-top:10rem!important}.mr-sm-9,.mx-sm-9{margin-right:10rem!important}.mb-sm-9,.my-sm-9{margin-bottom:10rem!important}.ml-sm-9,.mx-sm-9{margin-left:10rem!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}.p-sm-6{padding:4.5rem!important}.pt-sm-6,.py-sm-6{padding-top:4.5rem!important}.pr-sm-6,.px-sm-6{padding-right:4.5rem!important}.pb-sm-6,.py-sm-6{padding-bottom:4.5rem!important}.pl-sm-6,.px-sm-6{padding-left:4.5rem!important}.p-sm-7{padding:6rem!important}.pt-sm-7,.py-sm-7{padding-top:6rem!important}.pr-sm-7,.px-sm-7{padding-right:6rem!important}.pb-sm-7,.py-sm-7{padding-bottom:6rem!important}.pl-sm-7,.px-sm-7{padding-left:6rem!important}.p-sm-8{padding:8rem!important}.pt-sm-8,.py-sm-8{padding-top:8rem!important}.pr-sm-8,.px-sm-8{padding-right:8rem!important}.pb-sm-8,.py-sm-8{padding-bottom:8rem!important}.pl-sm-8,.px-sm-8{padding-left:8rem!important}.p-sm-9{padding:10rem!important}.pt-sm-9,.py-sm-9{padding-top:10rem!important}.pr-sm-9,.px-sm-9{padding-right:10rem!important}.pb-sm-9,.py-sm-9{padding-bottom:10rem!important}.pl-sm-9,.px-sm-9{padding-left:10rem!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-n-9{margin:10rem!important}.mt-sm-n-9,.my-sm-n-9{margin-top:10rem!important}.mr-sm-n-9,.mx-sm-n-9{margin-right:10rem!important}.mb-sm-n-9,.my-sm-n-9{margin-bottom:10rem!important}.ml-sm-n-9,.mx-sm-n-9{margin-left:10rem!important}.m-sm-n-8{margin:8rem!important}.mt-sm-n-8,.my-sm-n-8{margin-top:8rem!important}.mr-sm-n-8,.mx-sm-n-8{margin-right:8rem!important}.mb-sm-n-8,.my-sm-n-8{margin-bottom:8rem!important}.ml-sm-n-8,.mx-sm-n-8{margin-left:8rem!important}.m-sm-n-7{margin:6rem!important}.mt-sm-n-7,.my-sm-n-7{margin-top:6rem!important}.mr-sm-n-7,.mx-sm-n-7{margin-right:6rem!important}.mb-sm-n-7,.my-sm-n-7{margin-bottom:6rem!important}.ml-sm-n-7,.mx-sm-n-7{margin-left:6rem!important}.m-sm-n-6{margin:4.5rem!important}.mt-sm-n-6,.my-sm-n-6{margin-top:4.5rem!important}.mr-sm-n-6,.mx-sm-n-6{margin-right:4.5rem!important}.mb-sm-n-6,.my-sm-n-6{margin-bottom:4.5rem!important}.ml-sm-n-6,.mx-sm-n-6{margin-left:4.5rem!important}.m-sm-n-5{margin:3rem!important}.mt-sm-n-5,.my-sm-n-5{margin-top:3rem!important}.mr-sm-n-5,.mx-sm-n-5{margin-right:3rem!important}.mb-sm-n-5,.my-sm-n-5{margin-bottom:3rem!important}.ml-sm-n-5,.mx-sm-n-5{margin-left:3rem!important}.m-sm-n-4{margin:1.5rem!important}.mt-sm-n-4,.my-sm-n-4{margin-top:1.5rem!important}.mr-sm-n-4,.mx-sm-n-4{margin-right:1.5rem!important}.mb-sm-n-4,.my-sm-n-4{margin-bottom:1.5rem!important}.ml-sm-n-4,.mx-sm-n-4{margin-left:1.5rem!important}.m-sm-n-3{margin:1rem!important}.mt-sm-n-3,.my-sm-n-3{margin-top:1rem!important}.mr-sm-n-3,.mx-sm-n-3{margin-right:1rem!important}.mb-sm-n-3,.my-sm-n-3{margin-bottom:1rem!important}.ml-sm-n-3,.mx-sm-n-3{margin-left:1rem!important}.m-sm-n-2{margin:.5rem!important}.mt-sm-n-2,.my-sm-n-2{margin-top:.5rem!important}.mr-sm-n-2,.mx-sm-n-2{margin-right:.5rem!important}.mb-sm-n-2,.my-sm-n-2{margin-bottom:.5rem!important}.ml-sm-n-2,.mx-sm-n-2{margin-left:.5rem!important}.m-sm-n-1{margin:.25rem!important}.mt-sm-n-1,.my-sm-n-1{margin-top:.25rem!important}.mr-sm-n-1,.mx-sm-n-1{margin-right:.25rem!important}.mb-sm-n-1,.my-sm-n-1{margin-bottom:.25rem!important}.ml-sm-n-1,.mx-sm-n-1{margin-left:.25rem!important}.m-sm-n6{margin:-4.5rem!important}.mt-sm-n6,.my-sm-n6{margin-top:-4.5rem!important}.mr-sm-n6,.mx-sm-n6{margin-right:-4.5rem!important}.mb-sm-n6,.my-sm-n6{margin-bottom:-4.5rem!important}.ml-sm-n6,.mx-sm-n6{margin-left:-4.5rem!important}.m-sm-n7{margin:-6rem!important}.mt-sm-n7,.my-sm-n7{margin-top:-6rem!important}.mr-sm-n7,.mx-sm-n7{margin-right:-6rem!important}.mb-sm-n7,.my-sm-n7{margin-bottom:-6rem!important}.ml-sm-n7,.mx-sm-n7{margin-left:-6rem!important}.m-sm-n8{margin:-8rem!important}.mt-sm-n8,.my-sm-n8{margin-top:-8rem!important}.mr-sm-n8,.mx-sm-n8{margin-right:-8rem!important}.mb-sm-n8,.my-sm-n8{margin-bottom:-8rem!important}.ml-sm-n8,.mx-sm-n8{margin-left:-8rem!important}.m-sm-n9{margin:-10rem!important}.mt-sm-n9,.my-sm-n9{margin-top:-10rem!important}.mr-sm-n9,.mx-sm-n9{margin-right:-10rem!important}.mb-sm-n9,.my-sm-n9{margin-bottom:-10rem!important}.ml-sm-n9,.mx-sm-n9{margin-left:-10rem!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}.m-md--9{margin:-10rem!important}.mt-md--9,.my-md--9{margin-top:-10rem!important}.mr-md--9,.mx-md--9{margin-right:-10rem!important}.mb-md--9,.my-md--9{margin-bottom:-10rem!important}.ml-md--9,.mx-md--9{margin-left:-10rem!important}.m-md--8{margin:-8rem!important}.mt-md--8,.my-md--8{margin-top:-8rem!important}.mr-md--8,.mx-md--8{margin-right:-8rem!important}.mb-md--8,.my-md--8{margin-bottom:-8rem!important}.ml-md--8,.mx-md--8{margin-left:-8rem!important}.m-md--7{margin:-6rem!important}.mt-md--7,.my-md--7{margin-top:-6rem!important}.mr-md--7,.mx-md--7{margin-right:-6rem!important}.mb-md--7,.my-md--7{margin-bottom:-6rem!important}.ml-md--7,.mx-md--7{margin-left:-6rem!important}.m-md--6{margin:-4.5rem!important}.mt-md--6,.my-md--6{margin-top:-4.5rem!important}.mr-md--6,.mx-md--6{margin-right:-4.5rem!important}.mb-md--6,.my-md--6{margin-bottom:-4.5rem!important}.ml-md--6,.mx-md--6{margin-left:-4.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}.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--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--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--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-6{margin:4.5rem!important}.mt-md-6,.my-md-6{margin-top:4.5rem!important}.mr-md-6,.mx-md-6{margin-right:4.5rem!important}.mb-md-6,.my-md-6{margin-bottom:4.5rem!important}.ml-md-6,.mx-md-6{margin-left:4.5rem!important}.m-md-7{margin:6rem!important}.mt-md-7,.my-md-7{margin-top:6rem!important}.mr-md-7,.mx-md-7{margin-right:6rem!important}.mb-md-7,.my-md-7{margin-bottom:6rem!important}.ml-md-7,.mx-md-7{margin-left:6rem!important}.m-md-8{margin:8rem!important}.mt-md-8,.my-md-8{margin-top:8rem!important}.mr-md-8,.mx-md-8{margin-right:8rem!important}.mb-md-8,.my-md-8{margin-bottom:8rem!important}.ml-md-8,.mx-md-8{margin-left:8rem!important}.m-md-9{margin:10rem!important}.mt-md-9,.my-md-9{margin-top:10rem!important}.mr-md-9,.mx-md-9{margin-right:10rem!important}.mb-md-9,.my-md-9{margin-bottom:10rem!important}.ml-md-9,.mx-md-9{margin-left:10rem!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}.p-md-6{padding:4.5rem!important}.pt-md-6,.py-md-6{padding-top:4.5rem!important}.pr-md-6,.px-md-6{padding-right:4.5rem!important}.pb-md-6,.py-md-6{padding-bottom:4.5rem!important}.pl-md-6,.px-md-6{padding-left:4.5rem!important}.p-md-7{padding:6rem!important}.pt-md-7,.py-md-7{padding-top:6rem!important}.pr-md-7,.px-md-7{padding-right:6rem!important}.pb-md-7,.py-md-7{padding-bottom:6rem!important}.pl-md-7,.px-md-7{padding-left:6rem!important}.p-md-8{padding:8rem!important}.pt-md-8,.py-md-8{padding-top:8rem!important}.pr-md-8,.px-md-8{padding-right:8rem!important}.pb-md-8,.py-md-8{padding-bottom:8rem!important}.pl-md-8,.px-md-8{padding-left:8rem!important}.p-md-9{padding:10rem!important}.pt-md-9,.py-md-9{padding-top:10rem!important}.pr-md-9,.px-md-9{padding-right:10rem!important}.pb-md-9,.py-md-9{padding-bottom:10rem!important}.pl-md-9,.px-md-9{padding-left:10rem!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-n-9{margin:10rem!important}.mt-md-n-9,.my-md-n-9{margin-top:10rem!important}.mr-md-n-9,.mx-md-n-9{margin-right:10rem!important}.mb-md-n-9,.my-md-n-9{margin-bottom:10rem!important}.ml-md-n-9,.mx-md-n-9{margin-left:10rem!important}.m-md-n-8{margin:8rem!important}.mt-md-n-8,.my-md-n-8{margin-top:8rem!important}.mr-md-n-8,.mx-md-n-8{margin-right:8rem!important}.mb-md-n-8,.my-md-n-8{margin-bottom:8rem!important}.ml-md-n-8,.mx-md-n-8{margin-left:8rem!important}.m-md-n-7{margin:6rem!important}.mt-md-n-7,.my-md-n-7{margin-top:6rem!important}.mr-md-n-7,.mx-md-n-7{margin-right:6rem!important}.mb-md-n-7,.my-md-n-7{margin-bottom:6rem!important}.ml-md-n-7,.mx-md-n-7{margin-left:6rem!important}.m-md-n-6{margin:4.5rem!important}.mt-md-n-6,.my-md-n-6{margin-top:4.5rem!important}.mr-md-n-6,.mx-md-n-6{margin-right:4.5rem!important}.mb-md-n-6,.my-md-n-6{margin-bottom:4.5rem!important}.ml-md-n-6,.mx-md-n-6{margin-left:4.5rem!important}.m-md-n-5{margin:3rem!important}.mt-md-n-5,.my-md-n-5{margin-top:3rem!important}.mr-md-n-5,.mx-md-n-5{margin-right:3rem!important}.mb-md-n-5,.my-md-n-5{margin-bottom:3rem!important}.ml-md-n-5,.mx-md-n-5{margin-left:3rem!important}.m-md-n-4{margin:1.5rem!important}.mt-md-n-4,.my-md-n-4{margin-top:1.5rem!important}.mr-md-n-4,.mx-md-n-4{margin-right:1.5rem!important}.mb-md-n-4,.my-md-n-4{margin-bottom:1.5rem!important}.ml-md-n-4,.mx-md-n-4{margin-left:1.5rem!important}.m-md-n-3{margin:1rem!important}.mt-md-n-3,.my-md-n-3{margin-top:1rem!important}.mr-md-n-3,.mx-md-n-3{margin-right:1rem!important}.mb-md-n-3,.my-md-n-3{margin-bottom:1rem!important}.ml-md-n-3,.mx-md-n-3{margin-left:1rem!important}.m-md-n-2{margin:.5rem!important}.mt-md-n-2,.my-md-n-2{margin-top:.5rem!important}.mr-md-n-2,.mx-md-n-2{margin-right:.5rem!important}.mb-md-n-2,.my-md-n-2{margin-bottom:.5rem!important}.ml-md-n-2,.mx-md-n-2{margin-left:.5rem!important}.m-md-n-1{margin:.25rem!important}.mt-md-n-1,.my-md-n-1{margin-top:.25rem!important}.mr-md-n-1,.mx-md-n-1{margin-right:.25rem!important}.mb-md-n-1,.my-md-n-1{margin-bottom:.25rem!important}.ml-md-n-1,.mx-md-n-1{margin-left:.25rem!important}.m-md-n6{margin:-4.5rem!important}.mt-md-n6,.my-md-n6{margin-top:-4.5rem!important}.mr-md-n6,.mx-md-n6{margin-right:-4.5rem!important}.mb-md-n6,.my-md-n6{margin-bottom:-4.5rem!important}.ml-md-n6,.mx-md-n6{margin-left:-4.5rem!important}.m-md-n7{margin:-6rem!important}.mt-md-n7,.my-md-n7{margin-top:-6rem!important}.mr-md-n7,.mx-md-n7{margin-right:-6rem!important}.mb-md-n7,.my-md-n7{margin-bottom:-6rem!important}.ml-md-n7,.mx-md-n7{margin-left:-6rem!important}.m-md-n8{margin:-8rem!important}.mt-md-n8,.my-md-n8{margin-top:-8rem!important}.mr-md-n8,.mx-md-n8{margin-right:-8rem!important}.mb-md-n8,.my-md-n8{margin-bottom:-8rem!important}.ml-md-n8,.mx-md-n8{margin-left:-8rem!important}.m-md-n9{margin:-10rem!important}.mt-md-n9,.my-md-n9{margin-top:-10rem!important}.mr-md-n9,.mx-md-n9{margin-right:-10rem!important}.mb-md-n9,.my-md-n9{margin-bottom:-10rem!important}.ml-md-n9,.mx-md-n9{margin-left:-10rem!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}.m-lg--9{margin:-10rem!important}.mt-lg--9,.my-lg--9{margin-top:-10rem!important}.mr-lg--9,.mx-lg--9{margin-right:-10rem!important}.mb-lg--9,.my-lg--9{margin-bottom:-10rem!important}.ml-lg--9,.mx-lg--9{margin-left:-10rem!important}.m-lg--8{margin:-8rem!important}.mt-lg--8,.my-lg--8{margin-top:-8rem!important}.mr-lg--8,.mx-lg--8{margin-right:-8rem!important}.mb-lg--8,.my-lg--8{margin-bottom:-8rem!important}.ml-lg--8,.mx-lg--8{margin-left:-8rem!important}.m-lg--7{margin:-6rem!important}.mt-lg--7,.my-lg--7{margin-top:-6rem!important}.mr-lg--7,.mx-lg--7{margin-right:-6rem!important}.mb-lg--7,.my-lg--7{margin-bottom:-6rem!important}.ml-lg--7,.mx-lg--7{margin-left:-6rem!important}.m-lg--6{margin:-4.5rem!important}.mt-lg--6,.my-lg--6{margin-top:-4.5rem!important}.mr-lg--6,.mx-lg--6{margin-right:-4.5rem!important}.mb-lg--6,.my-lg--6{margin-bottom:-4.5rem!important}.ml-lg--6,.mx-lg--6{margin-left:-4.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}.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--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--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--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-6{margin:4.5rem!important}.mt-lg-6,.my-lg-6{margin-top:4.5rem!important}.mr-lg-6,.mx-lg-6{margin-right:4.5rem!important}.mb-lg-6,.my-lg-6{margin-bottom:4.5rem!important}.ml-lg-6,.mx-lg-6{margin-left:4.5rem!important}.m-lg-7{margin:6rem!important}.mt-lg-7,.my-lg-7{margin-top:6rem!important}.mr-lg-7,.mx-lg-7{margin-right:6rem!important}.mb-lg-7,.my-lg-7{margin-bottom:6rem!important}.ml-lg-7,.mx-lg-7{margin-left:6rem!important}.m-lg-8{margin:8rem!important}.mt-lg-8,.my-lg-8{margin-top:8rem!important}.mr-lg-8,.mx-lg-8{margin-right:8rem!important}.mb-lg-8,.my-lg-8{margin-bottom:8rem!important}.ml-lg-8,.mx-lg-8{margin-left:8rem!important}.m-lg-9{margin:10rem!important}.mt-lg-9,.my-lg-9{margin-top:10rem!important}.mr-lg-9,.mx-lg-9{margin-right:10rem!important}.mb-lg-9,.my-lg-9{margin-bottom:10rem!important}.ml-lg-9,.mx-lg-9{margin-left:10rem!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}.p-lg-6{padding:4.5rem!important}.pt-lg-6,.py-lg-6{padding-top:4.5rem!important}.pr-lg-6,.px-lg-6{padding-right:4.5rem!important}.pb-lg-6,.py-lg-6{padding-bottom:4.5rem!important}.pl-lg-6,.px-lg-6{padding-left:4.5rem!important}.p-lg-7{padding:6rem!important}.pt-lg-7,.py-lg-7{padding-top:6rem!important}.pr-lg-7,.px-lg-7{padding-right:6rem!important}.pb-lg-7,.py-lg-7{padding-bottom:6rem!important}.pl-lg-7,.px-lg-7{padding-left:6rem!important}.p-lg-8{padding:8rem!important}.pt-lg-8,.py-lg-8{padding-top:8rem!important}.pr-lg-8,.px-lg-8{padding-right:8rem!important}.pb-lg-8,.py-lg-8{padding-bottom:8rem!important}.pl-lg-8,.px-lg-8{padding-left:8rem!important}.p-lg-9{padding:10rem!important}.pt-lg-9,.py-lg-9{padding-top:10rem!important}.pr-lg-9,.px-lg-9{padding-right:10rem!important}.pb-lg-9,.py-lg-9{padding-bottom:10rem!important}.pl-lg-9,.px-lg-9{padding-left:10rem!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-n-9{margin:10rem!important}.mt-lg-n-9,.my-lg-n-9{margin-top:10rem!important}.mr-lg-n-9,.mx-lg-n-9{margin-right:10rem!important}.mb-lg-n-9,.my-lg-n-9{margin-bottom:10rem!important}.ml-lg-n-9,.mx-lg-n-9{margin-left:10rem!important}.m-lg-n-8{margin:8rem!important}.mt-lg-n-8,.my-lg-n-8{margin-top:8rem!important}.mr-lg-n-8,.mx-lg-n-8{margin-right:8rem!important}.mb-lg-n-8,.my-lg-n-8{margin-bottom:8rem!important}.ml-lg-n-8,.mx-lg-n-8{margin-left:8rem!important}.m-lg-n-7{margin:6rem!important}.mt-lg-n-7,.my-lg-n-7{margin-top:6rem!important}.mr-lg-n-7,.mx-lg-n-7{margin-right:6rem!important}.mb-lg-n-7,.my-lg-n-7{margin-bottom:6rem!important}.ml-lg-n-7,.mx-lg-n-7{margin-left:6rem!important}.m-lg-n-6{margin:4.5rem!important}.mt-lg-n-6,.my-lg-n-6{margin-top:4.5rem!important}.mr-lg-n-6,.mx-lg-n-6{margin-right:4.5rem!important}.mb-lg-n-6,.my-lg-n-6{margin-bottom:4.5rem!important}.ml-lg-n-6,.mx-lg-n-6{margin-left:4.5rem!important}.m-lg-n-5{margin:3rem!important}.mt-lg-n-5,.my-lg-n-5{margin-top:3rem!important}.mr-lg-n-5,.mx-lg-n-5{margin-right:3rem!important}.mb-lg-n-5,.my-lg-n-5{margin-bottom:3rem!important}.ml-lg-n-5,.mx-lg-n-5{margin-left:3rem!important}.m-lg-n-4{margin:1.5rem!important}.mt-lg-n-4,.my-lg-n-4{margin-top:1.5rem!important}.mr-lg-n-4,.mx-lg-n-4{margin-right:1.5rem!important}.mb-lg-n-4,.my-lg-n-4{margin-bottom:1.5rem!important}.ml-lg-n-4,.mx-lg-n-4{margin-left:1.5rem!important}.m-lg-n-3{margin:1rem!important}.mt-lg-n-3,.my-lg-n-3{margin-top:1rem!important}.mr-lg-n-3,.mx-lg-n-3{margin-right:1rem!important}.mb-lg-n-3,.my-lg-n-3{margin-bottom:1rem!important}.ml-lg-n-3,.mx-lg-n-3{margin-left:1rem!important}.m-lg-n-2{margin:.5rem!important}.mt-lg-n-2,.my-lg-n-2{margin-top:.5rem!important}.mr-lg-n-2,.mx-lg-n-2{margin-right:.5rem!important}.mb-lg-n-2,.my-lg-n-2{margin-bottom:.5rem!important}.ml-lg-n-2,.mx-lg-n-2{margin-left:.5rem!important}.m-lg-n-1{margin:.25rem!important}.mt-lg-n-1,.my-lg-n-1{margin-top:.25rem!important}.mr-lg-n-1,.mx-lg-n-1{margin-right:.25rem!important}.mb-lg-n-1,.my-lg-n-1{margin-bottom:.25rem!important}.ml-lg-n-1,.mx-lg-n-1{margin-left:.25rem!important}.m-lg-n6{margin:-4.5rem!important}.mt-lg-n6,.my-lg-n6{margin-top:-4.5rem!important}.mr-lg-n6,.mx-lg-n6{margin-right:-4.5rem!important}.mb-lg-n6,.my-lg-n6{margin-bottom:-4.5rem!important}.ml-lg-n6,.mx-lg-n6{margin-left:-4.5rem!important}.m-lg-n7{margin:-6rem!important}.mt-lg-n7,.my-lg-n7{margin-top:-6rem!important}.mr-lg-n7,.mx-lg-n7{margin-right:-6rem!important}.mb-lg-n7,.my-lg-n7{margin-bottom:-6rem!important}.ml-lg-n7,.mx-lg-n7{margin-left:-6rem!important}.m-lg-n8{margin:-8rem!important}.mt-lg-n8,.my-lg-n8{margin-top:-8rem!important}.mr-lg-n8,.mx-lg-n8{margin-right:-8rem!important}.mb-lg-n8,.my-lg-n8{margin-bottom:-8rem!important}.ml-lg-n8,.mx-lg-n8{margin-left:-8rem!important}.m-lg-n9{margin:-10rem!important}.mt-lg-n9,.my-lg-n9{margin-top:-10rem!important}.mr-lg-n9,.mx-lg-n9{margin-right:-10rem!important}.mb-lg-n9,.my-lg-n9{margin-bottom:-10rem!important}.ml-lg-n9,.mx-lg-n9{margin-left:-10rem!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}.m-xl--9{margin:-10rem!important}.mt-xl--9,.my-xl--9{margin-top:-10rem!important}.mr-xl--9,.mx-xl--9{margin-right:-10rem!important}.mb-xl--9,.my-xl--9{margin-bottom:-10rem!important}.ml-xl--9,.mx-xl--9{margin-left:-10rem!important}.m-xl--8{margin:-8rem!important}.mt-xl--8,.my-xl--8{margin-top:-8rem!important}.mr-xl--8,.mx-xl--8{margin-right:-8rem!important}.mb-xl--8,.my-xl--8{margin-bottom:-8rem!important}.ml-xl--8,.mx-xl--8{margin-left:-8rem!important}.m-xl--7{margin:-6rem!important}.mt-xl--7,.my-xl--7{margin-top:-6rem!important}.mr-xl--7,.mx-xl--7{margin-right:-6rem!important}.mb-xl--7,.my-xl--7{margin-bottom:-6rem!important}.ml-xl--7,.mx-xl--7{margin-left:-6rem!important}.m-xl--6{margin:-4.5rem!important}.mt-xl--6,.my-xl--6{margin-top:-4.5rem!important}.mr-xl--6,.mx-xl--6{margin-right:-4.5rem!important}.mb-xl--6,.my-xl--6{margin-bottom:-4.5rem!important}.ml-xl--6,.mx-xl--6{margin-left:-4.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}.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--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--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--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-6{margin:4.5rem!important}.mt-xl-6,.my-xl-6{margin-top:4.5rem!important}.mr-xl-6,.mx-xl-6{margin-right:4.5rem!important}.mb-xl-6,.my-xl-6{margin-bottom:4.5rem!important}.ml-xl-6,.mx-xl-6{margin-left:4.5rem!important}.m-xl-7{margin:6rem!important}.mt-xl-7,.my-xl-7{margin-top:6rem!important}.mr-xl-7,.mx-xl-7{margin-right:6rem!important}.mb-xl-7,.my-xl-7{margin-bottom:6rem!important}.ml-xl-7,.mx-xl-7{margin-left:6rem!important}.m-xl-8{margin:8rem!important}.mt-xl-8,.my-xl-8{margin-top:8rem!important}.mr-xl-8,.mx-xl-8{margin-right:8rem!important}.mb-xl-8,.my-xl-8{margin-bottom:8rem!important}.ml-xl-8,.mx-xl-8{margin-left:8rem!important}.m-xl-9{margin:10rem!important}.mt-xl-9,.my-xl-9{margin-top:10rem!important}.mr-xl-9,.mx-xl-9{margin-right:10rem!important}.mb-xl-9,.my-xl-9{margin-bottom:10rem!important}.ml-xl-9,.mx-xl-9{margin-left:10rem!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}.p-xl-6{padding:4.5rem!important}.pt-xl-6,.py-xl-6{padding-top:4.5rem!important}.pr-xl-6,.px-xl-6{padding-right:4.5rem!important}.pb-xl-6,.py-xl-6{padding-bottom:4.5rem!important}.pl-xl-6,.px-xl-6{padding-left:4.5rem!important}.p-xl-7{padding:6rem!important}.pt-xl-7,.py-xl-7{padding-top:6rem!important}.pr-xl-7,.px-xl-7{padding-right:6rem!important}.pb-xl-7,.py-xl-7{padding-bottom:6rem!important}.pl-xl-7,.px-xl-7{padding-left:6rem!important}.p-xl-8{padding:8rem!important}.pt-xl-8,.py-xl-8{padding-top:8rem!important}.pr-xl-8,.px-xl-8{padding-right:8rem!important}.pb-xl-8,.py-xl-8{padding-bottom:8rem!important}.pl-xl-8,.px-xl-8{padding-left:8rem!important}.p-xl-9{padding:10rem!important}.pt-xl-9,.py-xl-9{padding-top:10rem!important}.pr-xl-9,.px-xl-9{padding-right:10rem!important}.pb-xl-9,.py-xl-9{padding-bottom:10rem!important}.pl-xl-9,.px-xl-9{padding-left:10rem!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-n-9{margin:10rem!important}.mt-xl-n-9,.my-xl-n-9{margin-top:10rem!important}.mr-xl-n-9,.mx-xl-n-9{margin-right:10rem!important}.mb-xl-n-9,.my-xl-n-9{margin-bottom:10rem!important}.ml-xl-n-9,.mx-xl-n-9{margin-left:10rem!important}.m-xl-n-8{margin:8rem!important}.mt-xl-n-8,.my-xl-n-8{margin-top:8rem!important}.mr-xl-n-8,.mx-xl-n-8{margin-right:8rem!important}.mb-xl-n-8,.my-xl-n-8{margin-bottom:8rem!important}.ml-xl-n-8,.mx-xl-n-8{margin-left:8rem!important}.m-xl-n-7{margin:6rem!important}.mt-xl-n-7,.my-xl-n-7{margin-top:6rem!important}.mr-xl-n-7,.mx-xl-n-7{margin-right:6rem!important}.mb-xl-n-7,.my-xl-n-7{margin-bottom:6rem!important}.ml-xl-n-7,.mx-xl-n-7{margin-left:6rem!important}.m-xl-n-6{margin:4.5rem!important}.mt-xl-n-6,.my-xl-n-6{margin-top:4.5rem!important}.mr-xl-n-6,.mx-xl-n-6{margin-right:4.5rem!important}.mb-xl-n-6,.my-xl-n-6{margin-bottom:4.5rem!important}.ml-xl-n-6,.mx-xl-n-6{margin-left:4.5rem!important}.m-xl-n-5{margin:3rem!important}.mt-xl-n-5,.my-xl-n-5{margin-top:3rem!important}.mr-xl-n-5,.mx-xl-n-5{margin-right:3rem!important}.mb-xl-n-5,.my-xl-n-5{margin-bottom:3rem!important}.ml-xl-n-5,.mx-xl-n-5{margin-left:3rem!important}.m-xl-n-4{margin:1.5rem!important}.mt-xl-n-4,.my-xl-n-4{margin-top:1.5rem!important}.mr-xl-n-4,.mx-xl-n-4{margin-right:1.5rem!important}.mb-xl-n-4,.my-xl-n-4{margin-bottom:1.5rem!important}.ml-xl-n-4,.mx-xl-n-4{margin-left:1.5rem!important}.m-xl-n-3{margin:1rem!important}.mt-xl-n-3,.my-xl-n-3{margin-top:1rem!important}.mr-xl-n-3,.mx-xl-n-3{margin-right:1rem!important}.mb-xl-n-3,.my-xl-n-3{margin-bottom:1rem!important}.ml-xl-n-3,.mx-xl-n-3{margin-left:1rem!important}.m-xl-n-2{margin:.5rem!important}.mt-xl-n-2,.my-xl-n-2{margin-top:.5rem!important}.mr-xl-n-2,.mx-xl-n-2{margin-right:.5rem!important}.mb-xl-n-2,.my-xl-n-2{margin-bottom:.5rem!important}.ml-xl-n-2,.mx-xl-n-2{margin-left:.5rem!important}.m-xl-n-1{margin:.25rem!important}.mt-xl-n-1,.my-xl-n-1{margin-top:.25rem!important}.mr-xl-n-1,.mx-xl-n-1{margin-right:.25rem!important}.mb-xl-n-1,.my-xl-n-1{margin-bottom:.25rem!important}.ml-xl-n-1,.mx-xl-n-1{margin-left:.25rem!important}.m-xl-n6{margin:-4.5rem!important}.mt-xl-n6,.my-xl-n6{margin-top:-4.5rem!important}.mr-xl-n6,.mx-xl-n6{margin-right:-4.5rem!important}.mb-xl-n6,.my-xl-n6{margin-bottom:-4.5rem!important}.ml-xl-n6,.mx-xl-n6{margin-left:-4.5rem!important}.m-xl-n7{margin:-6rem!important}.mt-xl-n7,.my-xl-n7{margin-top:-6rem!important}.mr-xl-n7,.mx-xl-n7{margin-right:-6rem!important}.mb-xl-n7,.my-xl-n7{margin-bottom:-6rem!important}.ml-xl-n7,.mx-xl-n7{margin-left:-6rem!important}.m-xl-n8{margin:-8rem!important}.mt-xl-n8,.my-xl-n8{margin-top:-8rem!important}.mr-xl-n8,.mx-xl-n8{margin-right:-8rem!important}.mb-xl-n8,.my-xl-n8{margin-bottom:-8rem!important}.ml-xl-n8,.mx-xl-n8{margin-left:-8rem!important}.m-xl-n9{margin:-10rem!important}.mt-xl-n9,.my-xl-n9{margin-top:-10rem!important}.mr-xl-n9,.mx-xl-n9{margin-right:-10rem!important}.mb-xl-n9,.my-xl-n9{margin-bottom:-10rem!important}.ml-xl-n9,.mx-xl-n9{margin-left:-10rem!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;white-space:nowrap;text-overflow:ellipsis}.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:600!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#5e72e4!important}a.text-primary:focus,a.text-primary:hover{color:#233dd2!important}.text-secondary{color:#f7fafc!important}a.text-secondary:focus,a.text-secondary:hover{color:#bfd7e7!important}.text-success{color:#2dce89!important}a.text-success:focus,a.text-success:hover{color:#1f8f5f!important}.text-info{color:#11cdef!important}a.text-info:focus,a.text-info:hover{color:#0b90a8!important}.text-warning{color:#fb6340!important}a.text-warning:focus,a.text-warning:hover{color:#ea3005!important}.text-danger{color:#f5365c!important}a.text-danger:focus,a.text-danger:hover{color:#d40b33!important}.text-light{color:#adb5bd!important}a.text-light:focus,a.text-light:hover{color:#838f9b!important}.text-dark{color:#212529!important}a.text-dark:focus,a.text-dark:hover{color:#000!important}.text-default{color:#172b4d!important}a.text-default:focus,a.text-default:hover{color:#050a12!important}.text-white{color:#fff!important}a.text-white:focus,a.text-white:hover{color:#d9d9d9!important}.text-neutral{color:#fff!important}a.text-neutral:focus,a.text-neutral:hover{color:#d9d9d9!important}.text-darker{color:#000!important}a.text-darker:focus,a.text-darker:hover{color:#000!important}.text-body{color:#525f7f!important}.text-muted{color:#8898aa!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;border:0;background-color:transparent;text-shadow:none}.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{box-shadow:none!important;text-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:#e9ecef}.table .thead-dark th{color:inherit;border-color:#e9ecef}}.alert{font-size:.875rem}.alert-heading{font-size:.9375rem;font-weight:600;margin-top:.15rem}.alert-icon{font-size:1.25rem;display:inline-block;margin-right:1.25rem;vertical-align:middle}.alert-icon i.ni{position:relative;top:2px}.alert-text{display:inline-block;vertical-align:middle}[class*=alert-] .alert-link{color:#fff;border-bottom:1px dotted rgba(255,255,255,.5)}.alert-dismissible .close{top:50%;right:1.5rem;padding:0;transform:translateY(-50%);opacity:1}@media (max-width:575.98px){.alert-dismissible .close{top:1rem;right:.5rem}}.alert-dismissible .close>span:not(.sr-only){font-size:1.5rem;color:rgba(255,255,255,.6);background-color:transparent}.alert-dismissible .close:focus>span:not(.sr-only),.alert-dismissible .close:hover>span:not(.sr-only){color:#fff;background-color:transparent}.alert-secondary .close>span:not(.sr-only){color:rgba(23,43,77,.6)}.alert-secondary .close:focus>span:not(.sr-only),.alert-secondary .close:hover>span:not(.sr-only){color:#172b4d}.avatar{font-size:1rem;display:inline-flex;width:48px;height:48px;color:#fff;border-radius:.375rem;background-color:#adb5bd;align-items:center;justify-content:center}.avatar img{width:100%;border-radius:.375rem}.avatar+.avatar-content{display:inline-block;margin-left:.75rem}.avatar-lg{font-size:.875rem;width:58px;height:58px}.avatar-sm{font-size:.875rem;width:36px;height:36px}.avatar-group .avatar{position:relative;z-index:2;border:2px solid #fff}.avatar-group .avatar:hover{z-index:3}.avatar-group .avatar+.avatar{margin-left:-1rem}.badge{text-transform:uppercase}.badge a{color:#fff}.badge-md{padding:.65em 1em}.badge-lg{padding:.85em 1.375em}.badge-inline{margin-right:.625rem}.badge-inline+span{position:relative;top:2px}.badge-inline+span>a{text-decoration:underline}.badge-default{color:#fff}.badge-secondary{color:#212529;background-color:#f7fafc}.btn .badge:not(:first-child){margin-left:.5rem}.btn .badge:not(:last-child){margin-right:.5rem}.badge-circle{font-size:.75rem;font-weight:600;display:inline-flex;width:1.25rem;height:1.25rem;padding:0!important;text-align:center;border-radius:50%;align-items:center;justify-content:center}.badge-circle.badge-md{width:1.5rem;height:1.5rem}.badge-circle.badge-lg{width:2rem;height:2rem}.badge-dot{font-size:.875rem;font-weight:400;padding-right:0;padding-left:0;text-transform:none;background:0 0}.badge-dot strong{color:#32325d}.badge-dot i{display:inline-block;width:.375rem;height:.375rem;margin-right:.375rem;vertical-align:middle;border-radius:50%}.badge-dot.badge-md i{width:.5rem;height:.5rem}.badge-dot.badge-lg i{width:.625rem;height:.625rem}.btn{font-size:.875rem;position:relative;transition:all .15s ease;letter-spacing:.025em;text-transform:none;will-change:transform}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}.btn:not(:last-child){margin-right:.5rem}.btn i:not(:first-child),.btn svg:not(:first-child){margin-left:.5rem}.btn i:not(:last-child),.btn svg:not(:last-child){margin-right:.5rem}.btn-group .btn,.input-group .btn{margin-right:0;transform:translateY(0)}.btn-group-sm>.btn,.btn-sm{font-size:.75rem}.btn-group-lg>.btn,.btn-lg{font-size:.875rem}[class*=btn-outline-]{border-width:1px}.btn-outline-secondary{color:#4385b1}.btn-inner--icon i:not(.fas):not(.fab){position:relative;top:2px}.btn-link{font-weight:600;box-shadow:none}.btn-link:hover{transform:none;box-shadow:none}.btn-neutral{color:#5e72e4}.btn-facebook{color:#fff;border-color:#3b5999;background-color:#3b5999;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-facebook:hover{color:#fff;border-color:#3b5999;background-color:#3b5999}.btn-facebook.focus,.btn-facebook:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(59,89,153,.5)}.btn-facebook.disabled,.btn-facebook:disabled{color:#fff;border-color:#3b5999;background-color:#3b5999}.btn-facebook:not(:disabled):not(.disabled).active,.btn-facebook:not(:disabled):not(.disabled):active,.show>.btn-facebook.dropdown-toggle{color:#fff;border-color:#3b5999;background-color:#2d4474}.btn-facebook:not(:disabled):not(.disabled).active:focus,.btn-facebook:not(:disabled):not(.disabled):active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(59,89,153,.5)}.btn-twitter{color:#fff;border-color:#1da1f2;background-color:#1da1f2;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-twitter:hover{color:#fff;border-color:#1da1f2;background-color:#1da1f2}.btn-twitter.focus,.btn-twitter:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(29,161,242,.5)}.btn-twitter.disabled,.btn-twitter:disabled{color:#fff;border-color:#1da1f2;background-color:#1da1f2}.btn-twitter:not(:disabled):not(.disabled).active,.btn-twitter:not(:disabled):not(.disabled):active,.show>.btn-twitter.dropdown-toggle{color:#fff;border-color:#1da1f2;background-color:#0c85d0}.btn-twitter:not(:disabled):not(.disabled).active:focus,.btn-twitter:not(:disabled):not(.disabled):active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(29,161,242,.5)}.btn-google-plus{color:#fff;border-color:#dd4b39;background-color:#dd4b39;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-google-plus:hover{color:#fff;border-color:#dd4b39;background-color:#dd4b39}.btn-google-plus.focus,.btn-google-plus:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(221,75,57,.5)}.btn-google-plus.disabled,.btn-google-plus:disabled{color:#fff;border-color:#dd4b39;background-color:#dd4b39}.btn-google-plus:not(:disabled):not(.disabled).active,.btn-google-plus:not(:disabled):not(.disabled):active,.show>.btn-google-plus.dropdown-toggle{color:#fff;border-color:#dd4b39;background-color:#c23321}.btn-google-plus:not(:disabled):not(.disabled).active:focus,.btn-google-plus:not(:disabled):not(.disabled):active:focus,.show>.btn-google-plus.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(221,75,57,.5)}.btn-instagram{color:#fff;border-color:#e4405f;background-color:#e4405f;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-instagram:hover{color:#fff;border-color:#e4405f;background-color:#e4405f}.btn-instagram.focus,.btn-instagram:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(228,64,95,.5)}.btn-instagram.disabled,.btn-instagram:disabled{color:#fff;border-color:#e4405f;background-color:#e4405f}.btn-instagram:not(:disabled):not(.disabled).active,.btn-instagram:not(:disabled):not(.disabled):active,.show>.btn-instagram.dropdown-toggle{color:#fff;border-color:#e4405f;background-color:#d31e40}.btn-instagram:not(:disabled):not(.disabled).active:focus,.btn-instagram:not(:disabled):not(.disabled):active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(228,64,95,.5)}.btn-pinterest{color:#fff;border-color:#bd081c;background-color:#bd081c;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-pinterest:hover{color:#fff;border-color:#bd081c;background-color:#bd081c}.btn-pinterest.focus,.btn-pinterest:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(189,8,28,.5)}.btn-pinterest.disabled,.btn-pinterest:disabled{color:#fff;border-color:#bd081c;background-color:#bd081c}.btn-pinterest:not(:disabled):not(.disabled).active,.btn-pinterest:not(:disabled):not(.disabled):active,.show>.btn-pinterest.dropdown-toggle{color:#fff;border-color:#bd081c;background-color:#8c0615}.btn-pinterest:not(:disabled):not(.disabled).active:focus,.btn-pinterest:not(:disabled):not(.disabled):active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(189,8,28,.5)}.btn-youtube{color:#fff;border-color:#cd201f;background-color:#cd201f;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-youtube:hover{color:#fff;border-color:#cd201f;background-color:#cd201f}.btn-youtube.focus,.btn-youtube:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(205,32,31,.5)}.btn-youtube.disabled,.btn-youtube:disabled{color:#fff;border-color:#cd201f;background-color:#cd201f}.btn-youtube:not(:disabled):not(.disabled).active,.btn-youtube:not(:disabled):not(.disabled):active,.show>.btn-youtube.dropdown-toggle{color:#fff;border-color:#cd201f;background-color:#a11918}.btn-youtube:not(:disabled):not(.disabled).active:focus,.btn-youtube:not(:disabled):not(.disabled):active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(205,32,31,.5)}.btn-slack{color:#fff;border-color:#3aaf85;background-color:#3aaf85;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-slack:hover{color:#fff;border-color:#3aaf85;background-color:#3aaf85}.btn-slack.focus,.btn-slack:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(58,175,133,.5)}.btn-slack.disabled,.btn-slack:disabled{color:#fff;border-color:#3aaf85;background-color:#3aaf85}.btn-slack:not(:disabled):not(.disabled).active,.btn-slack:not(:disabled):not(.disabled):active,.show>.btn-slack.dropdown-toggle{color:#fff;border-color:#3aaf85;background-color:#2d8968}.btn-slack:not(:disabled):not(.disabled).active:focus,.btn-slack:not(:disabled):not(.disabled):active:focus,.show>.btn-slack.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(58,175,133,.5)}.btn-dribbble{color:#fff;border-color:#ea4c89;background-color:#ea4c89;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-dribbble:hover{color:#fff;border-color:#ea4c89;background-color:#ea4c89}.btn-dribbble.focus,.btn-dribbble:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(234,76,137,.5)}.btn-dribbble.disabled,.btn-dribbble:disabled{color:#fff;border-color:#ea4c89;background-color:#ea4c89}.btn-dribbble:not(:disabled):not(.disabled).active,.btn-dribbble:not(:disabled):not(.disabled):active,.show>.btn-dribbble.dropdown-toggle{color:#fff;border-color:#ea4c89;background-color:#e51e6b}.btn-dribbble:not(:disabled):not(.disabled).active:focus,.btn-dribbble:not(:disabled):not(.disabled):active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(234,76,137,.5)}.btn-github{color:#fff;border-color:#222;background-color:#222;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-github:hover{color:#fff;border-color:#222;background-color:#222}.btn-github.focus,.btn-github:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(34,34,34,.5)}.btn-github.disabled,.btn-github:disabled{color:#fff;border-color:#222;background-color:#222}.btn-github:not(:disabled):not(.disabled).active,.btn-github:not(:disabled):not(.disabled):active,.show>.btn-github.dropdown-toggle{color:#fff;border-color:#222;background-color:#090909}.btn-github:not(:disabled):not(.disabled).active:focus,.btn-github:not(:disabled):not(.disabled):active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(34,34,34,.5)}.btn-vimeo{color:#fff;border-color:#04a0f0;background-color:#04a0f0;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.btn-vimeo:hover{color:#fff;border-color:#04a0f0;background-color:#04a0f0}.btn-vimeo.focus,.btn-vimeo:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(4,160,240,.5)}.btn-vimeo.disabled,.btn-vimeo:disabled{color:#fff;border-color:#04a0f0;background-color:#04a0f0}.btn-vimeo:not(:disabled):not(.disabled).active,.btn-vimeo:not(:disabled):not(.disabled):active,.show>.btn-vimeo.dropdown-toggle{color:#fff;border-color:#04a0f0;background-color:#037fbe}.btn-vimeo:not(:disabled):not(.disabled).active:focus,.btn-vimeo:not(:disabled):not(.disabled):active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(4,160,240,.5)}.btn-icon .btn-inner--icon img{width:20px}.btn-icon .btn-inner--text:not(:first-child){margin-left:.75em}.btn-icon .btn-inner--text:not(:last-child){margin-right:.75em}.btn-icon-only{width:2.375rem;height:2.375rem;padding:0}a.btn-icon-only{line-height:2.5}.btn-group-sm>.btn-icon-only.btn,.btn-icon-only.btn-sm{width:2rem;height:2rem}.btn-icon-clipboard{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.25;display:inline-block;width:100%;margin:0;margin:.5rem 0;padding:1.5rem;cursor:pointer;text-align:left;vertical-align:middle;text-decoration:none;color:#32325d;border:0;border-radius:.375rem;background-color:#f6f9fc;-moz-appearance:none}.btn-icon-clipboard:hover{background-color:#fff;box-shadow:rgba(0,0,0,.1) 0 0 0 1px,rgba(0,0,0,.1) 0 4px 16px}.btn-icon-clipboard>div{display:flex;align-items:center}.btn-icon-clipboard i{font-size:1.5rem;box-sizing:content-box;vertical-align:middle;color:#5e72e4}.btn-icon-clipboard span{font-size:.875rem;line-height:1.5;display:inline-block;overflow:hidden;margin-left:16px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}.card{margin-bottom:30px;border:0;box-shadow:0 0 2rem 0 rgba(136,152,170,.15)}.card-translucent{background-color:rgba(18,91,152,.08)}.card-deck .card{margin-bottom:30px}.card.shadow{border:0!important}@media (min-width:576px){.card-columns{column-count:1}}@media (min-width:768px){.card-columns{column-count:2}}@media (min-width:1200px){.card-columns{column-count:3;column-gap:1.25rem}}.card-lift--hover:hover{transition:all .15s ease;transform:translateY(-20px)}@media (prefers-reduced-motion:reduce){.card-lift--hover:hover{transition:none}}.card-blockquote{position:relative;padding:2rem}.card-blockquote .svg-bg{position:absolute;top:-94px;left:0;display:block;width:100%;height:95px}.card-profile-image{position:relative}.card-profile-image img{position:absolute;left:50%;max-width:140px;transition:all .15s ease;transform:translate(-50%,-50%) scale(1);border:3px solid #fff;border-radius:.375rem}.card-profile-image img:hover{transform:translate(-50%,-50%) scale(1.03)}.card-profile-stats{padding:1rem 0}.card-profile-stats>div{margin-right:1rem;padding:.875rem;text-align:center}.card-profile-stats>div:last-child{margin-right:0}.card-profile-stats>div .heading{font-size:1.1rem;font-weight:700;display:block}.card-profile-stats>div .description{font-size:.875rem;color:#adb5bd}.card-profile-actions{padding:.875rem}.card-stats .card-body{padding:1rem 1.5rem}.card-stats .card-status-bullet{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.chart{position:relative;height:350px}.chart-sm{height:230px}.chart-legend{font-size:.875rem;display:flex;margin-top:2.5rem;text-align:center;color:#8898aa;justify-content:center}.chart-legend-item{display:inline-flex;align-items:center}.chart-legend-item+.chart-legend-item{margin-left:1rem}.chart-legend-indicator{display:inline-block;width:.5rem;height:.5rem;margin-right:.375rem;border-radius:50%}#chart-tooltip{z-index:0}#chart-tooltip .arrow{top:100%;left:50%;transform:translateX(-50%) translateX(-.5rem)}.chart-info-overlay{position:absolute;z-index:1;top:0;left:5%;max-width:350px;padding:20px}.close{transition:all .15s ease}.close>span:not(.sr-only){font-size:1.25rem;line-height:17px;display:block;width:1.25rem;height:1.25rem;transition:all .15s ease;color:rgba(0,0,0,.6);border-radius:50%;background-color:transparent}.close:focus,.close:hover{color:rgba(0,0,0,.9);outline:0;background-color:transparent}.close:focus span:not(.sr-only),.close:hover span:not(.sr-only){background-color:transparent}.accordion .card-header{position:relative;cursor:pointer}.accordion .card-header:after{font:normal normal normal 14px/1 NucleoIcons;line-height:0;position:absolute;top:50%;right:1.5rem;content:'\ea0f';transition:all .15s cubic-bezier(.68,-.55,.265,1.55);transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.accordion .card-header:after{transition:none}}.accordion .card-header[aria-expanded=false]:after{content:'\ea0f'}.accordion .card-header[aria-expanded=true]:after{transform:rotate(180deg)}.accordion .card-header[aria-expanded=true] .heading{color:#5e72e4}.main-content{position:relative}.main-content .navbar-top{padding-right:0!important;padding-left:0!important}@media (min-width:768px){.main-content .container-fluid,.main-content .container-lg,.main-content .container-md,.main-content .container-sm,.main-content .container-xl{padding-right:30px!important;padding-left:30px!important}}.custom-checkbox .custom-control-input~.custom-control-label{font-size:.875rem;cursor:pointer}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{border-color:#5e72e4}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'#fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>')}.custom-checkbox .custom-control-input:disabled~.custom-control-label::before{border-color:#e9ecef}.custom-checkbox .custom-control-input:disabled:checked::before{border-color:rgba(94,114,228,.5)}.custom-control-label::before{top:.25rem;left:-1.75rem;transition:all .15s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #dee2e6}@media (prefers-reduced-motion:reduce){.custom-control-label::before{transition:none}}.custom-control-label::after{top:.25rem;left:-1.75rem}.custom-control-label span{position:relative;top:2px}.custom-control-label{margin-bottom:0}.custom-control-alternative .custom-control-label::before{border:0;box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)}.custom-control-alternative .custom-control-input:checked~.custom-control-label::before{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.custom-control-alternative .custom-control-input:active~.custom-control-label::before,.custom-control-alternative .custom-control-input:focus~.custom-control-label::before{box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)}.custom-checkbox .custom-control-input~.custom-control-label{font-size:.875rem;height:1rem;cursor:pointer}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{border-color:#5e72e4}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'#fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>')}.custom-checkbox .custom-control-input:disabled~.custom-control-label::before{border-color:#e9ecef}.custom-checkbox .custom-control-input:disabled:checked::before{border-color:rgba(94,114,228,.5)}.custom-checkbox-primary .custom-control-input:checked~.custom-control-label::before{border-color:#5e72e4;background-color:#5e72e4}.custom-checkbox-primary .custom-control-input:checked~.custom-control-label::after{background-image:#5e72e4}.custom-checkbox-secondary .custom-control-input:checked~.custom-control-label::before{border-color:#f7fafc;background-color:#f7fafc}.custom-checkbox-secondary .custom-control-input:checked~.custom-control-label::after{background-image:#f7fafc}.custom-checkbox-success .custom-control-input:checked~.custom-control-label::before{border-color:#2dce89;background-color:#2dce89}.custom-checkbox-success .custom-control-input:checked~.custom-control-label::after{background-image:#2dce89}.custom-checkbox-info .custom-control-input:checked~.custom-control-label::before{border-color:#11cdef;background-color:#11cdef}.custom-checkbox-info .custom-control-input:checked~.custom-control-label::after{background-image:#11cdef}.custom-checkbox-warning .custom-control-input:checked~.custom-control-label::before{border-color:#fb6340;background-color:#fb6340}.custom-checkbox-warning .custom-control-input:checked~.custom-control-label::after{background-image:#fb6340}.custom-checkbox-danger .custom-control-input:checked~.custom-control-label::before{border-color:#f5365c;background-color:#f5365c}.custom-checkbox-danger .custom-control-input:checked~.custom-control-label::after{background-image:#f5365c}.custom-checkbox-light .custom-control-input:checked~.custom-control-label::before{border-color:#adb5bd;background-color:#adb5bd}.custom-checkbox-light .custom-control-input:checked~.custom-control-label::after{background-image:#adb5bd}.custom-checkbox-dark .custom-control-input:checked~.custom-control-label::before{border-color:#212529;background-color:#212529}.custom-checkbox-dark .custom-control-input:checked~.custom-control-label::after{background-image:#212529}.custom-checkbox-default .custom-control-input:checked~.custom-control-label::before{border-color:#172b4d;background-color:#172b4d}.custom-checkbox-default .custom-control-input:checked~.custom-control-label::after{background-image:#172b4d}.custom-checkbox-white .custom-control-input:checked~.custom-control-label::before{border-color:#fff;background-color:#fff}.custom-checkbox-white .custom-control-input:checked~.custom-control-label::after{background-image:#fff}.custom-checkbox-neutral .custom-control-input:checked~.custom-control-label::before{border-color:#fff;background-color:#fff}.custom-checkbox-neutral .custom-control-input:checked~.custom-control-label::after{background-image:#fff}.custom-checkbox-darker .custom-control-input:checked~.custom-control-label::before{border-color:#000;background-color:#000}.custom-checkbox-darker .custom-control-input:checked~.custom-control-label::after{background-image:#000}.custom-radio .custom-control-input~.custom-control-label{font-size:.875rem;height:1rem;cursor:pointer}.custom-radio .custom-control-input:checked~.custom-control-label::before{border-color:#5e72e4}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' viewBox=\'-4 -4 8 8\'><circle r=\'3\' fill=\'#fff\'/></svg>')}.custom-radio .custom-control-input:disabled~.custom-control-label::before{border-color:#e9ecef}.custom-radio .custom-control-input:disabled:checked::before{border-color:rgba(94,114,228,.5)}.custom-toggle{position:relative;display:inherit;display:inline-block;width:52px;height:1.5rem;margin:0}.custom-toggle input{display:none}.custom-toggle input:checked+.custom-toggle-slider{border:1px solid #5e72e4}.custom-toggle input:checked+.custom-toggle-slider:before{transform:translateX(28px);background:#5e72e4}.custom-toggle input:disabled+.custom-toggle-slider{border:1px solid #e9ecef}.custom-toggle input:disabled:checked+.custom-toggle-slider{border:1px solid #e9ecef}.custom-toggle input:disabled:checked+.custom-toggle-slider:before{background-color:#8a98eb}.custom-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border:1px solid #ced4da;border-radius:34px!important;background-color:transparent}.custom-toggle-slider:before{position:absolute;bottom:2px;left:2px;width:18px;height:18px;content:'';transition:all .15s cubic-bezier(.68,-.55,.265,1.55);border-radius:50%!important;background-color:#e9ecef}.custom-toggle-wrapper .custom-toggle+.custom-toggle{margin-left:1rem!important}.custom-toggle input:checked+.custom-toggle-slider:after{right:auto;left:0;content:attr(data-label-on);color:#5e72e4}.custom-toggle-slider:after{font-family:inherit;font-size:.75rem;font-weight:600;line-height:24px;position:absolute;top:0;right:0;display:block;overflow:hidden;min-width:1.66667rem;margin:0 .21667rem;content:attr(data-label-off);transition:all .15s ease;text-align:center;color:#ced4da}@media (prefers-reduced-motion:reduce){.custom-toggle-slider:after{transition:none}}.custom-toggle-primary input:checked+.custom-toggle-slider{border-color:#5e72e4}.custom-toggle-primary input:checked+.custom-toggle-slider:before{background:#5e72e4}.custom-toggle-primary input:checked+.custom-toggle-slider:after{color:#5e72e4}.custom-toggle-primary input:disabled:checked+.custom-toggle-slider{border-color:#5e72e4}.custom-toggle-primary input:disabled:checked+.custom-toggle-slider:before{background-color:#8a98eb}.custom-toggle-secondary input:checked+.custom-toggle-slider{border-color:#f7fafc}.custom-toggle-secondary input:checked+.custom-toggle-slider:before{background:#f7fafc}.custom-toggle-secondary input:checked+.custom-toggle-slider:after{color:#f7fafc}.custom-toggle-secondary input:disabled:checked+.custom-toggle-slider{border-color:#f7fafc}.custom-toggle-secondary input:disabled:checked+.custom-toggle-slider:before{background-color:#fff}.custom-toggle-success input:checked+.custom-toggle-slider{border-color:#2dce89}.custom-toggle-success input:checked+.custom-toggle-slider:before{background:#2dce89}.custom-toggle-success input:checked+.custom-toggle-slider:after{color:#2dce89}.custom-toggle-success input:disabled:checked+.custom-toggle-slider{border-color:#2dce89}.custom-toggle-success input:disabled:checked+.custom-toggle-slider:before{background-color:#54daa1}.custom-toggle-info input:checked+.custom-toggle-slider{border-color:#11cdef}.custom-toggle-info input:checked+.custom-toggle-slider:before{background:#11cdef}.custom-toggle-info input:checked+.custom-toggle-slider:after{color:#11cdef}.custom-toggle-info input:disabled:checked+.custom-toggle-slider{border-color:#11cdef}.custom-toggle-info input:disabled:checked+.custom-toggle-slider:before{background-color:#41d7f2}.custom-toggle-warning input:checked+.custom-toggle-slider{border-color:#fb6340}.custom-toggle-warning input:checked+.custom-toggle-slider:before{background:#fb6340}.custom-toggle-warning input:checked+.custom-toggle-slider:after{color:#fb6340}.custom-toggle-warning input:disabled:checked+.custom-toggle-slider{border-color:#fb6340}.custom-toggle-warning input:disabled:checked+.custom-toggle-slider:before{background-color:#fc8c72}.custom-toggle-danger input:checked+.custom-toggle-slider{border-color:#f5365c}.custom-toggle-danger input:checked+.custom-toggle-slider:before{background:#f5365c}.custom-toggle-danger input:checked+.custom-toggle-slider:after{color:#f5365c}.custom-toggle-danger input:disabled:checked+.custom-toggle-slider{border-color:#f5365c}.custom-toggle-danger input:disabled:checked+.custom-toggle-slider:before{background-color:#f76783}.custom-toggle-light input:checked+.custom-toggle-slider{border-color:#adb5bd}.custom-toggle-light input:checked+.custom-toggle-slider:before{background:#adb5bd}.custom-toggle-light input:checked+.custom-toggle-slider:after{color:#adb5bd}.custom-toggle-light input:disabled:checked+.custom-toggle-slider{border-color:#adb5bd}.custom-toggle-light input:disabled:checked+.custom-toggle-slider:before{background-color:#c9cfd4}.custom-toggle-dark input:checked+.custom-toggle-slider{border-color:#212529}.custom-toggle-dark input:checked+.custom-toggle-slider:before{background:#212529}.custom-toggle-dark input:checked+.custom-toggle-slider:after{color:#212529}.custom-toggle-dark input:disabled:checked+.custom-toggle-slider{border-color:#212529}.custom-toggle-dark input:disabled:checked+.custom-toggle-slider:before{background-color:#383f45}.custom-toggle-default input:checked+.custom-toggle-slider{border-color:#172b4d}.custom-toggle-default input:checked+.custom-toggle-slider:before{background:#172b4d}.custom-toggle-default input:checked+.custom-toggle-slider:after{color:#172b4d}.custom-toggle-default input:disabled:checked+.custom-toggle-slider{border-color:#172b4d}.custom-toggle-default input:disabled:checked+.custom-toggle-slider:before{background-color:#234174}.custom-toggle-white input:checked+.custom-toggle-slider{border-color:#fff}.custom-toggle-white input:checked+.custom-toggle-slider:before{background:#fff}.custom-toggle-white input:checked+.custom-toggle-slider:after{color:#fff}.custom-toggle-white input:disabled:checked+.custom-toggle-slider{border-color:#fff}.custom-toggle-white input:disabled:checked+.custom-toggle-slider:before{background-color:#fff}.custom-toggle-neutral input:checked+.custom-toggle-slider{border-color:#fff}.custom-toggle-neutral input:checked+.custom-toggle-slider:before{background:#fff}.custom-toggle-neutral input:checked+.custom-toggle-slider:after{color:#fff}.custom-toggle-neutral input:disabled:checked+.custom-toggle-slider{border-color:#fff}.custom-toggle-neutral input:disabled:checked+.custom-toggle-slider:before{background-color:#fff}.custom-toggle-darker input:checked+.custom-toggle-slider{border-color:#000}.custom-toggle-darker input:checked+.custom-toggle-slider:before{background:#000}.custom-toggle-darker input:checked+.custom-toggle-slider:after{color:#000}.custom-toggle-darker input:disabled:checked+.custom-toggle-slider{border-color:#000}.custom-toggle-darker input:disabled:checked+.custom-toggle-slider:before{background-color:#1a1a1a}.dropdown,.dropleft,.dropright,.dropup{display:inline-block}.dropdown-menu{min-width:12rem}.dropdown-menu .dropdown-item{font-size:.875rem;padding:.5rem 1rem}.dropdown-menu .dropdown-item>i,.dropdown-menu .dropdown-item>svg{font-size:1rem;margin-right:1rem;vertical-align:-17%}.dropdown-header{font-size:.625rem;font-weight:700;padding-right:1rem;padding-left:1rem;text-transform:uppercase}.dropdown-menu a.media>div:first-child{line-height:1}.dropdown-menu a.media p{color:#8898aa}.dropdown-menu a.media:hover .heading,.dropdown-menu a.media:hover p{color:#172b4d!important}.dropdown-menu-sm{min-width:100px;border:.4375rem}.dropdown-menu-lg{min-width:320px;border-radius:.4375rem}.dropdown-menu-xl{min-width:420px;border-radius:.4375rem}.footer{padding:30px 0;background:#f8f9fe}.footer .col-footer .heading{font-size:.875rem;font-weight:600;margin-bottom:1rem;letter-spacing:0;text-transform:uppercase;color:#8898aa}.footer .footer-link,.footer .nav .nav-item .nav-link{color:#8898aa!important}.footer .footer-link:hover,.footer .nav .nav-item .nav-link:hover{color:#525f7f!important}.footer .list-unstyled li a{font-size:.85rem;display:inline-block;padding:.125rem 0;color:#8898aa}.footer .list-unstyled li a:hover{color:#525f7f}.footer .copyright{font-size:.875rem}.footer-dark .col-footer .heading{color:#fff}.nav-footer .nav-link{font-size:.875rem}.nav-footer .nav-item:last-child .nav-link{padding-right:0}.footer.has-cards{position:relative;overflow:hidden;margin-top:-420px;padding-top:500px;pointer-events:none;background:0 0}.footer.has-cards:before{position:absolute;top:600px;right:0;left:0;height:2000px;content:'';transform:skew(0,-8deg);background:#f7fafc}.footer.has-cards .container{position:relative;pointer-events:auto}.footer-auto-bottom{position:absolute;bottom:0;width:100%}.form-control-label{font-size:.875rem;font-weight:600;color:#525f7f}.form-control{font-size:.875rem;height:calc(1.5em + 1.25rem + 5px);transition:all .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus::-ms-input-placeholder{color:#adb5bd}.form-control:focus::placeholder{color:#adb5bd}.form-control-lg{height:calc(2.25em + 1.25rem + 5px)}.form-control-sm{height:calc(.45em + 1.25rem + 5px)}.form-control-flush{padding:0;border-width:0;background-color:transparent;box-shadow:none}.form-control-flush:focus{border-width:0;background-color:transparent;box-shadow:none}textarea[resize=none]{resize:none!important}textarea[resize=both]{resize:both!important}textarea[resize=vertical]{resize:vertical!important}textarea[resize=horizontal]{resize:horizontal!important}.form-control-muted{border-color:#f7fafe;background-color:#f7fafe;box-shadow:none}.form-control-muted:focus{background-color:#fcfdff}.form-control-alternative{transition:box-shadow .15s ease;border:0;box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)}.form-control-alternative:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.form-control-lg,.input-group-lg .form-control,.input-group-text{font-size:1rem!important}.custom-control{padding-left:1.75rem}.input-group{transition:all .15s ease-in-out;border-radius:.25rem;box-shadow:0 3px 2px rgba(233,236,239,.05)}@media (prefers-reduced-motion:reduce){.input-group{transition:none}}.input-group .form-control{box-shadow:none}.input-group .form-control:focus{box-shadow:none}.input-group-text{transition:all .15s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-reduced-motion:reduce){.input-group-text{transition:none}}.input-group-text i{font-size:.875rem}.input-group-text .custom-control{line-height:1}.input-group-prepend .input-group-text{border-right:0}.input-group-append .input-group-text{border-left:0}.input-group-merge .form-control:not(:first-child){padding-left:0;border-left:0}.input-group-merge .form-control:not(:last-child){padding-right:0;border-right:0}.input-group-alternative{transition:box-shadow .15s ease;border:0;box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)}.input-group-alternative .form-control,.input-group-alternative .input-group-text{border:0;box-shadow:none}.focused .input-group-alternative{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)!important}.input-group-flush{box-shadow:none}.input-group-flush>.form-control{padding:0;border-width:0;background-color:transparent}.input-group-flush>.input-group-append>.input-group-text,.input-group-flush>.input-group-prepend>.input-group-text{padding:0;padding-right:1rem;border-width:0;background-color:transparent}.focused .input-group{box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.focused .input-group-text{color:#8898aa;border-color:#5e72e4;background-color:#fff}.focused .form-control{border-color:#5e72e4}.focused .input-group-flush{box-shadow:none}.has-danger,.has-success{position:relative}.has-danger:after,.has-success:after{font-family:NucleoIcons;font-size:9px;line-height:19px;position:absolute;top:50%;right:15px;display:none;width:19px;height:19px;transform:translateY(-50%);text-align:center;opacity:1;border-radius:50%}.has-danger .input-group-prepend .input-group-text,.has-success .input-group-prepend .input-group-text{border-color:red}.has-success:after{content:'\ea26';color:#1d8357;background-color:#69deac}.has-success .form-control{background-color:#fff}.has-success .form-control::-ms-input-placeholder{color:#2dce89}.has-success .form-control::placeholder{color:#2dce89}.has-danger:after{content:'\ea53';color:#db2d05;background-color:#fda08b}.has-danger .form-control{background-color:#fff}.has-danger .form-control::-ms-input-placeholder{color:#fb6340}.has-danger .form-control::placeholder{color:#fb6340}.row-example>.col span,.row-example>[class^=col-] span{font-size:.875rem;display:block;margin:1rem 0;padding:.75rem;color:#393f49;border-radius:.25rem;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0 0 0 1px,rgba(0,0,0,.1) 0 4px 16px}.no-gutters>.col span,.no-gutters>[class^=col-] span{border-radius:0}.header{position:relative}.icon{width:3rem;height:3rem}.icon i,.icon svg{font-size:2.25rem}.icon+.icon-text{width:calc(100% - 3rem - 1);padding-left:1rem}.icon-xl{width:5rem;height:5rem}.icon-xl i,.icon-xl svg{font-size:4.25rem}.icon-xl+.icon-text{width:calc(100% - 5rem - 1)}.icon-lg{width:4rem;height:4rem}.icon-lg i,.icon-lg svg{font-size:3.25rem}.icon-lg+.icon-text{width:calc(100% - $icon-size-lg - 1)}.icon-sm{width:2rem;height:2rem}.icon-sm i,.icon-sm svg{font-size:1.25rem}.icon-sm+.icon-text{width:calc(100% - $icon-size-sm - 1)}.icon-xs{width:1.25rem;height:1.25rem}.icon-xs i,.icon-xs svg{font-size:.5rem}.icon-xs+.icon-text{width:calc(100% - $icon-size-xs - 1)}.icon-shape{display:inline-flex;padding:12px;text-align:center;border-radius:50%;align-items:center;justify-content:center}.icon-shape i,.icon-shape svg{font-size:1.25rem}.icon-shape.icon-lg i,.icon-shape.icon-lg svg{font-size:1.625rem}.icon-shape.icon-sm i,.icon-shape.icon-sm svg{font-size:.875rem}.icon-shape.icon-xs i,.icon-shape.icon-xs svg{font-size:.6rem}.icon-shape svg{width:30px;height:30px}.icon-shape-primary{color:#2643e9;background-color:rgba(138,152,235,.5)}.icon-shape-secondary{color:#cfe3f1;background-color:rgba(255,255,255,.5)}.icon-shape-success{color:#1aae6f;background-color:rgba(84,218,161,.5)}.icon-shape-info{color:#03acca;background-color:rgba(65,215,242,.5)}.icon-shape-warning{color:#ff3709;background-color:rgba(252,140,114,.5)}.icon-shape-danger{color:#f80031;background-color:rgba(247,103,131,.5)}.icon-shape-light{color:#879cb0;background-color:rgba(201,207,212,.5)}.icon-shape-dark{color:#090c0e;background-color:rgba(56,63,69,.5)}.icon-shape-default{color:#091428;background-color:rgba(35,65,116,.5)}.icon-shape-white{color:#e8e3e3;background-color:rgba(255,255,255,.5)}.icon-shape-neutral{color:#e8e3e3;background-color:rgba(255,255,255,.5)}.icon-shape-darker{color:#000;background-color:rgba(26,26,26,.5)}.list-group-space .list-group-item{margin-bottom:1.5rem;border-radius:.375rem}.list-group-img{width:3rem;height:3rem;margin:-.1rem 1.2rem 0 -.2rem;vertical-align:top;border-radius:50%}.list-group-content{min-width:0;flex:1 1}.list-group-content>p{line-height:1.5;margin:.2rem 0 0;color:#adb5bd}.list-group-heading{font-size:1rem;color:#32325d}.list-group-heading>small{font-weight:500;float:right;color:#adb5bd}.map-canvas{position:relative;width:100%;height:500px;border-radius:.375rem}.mask{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .15s ease}@media (prefers-reduced-motion:reduce){.mask{transition:none}}.modal-title{font-size:1.0625rem}.modal-fluid .modal-dialog{margin-top:0;margin-bottom:0}.modal-fluid .modal-content{border-radius:0}.modal-primary .modal-title{color:#fff}.modal-primary .modal-footer,.modal-primary .modal-header{border-color:rgba(255,255,255,.075)}.modal-primary .modal-content{color:#fff;background-color:#5e72e4}.modal-primary .modal-content .heading{color:#fff}.modal-primary .close>span:not(.sr-only){color:#fff}.modal-secondary .modal-title{color:#212529}.modal-secondary .modal-footer,.modal-secondary .modal-header{border-color:rgba(33,37,41,.075)}.modal-secondary .modal-content{color:#212529;background-color:#f7fafc}.modal-secondary .modal-content .heading{color:#212529}.modal-secondary .close>span:not(.sr-only){color:#fff}.modal-success .modal-title{color:#fff}.modal-success .modal-footer,.modal-success .modal-header{border-color:rgba(255,255,255,.075)}.modal-success .modal-content{color:#fff;background-color:#2dce89}.modal-success .modal-content .heading{color:#fff}.modal-success .close>span:not(.sr-only){color:#fff}.modal-info .modal-title{color:#fff}.modal-info .modal-footer,.modal-info .modal-header{border-color:rgba(255,255,255,.075)}.modal-info .modal-content{color:#fff;background-color:#11cdef}.modal-info .modal-content .heading{color:#fff}.modal-info .close>span:not(.sr-only){color:#fff}.modal-warning .modal-title{color:#fff}.modal-warning .modal-footer,.modal-warning .modal-header{border-color:rgba(255,255,255,.075)}.modal-warning .modal-content{color:#fff;background-color:#fb6340}.modal-warning .modal-content .heading{color:#fff}.modal-warning .close>span:not(.sr-only){color:#fff}.modal-danger .modal-title{color:#fff}.modal-danger .modal-footer,.modal-danger .modal-header{border-color:rgba(255,255,255,.075)}.modal-danger .modal-content{color:#fff;background-color:#f5365c}.modal-danger .modal-content .heading{color:#fff}.modal-danger .close>span:not(.sr-only){color:#fff}.modal-light .modal-title{color:#fff}.modal-light .modal-footer,.modal-light .modal-header{border-color:rgba(255,255,255,.075)}.modal-light .modal-content{color:#fff;background-color:#adb5bd}.modal-light .modal-content .heading{color:#fff}.modal-light .close>span:not(.sr-only){color:#fff}.modal-dark .modal-title{color:#fff}.modal-dark .modal-footer,.modal-dark .modal-header{border-color:rgba(255,255,255,.075)}.modal-dark .modal-content{color:#fff;background-color:#212529}.modal-dark .modal-content .heading{color:#fff}.modal-dark .close>span:not(.sr-only){color:#fff}.modal-default .modal-title{color:#fff}.modal-default .modal-footer,.modal-default .modal-header{border-color:rgba(255,255,255,.075)}.modal-default .modal-content{color:#fff;background-color:#172b4d}.modal-default .modal-content .heading{color:#fff}.modal-default .close>span:not(.sr-only){color:#fff}.modal-white .modal-title{color:#212529}.modal-white .modal-footer,.modal-white .modal-header{border-color:rgba(33,37,41,.075)}.modal-white .modal-content{color:#212529;background-color:#fff}.modal-white .modal-content .heading{color:#212529}.modal-white .close>span:not(.sr-only){color:#fff}.modal-neutral .modal-title{color:#212529}.modal-neutral .modal-footer,.modal-neutral .modal-header{border-color:rgba(33,37,41,.075)}.modal-neutral .modal-content{color:#212529;background-color:#fff}.modal-neutral .modal-content .heading{color:#212529}.modal-neutral .close>span:not(.sr-only){color:#fff}.modal-darker .modal-title{color:#fff}.modal-darker .modal-footer,.modal-darker .modal-header{border-color:rgba(255,255,255,.075)}.modal-darker .modal-content{color:#fff;background-color:#000}.modal-darker .modal-content .heading{color:#fff}.modal-darker .close>span:not(.sr-only){color:#fff}.navbar-horizontal .navbar-nav .nav-link{font-size:.875rem;font-weight:500;letter-spacing:0;text-transform:normal}.navbar-horizontal .navbar-nav .nav-link .nav-link-inner--text{margin-left:.25rem}.navbar-horizontal .navbar-brand{font-size:.875rem;font-size:.875rem;font-weight:600;letter-spacing:.05px;text-transform:uppercase}.navbar-horizontal .navbar-brand img{height:30px}.navbar-horizontal .navbar-dark .navbar-brand{color:#fff}.navbar-horizontal .navbar-light .navbar-brand{color:#32325d}.navbar-horizontal .navbar-nav .nav-item .media:not(:last-child){margin-bottom:1.5rem}@media (min-width:992px){.navbar-horizontal .navbar-nav .nav-item{margin-right:.5rem}.navbar-horizontal .navbar-nav .nav-item [data-toggle=dropdown]::after{transition:all .15s ease}.navbar-horizontal .navbar-nav .nav-item.show [data-toggle=dropdown]::after{transform:rotate(180deg)}.navbar-horizontal .navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem;border-radius:.375rem}.navbar-horizontal .navbar-nav .nav-link i{margin-right:.625rem}.navbar-horizontal .navbar-nav .nav-link-icon{font-size:1rem;padding-right:.5rem!important;padding-left:.5rem!important;border-radius:.375rem}.navbar-horizontal .navbar-nav .nav-link-icon i{margin-right:0}.navbar-horizontal .navbar-nav .dropdown-menu{margin:0;pointer-events:none;opacity:0}.navbar-horizontal .navbar-nav .dropdown-menu:before{position:absolute;z-index:-5;bottom:100%;left:20px;display:block;width:16px;height:16px;content:'';transform:rotate(-45deg) translateY(1rem);border-radius:.25rem;background:#fff;box-shadow:none}.navbar-horizontal .navbar-nav .dropdown-menu-right:before{right:20px;left:auto}.navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show{animation:show-navbar-dropdown .25s ease forwards;pointer-events:auto;opacity:1}.navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close{display:block;animation:hide-navbar-dropdown .15s ease backwards}.navbar-horizontal .navbar-nav.navbar-nav-hover .dropdown-menu{display:block;transition:visibility .25s,opacity .25s,transform .25s;transform:translate(0,10px) perspective(200px) rotateX(-2deg);pointer-events:none;opacity:0}.navbar-horizontal .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover>.dropdown-menu{display:block;visibility:visible;transform:translate(0,0);animation:none;pointer-events:auto;opacity:1}.navbar-horizontal .navbar-nav .dropdown-menu-inner{position:relative;padding:1rem}}.navbar-horizontal.navbar-transparent{position:absolute;z-index:100;top:0;width:100%;border:0;background-color:transparent;box-shadow:none}.navbar-horizontal.navbar-transparent .navbar-brand{color:#fff}.navbar-horizontal.navbar-transparent .navbar-toggler{color:#fff}.navbar-horizontal.navbar-transparent .navbar-toggler-icon{background-image:url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'><path stroke=\'rgba(255, 255, 255, 0.95)\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/></svg>')}@media (min-width:768px){.navbar-horizontal.navbar-transparent .navbar-nav .nav-link{color:rgba(255,255,255,.95)}.navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus,.navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover{color:rgba(255,255,255,.65)}.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-horizontal.navbar-transparent .navbar-nav .active>.nav-link,.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.active,.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.show,.navbar-horizontal.navbar-transparent .navbar-nav .show>.nav-link{color:rgba(255,255,255,.65)}.navbar-horizontal.navbar-transparent .navbar-brand{color:rgba(255,255,255,.95)}.navbar-horizontal.navbar-transparent .navbar-brand:focus,.navbar-horizontal.navbar-transparent .navbar-brand:hover{color:rgba(255,255,255,.95)}}.navbar-horizontal .navbar-collapse-header{display:none}@media (max-width:991.98px){.navbar-horizontal .navbar-nav .nav-link{padding:.625rem 0;color:#172b4d!important}.navbar-horizontal .navbar-nav .dropdown-menu{min-width:auto;box-shadow:none}.navbar-horizontal .navbar-nav .dropdown-menu .media svg{width:30px}.navbar-horizontal .navbar-collapse{position:absolute;z-index:1050;top:0;right:0;left:0;overflow-y:auto;width:calc(100% - 1.4rem);height:auto!important;margin:.7rem;opacity:0}.navbar-horizontal .navbar-collapse .navbar-toggler{position:relative;display:inline-block;width:20px;height:20px;padding:0;cursor:pointer}.navbar-horizontal .navbar-collapse .navbar-toggler span{position:absolute;display:block;width:100%;height:2px;opacity:1;border-radius:2px;background:#283448}.navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(1){transform:rotate(135deg)}.navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(2){transform:rotate(-135deg)}.navbar-horizontal .navbar-collapse .navbar-collapse-header{display:block;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.navbar-horizontal .navbar-collapse .collapse-brand img{height:36px}.navbar-horizontal .navbar-collapse .collapse-close{text-align:right}.navbar-horizontal .navbar-collapse.collapsing,.navbar-horizontal .navbar-collapse.show{padding:1.5rem;animation:show-navbar-collapse .2s ease forwards;border-radius:.375rem;background:#fff;box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)}.navbar-horizontal .navbar-collapse.collapsing-out{animation:hide-navbar-collapse .2s ease forwards}}@keyframes show-navbar-collapse{0%{transform:scale(.95);transform-origin:100% 0;opacity:0}100%{transform:scale(1);opacity:1}}@keyframes hide-navbar-collapse{from{transform:scale(1);transform-origin:100% 0;opacity:1}to{transform:scale(.95);opacity:0}}@keyframes show-navbar-dropdown{0%{transition:visibility .25s,opacity .25s,transform .25s;transform:translate(0,10px) perspective(200px) rotateX(-2deg);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes hide-navbar-dropdown{from{opacity:1}to{transform:translate(0,10px);opacity:0}}.nav-open .sidenav{transform:translateX(0)}.nav-open .sidenav-toggler-inner .sidenav-toggler-line:first-child{width:13px;transform:translateX(5px)}.nav-open .sidenav-toggler-inner .sidenav-toggler-line:last-child{width:13px;transform:translateX(5px)}.navbar-vertical{padding-top:0;border-width:0 0 1px 0;border-style:solid;box-shadow:0 0 2rem 0 rgba(136,152,170,.15)}.navbar-vertical.navbar-light{border-color:rgba(0,0,0,.05);background-color:#f6f9fc}.navbar-vertical.navbar-dark{border-color:rgba(255,255,255,.1);background-color:transparent}.navbar-vertical .navbar-brand{margin-right:0}.navbar-vertical .navbar-brand-img,.navbar-vertical .navbar-brand>img{max-width:100%;max-height:2rem}@media (min-width:768px){.navbar-vertical .navbar-collapse{margin-right:-1rem;margin-left:-1rem}.navbar-vertical .navbar-collapse:before{display:block;margin:.5rem;content:''}}.navbar-vertical .navbar-nav{margin-right:-1rem;margin-left:-1rem}.navbar-vertical .navbar-nav .nav-link{font-size:.875rem;font-weight:500;padding-right:1rem;padding-left:1rem}.navbar-vertical .navbar-nav .nav-link.active{position:relative}.navbar-vertical .navbar-nav .nav-link>i{font-size:.9375rem;line-height:1.5rem;min-width:2rem}.navbar-vertical .navbar-nav .nav-link .dropdown-menu{border:none}.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu{margin-left:.5rem}.navbar-vertical .navbar-nav .nav-sm .nav-link{font-size:.8125rem}.navbar-vertical .navbar-nav .nav-link{display:flex;align-items:center}.navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after{font-family:'Font Awesome 5 Free';font-weight:700;font-style:normal;font-variant:normal;display:inline-block;margin-left:auto;content:'\f105';transition:all .15s ease;color:#ced4da;text-rendering:auto;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){.navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after{transition:none}}.navbar-vertical .navbar-nav .nav-link[data-toggle=collapse][aria-expanded=true]:after{transform:rotate(90deg);color:#5e72e4}.navbar-vertical .navbar-nav .nav .nav-link{padding-left:3rem}.navbar-vertical .navbar-nav .nav .nav .nav-link{padding-left:3.5rem}.navbar-vertical .navbar-heading{font-size:.75rem;padding-top:.25rem;padding-bottom:.25rem;letter-spacing:.04em;text-transform:uppercase}.navbar-vertical.navbar-expand-xs{position:fixed;top:0;bottom:0;display:block;overflow-y:auto;width:100%;max-width:250px;padding-right:0;padding-left:0}.navbar-vertical.navbar-expand-xs .navbar-inner{padding-right:1.5rem;padding-left:1.5rem}.navbar-vertical.navbar-expand-xs>[class*=container]{flex-direction:column;min-height:100%;padding-right:0;padding-left:0;align-items:stretch}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.navbar-vertical.navbar-expand-xs>[class*=container]{height:100%;min-height:none}}.navbar-vertical.navbar-expand-xs.fixed-left{left:0;border-width:0 1px 0 0}.navbar-vertical.navbar-expand-xs.fixed-right{right:0;border-width:0 0 0 1px}.navbar-vertical.navbar-expand-xs .navbar-collapse{display:flex;flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;flex:1 1;align-items:stretch}.navbar-vertical.navbar-expand-xs .navbar-collapse>*{min-width:100%}.navbar-vertical.navbar-expand-xs .navbar-nav{flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem}.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link{padding:.675rem 1.5rem}.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item{margin-top:2px}.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link.active{margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;border-radius:.375rem;background:#f6f9fc}.navbar-vertical.navbar-expand-xs .lavalamp-object{width:calc(100% - 1rem)!important;margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;color:#fff;border-radius:.375rem;background:#5e72e4}.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link{padding-top:.45rem;padding-bottom:.45rem;padding-left:3.5rem}.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link{padding-left:4.25rem}@media (min-width:576px){.navbar-vertical.navbar-expand-sm{position:fixed;top:0;bottom:0;display:block;overflow-y:auto;width:100%;max-width:250px;padding-right:0;padding-left:0}.navbar-vertical.navbar-expand-sm .navbar-inner{padding-right:1.5rem;padding-left:1.5rem}.navbar-vertical.navbar-expand-sm>[class*=container]{flex-direction:column;min-height:100%;padding-right:0;padding-left:0;align-items:stretch}}@media all and (min-width:576px) and (-ms-high-contrast:none),(min-width:576px) and (-ms-high-contrast:active){.navbar-vertical.navbar-expand-sm>[class*=container]{height:100%;min-height:none}}@media (min-width:576px){.navbar-vertical.navbar-expand-sm.fixed-left{left:0;border-width:0 1px 0 0}.navbar-vertical.navbar-expand-sm.fixed-right{right:0;border-width:0 0 0 1px}.navbar-vertical.navbar-expand-sm .navbar-collapse{display:flex;flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;flex:1 1;align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-collapse>*{min-width:100%}.navbar-vertical.navbar-expand-sm .navbar-nav{flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem}.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link{padding:.675rem 1.5rem}.navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item{margin-top:2px}.navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link.active{margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;border-radius:.375rem;background:#f6f9fc}.navbar-vertical.navbar-expand-sm .lavalamp-object{width:calc(100% - 1rem)!important;margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;color:#fff;border-radius:.375rem;background:#5e72e4}.navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link{padding-top:.45rem;padding-bottom:.45rem;padding-left:3.5rem}.navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav .nav-link{padding-left:4.25rem}}@media (min-width:768px){.navbar-vertical.navbar-expand-md{position:fixed;top:0;bottom:0;display:block;overflow-y:auto;width:100%;max-width:250px;padding-right:0;padding-left:0}.navbar-vertical.navbar-expand-md .navbar-inner{padding-right:1.5rem;padding-left:1.5rem}.navbar-vertical.navbar-expand-md>[class*=container]{flex-direction:column;min-height:100%;padding-right:0;padding-left:0;align-items:stretch}}@media all and (min-width:768px) and (-ms-high-contrast:none),(min-width:768px) and (-ms-high-contrast:active){.navbar-vertical.navbar-expand-md>[class*=container]{height:100%;min-height:none}}@media (min-width:768px){.navbar-vertical.navbar-expand-md.fixed-left{left:0;border-width:0 1px 0 0}.navbar-vertical.navbar-expand-md.fixed-right{right:0;border-width:0 0 0 1px}.navbar-vertical.navbar-expand-md .navbar-collapse{display:flex;flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;flex:1 1;align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-collapse>*{min-width:100%}.navbar-vertical.navbar-expand-md .navbar-nav{flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem}.navbar-vertical.navbar-expand-md .navbar-nav .nav-link{padding:.675rem 1.5rem}.navbar-vertical.navbar-expand-md .navbar-nav>.nav-item{margin-top:2px}.navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link.active{margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;border-radius:.375rem;background:#f6f9fc}.navbar-vertical.navbar-expand-md .lavalamp-object{width:calc(100% - 1rem)!important;margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;color:#fff;border-radius:.375rem;background:#5e72e4}.navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link{padding-top:.45rem;padding-bottom:.45rem;padding-left:3.5rem}.navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link{padding-left:4.25rem}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg{position:fixed;top:0;bottom:0;display:block;overflow-y:auto;width:100%;max-width:250px;padding-right:0;padding-left:0}.navbar-vertical.navbar-expand-lg .navbar-inner{padding-right:1.5rem;padding-left:1.5rem}.navbar-vertical.navbar-expand-lg>[class*=container]{flex-direction:column;min-height:100%;padding-right:0;padding-left:0;align-items:stretch}}@media all and (min-width:992px) and (-ms-high-contrast:none),(min-width:992px) and (-ms-high-contrast:active){.navbar-vertical.navbar-expand-lg>[class*=container]{height:100%;min-height:none}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg.fixed-left{left:0;border-width:0 1px 0 0}.navbar-vertical.navbar-expand-lg.fixed-right{right:0;border-width:0 0 0 1px}.navbar-vertical.navbar-expand-lg .navbar-collapse{display:flex;flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;flex:1 1;align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-collapse>*{min-width:100%}.navbar-vertical.navbar-expand-lg .navbar-nav{flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem}.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link{padding:.675rem 1.5rem}.navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item{margin-top:2px}.navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link.active{margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;border-radius:.375rem;background:#f6f9fc}.navbar-vertical.navbar-expand-lg .lavalamp-object{width:calc(100% - 1rem)!important;margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;color:#fff;border-radius:.375rem;background:#5e72e4}.navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link{padding-top:.45rem;padding-bottom:.45rem;padding-left:3.5rem}.navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav .nav-link{padding-left:4.25rem}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl{position:fixed;top:0;bottom:0;display:block;overflow-y:auto;width:100%;max-width:250px;padding-right:0;padding-left:0}.navbar-vertical.navbar-expand-xl .navbar-inner{padding-right:1.5rem;padding-left:1.5rem}.navbar-vertical.navbar-expand-xl>[class*=container]{flex-direction:column;min-height:100%;padding-right:0;padding-left:0;align-items:stretch}}@media all and (min-width:1200px) and (-ms-high-contrast:none),(min-width:1200px) and (-ms-high-contrast:active){.navbar-vertical.navbar-expand-xl>[class*=container]{height:100%;min-height:none}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl.fixed-left{left:0;border-width:0 1px 0 0}.navbar-vertical.navbar-expand-xl.fixed-right{right:0;border-width:0 0 0 1px}.navbar-vertical.navbar-expand-xl .navbar-collapse{display:flex;flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;flex:1 1;align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-collapse>*{min-width:100%}.navbar-vertical.navbar-expand-xl .navbar-nav{flex-direction:column;margin-right:-1.5rem;margin-left:-1.5rem}.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link{padding:.675rem 1.5rem}.navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item{margin-top:2px}.navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link.active{margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;border-radius:.375rem;background:#f6f9fc}.navbar-vertical.navbar-expand-xl .lavalamp-object{width:calc(100% - 1rem)!important;margin-right:.5rem;margin-left:.5rem;padding-right:1rem;padding-left:1rem;color:#fff;border-radius:.375rem;background:#5e72e4}.navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link{padding-top:.45rem;padding-bottom:.45rem;padding-left:3.5rem}.navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav .nav-link{padding-left:4.25rem}}.navbar-vertical.navbar-expand-xs.fixed-left+.main-content{margin-left:250px}.navbar-vertical.navbar-expand-xs.fixed-right+.main-content{margin-right:62px}@media (min-width:576px){.navbar-vertical.navbar-expand-sm.fixed-left+.main-content{margin-left:250px}.navbar-vertical.navbar-expand-sm.fixed-right+.main-content{margin-right:62px}}@media (min-width:768px){.navbar-vertical.navbar-expand-md.fixed-left+.main-content{margin-left:250px}.navbar-vertical.navbar-expand-md.fixed-right+.main-content{margin-right:62px}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg.fixed-left+.main-content{margin-left:250px}.navbar-vertical.navbar-expand-lg.fixed-right+.main-content{margin-right:62px}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl.fixed-left+.main-content{margin-left:250px}.navbar-vertical.navbar-expand-xl.fixed-right+.main-content{margin-right:62px}}.sidenav.fixed-left+.main-content{margin-left:62px;transition:all .15s ease}@media (prefers-reduced-motion:reduce){.sidenav.fixed-left+.main-content{transition:none}}.sidenav.fixed-right+.main-content{margin-right:62px;transition:all .15s ease}@media (prefers-reduced-motion:reduce){.sidenav.fixed-right+.main-content{transition:none}}@media (min-width:1200px){.g-sidenav-pinned .sidenav.fixed-left+.main-content{margin-left:250px}.g-sidenav-pinned .sidenav.fixed-right+.main-content{margin-right:250px}}.sidenav{z-index:1050;transition:all .4s ease}@media (min-width:1200px){.sidenav:hover{max-width:250px}.sidenav .sidenav-toggler{padding:1.5rem}}.sidenav .navbar-brand,.sidenav .navbar-heading{padding:1.5rem}.sidenav-header{height:78px;text-align:center}.g-sidenav-show .sidenav .navbar-brand,.g-sidenav-show .sidenav .navbar-heading{display:block}.g-sidenav-show .sidenav .nav-item .collapse{height:auto;transition:all .15s ease}@media (prefers-reduced-motion:reduce){.g-sidenav-show .sidenav .nav-item .collapse{transition:none}}.g-sidenav-show .sidenav .nav-link-text{transition:.3s ease;opacity:1}.g-sidenav-pinned .sidenav{max-width:250px!important}.g-sidenav-pinned .sidenav .navbar-brand,.g-sidenav-pinned .sidenav .navbar-heading{display:block}@media (min-width:768px){.nav-item .nav-link.active.active-pro{position:absolute;bottom:10px;width:100%;margin-left:0!important;padding-left:25px!important;border-radius:0!important;background:#f6f9fc}}@media (max-width:1199.98px){.sidenav{transform:translateX(-250px)}.sidenav.fixed-left+.main-content{margin-left:0!important}.g-sidenav-pinned .sidenav{transform:translateX(0)}}.sidenav-toggler-inner,.sidenav-toggler-line{width:18px;transition:all .15s ease}@media (prefers-reduced-motion:reduce){.sidenav-toggler-inner,.sidenav-toggler-line{transition:none}}.sidenav-toggler-inner{position:relative}.sidenav-toggler-inner:before{position:absolute;top:-14px;left:-11px;width:40px;height:40px;content:'';transition:all .15s cubic-bezier(.68,-.55,.265,1.55);transform:scale(0);border-radius:50%}@media (prefers-reduced-motion:reduce){.sidenav-toggler-inner:before{transition:none}}.sidenav-toggler-line{position:relative;display:block;height:2px;background-color:#172b4d}.sidenav-toggler-line:not(:last-child){margin-bottom:3px}.sidenav-toggler-dark .sidenav-toggler-line{background-color:#fff}.sidenav-toggler{cursor:pointer}.sidenav-toggler.active .sidenav-toggler-inner:before{transform:scale(1)}.sidenav-toggler.active .sidenav-toggler-line:first-child{width:13px;transform:translateX(5px)}.sidenav-toggler.active .sidenav-toggler-line:last-child{width:13px;transform:translateX(5px)}.bodyClick{position:absolute;top:0;width:100%;height:100vh}.navbar-search .input-group{transition:background-color .3s linear;transition-delay:.15s;border:0 solid;border-radius:2rem}@media (prefers-reduced-motion:reduce){.navbar-search .input-group{transition:none}}.navbar-search .input-group .input-group-text{padding-left:1rem;border:0;background-color:transparent}.navbar-search .form-control{width:250px;transition:all .15s cubic-bezier(.68,-.55,.265,1.55);border:0;background-color:transparent}@media (prefers-reduced-motion:reduce){.navbar-search .form-control{transition:none}}.navbar-search .focused .input-group .form-control{width:380px}.navbar-search .close{display:none}.navbar-search-dark .input-group{border-color:rgba(255,255,255,.6);background-color:rgba(23,43,77,.8)}.navbar-search-dark .input-group-text{color:rgba(255,255,255,.6)}.navbar-search-dark .form-control{color:rgba(255,255,255,.9)}.navbar-search-dark .form-control::-ms-input-placeholder{color:rgba(255,255,255,.6)}.navbar-search-dark .form-control::placeholder{color:rgba(255,255,255,.6)}.navbar-search-dark .focused .input-group{border-color:rgba(255,255,255,.9);background-color:rgba(23,43,77,.9)}.navbar-search-light .input-group{border-color:rgba(0,0,0,.6);background-color:rgba(255,255,255,.9)}.navbar-search-light .input-group-text{color:rgba(0,0,0,.6)}.navbar-search-light .form-control{color:rgba(0,0,0,.9)}.navbar-search-light .form-control::-ms-input-placeholder{color:rgba(0,0,0,.6)}.navbar-search-light .form-control::placeholder{color:rgba(0,0,0,.6)}.navbar-search-light .focused .input-group{border-color:rgba(0,0,0,.9);background-color:#fff}@media (max-width:575.98px){.navbar-search{display:none;width:100%;transition:all .15s cubic-bezier(.68,-.55,.265,1.55);transform:translateX(-150%)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.navbar-search{transition:none}}@media (max-width:575.98px){.navbar-search .form-group{width:100%}.navbar-search .form-control{width:auto}.navbar-search .focused .input-group .form-control{width:auto}.navbar-search .close{display:none;opacity:0}.navbar-search .close span{width:auto;height:auto}.navbar-top .navbar-nav{transition:all .15s ease}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.navbar-top .navbar-nav{transition:none}}@media (max-width:575.98px){.g-navbar-search-showing .navbar-search .close{display:block}.g-navbar-search-showing .navbar-top .navbar-nav{display:flex;transform:translateX(150%);opacity:1}.g-navbar-search-show .navbar-search{display:block}.g-navbar-search-show .navbar-search .form-control{width:auto}.g-navbar-search-show .navbar-search .close{line-height:46px;position:absolute;top:0;right:0;width:46px;height:46px;cursor:pointer;text-align:center;color:#fff}.g-navbar-search-show .navbar-top .navbar-nav{display:none}.g-navbar-search-show .navbar-top .navbar-collapse{width:100%}.g-navbar-search-shown .navbar-search{transform:translateX(0)}.g-navbar-search-shown .navbar-search .close{display:block;opacity:1}.g-navbar-search-hiding .navbar-top .navbar-nav{display:flex;transform:translateX(150%);opacity:0}.g-navbar-search-hidden .navbar-top .navbar-nav{transform:translateX(0);opacity:1}}.navbar .dropdown-menu{margin:0;pointer-events:none;opacity:0}.navbar .dropdown-menu-arrow:before{position:absolute;z-index:-5;bottom:100%;left:20px;display:block;width:12px;height:12px;content:'';transform:rotate(-45deg) translateY(12px);border-radius:2px;background:#fff;box-shadow:none}.navbar .dropdown-menu-right:before{right:20px;left:auto}.navbar:not(.navbar-nav-hover) .dropdown-menu.show{animation:show-navbar-dropdown .25s ease forwards;pointer-events:auto;opacity:1}.navbar:not(.navbar-nav-hover) .dropdown-menu.close{display:block;animation:hide-navbar-dropdown .15s ease backwards}.navbar.navbar-nav-hover .dropdown-menu{display:block;transition:visibility .25s,opacity .25s,transform .25s;transform:translate(0,10px) perspective(200px) rotateX(-2deg);pointer-events:none;opacity:0}.navbar.navbar-nav-hover .nav-item.dropdown:hover>.dropdown-menu{display:block;visibility:visible;transform:translate(0,0);animation:none;pointer-events:auto;opacity:1}.navbar .dropdown-menu-inner{position:relative;padding:1rem}@keyframes show-navbar-dropdown{0%{transition:visibility .25s,opacity .25s,transform .25s;transform:translate(0,10px) perspective(200px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes hide-navbar-dropdown{from{opacity:1}to{transform:translate(0,10px);opacity:0}}.navbar-collapse-header{display:none}@keyframes show-navbar-collapse{0%{transform:scale(.95);transform-origin:100% 0;opacity:0}100%{transform:scale(1);opacity:1}}@keyframes hide-navbar-collapse{from{transform:scale(1);transform-origin:100% 0;opacity:1}to{transform:scale(.95);opacity:0}}.navbar-top{padding-right:1rem;padding-left:1rem;border:0}.navbar-top .container,.navbar-top .container-fluid,.navbar-top .container-lg,.navbar-top .container-md,.navbar-top .container-sm,.navbar-top .container-xl{padding-right:15px;padding-left:15px}@media (min-width:576px){.navbar-top .navbar-brand{display:none}}@media (max-width:575.98px){.navbar-top .navbar-collapse{width:100%}.navbar-top .nav-item{position:static}.navbar-top .nav-item .dropdown-menu{position:absolute;right:auto;left:3%;width:94%;min-width:auto}}.navbar-top.border-bottom.navbar-dark{border-color:rgba(255,255,255,.08)!important}.navbar-top.border-bottom.navbar-light{border-color:rgba(0,0,0,.04)!important}.sidenav-pinned .navbar-top .navbar-brand{display:none}.nav-wrapper{padding:1rem 0;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.nav-wrapper+.card{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.nav-link{color:#525f7f}.nav-link:hover{color:#5e72e4}.nav-link i.ni{position:relative;top:2px}.nav-pills .nav-item:not(:last-child){padding-right:1rem}.nav-pills .nav-link{font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .15s ease;color:#5e72e4;background-color:#fff;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.nav-pills .nav-link:hover{color:#485fe0}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#5e72e4}@media (max-width:575.98px){.nav-pills .nav-item{margin-bottom:1rem}}@media (max-width:767.98px){.nav-pills:not(.nav-pills-circle) .nav-item{padding-right:0}}.nav-pills-circle .nav-link{line-height:60px;width:60px;height:60px;padding:0;text-align:center;border-radius:50%}.nav-pills-circle .nav-link-icon i,.nav-pills-circle .nav-link-icon svg{font-size:1rem}.page-item.active .page-link{box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}.page-item .page-link,.page-item span{font-size:.875rem;display:flex;width:36px;height:36px;margin:0 3px;padding:0;border-radius:50%!important;align-items:center;justify-content:center}.pagination-lg .page-item .page-link,.pagination-lg .page-item span{line-height:46px;width:46px;height:46px}.pagination-sm .page-item .page-link,.pagination-sm .page-item span{line-height:30px;width:30px;height:30px}.popover{border:0}.popover-header{font-weight:600}.popover-primary{background-color:#5e72e4}.popover-primary .popover-header{color:#fff;background-color:#5e72e4}.popover-primary .popover-body{color:#fff}.popover-primary .popover-header{border-color:rgba(255,255,255,.2)}.popover-primary.bs-popover-auto[x-placement^=top] .arrow::after,.popover-primary.bs-popover-top .arrow::after{border-top-color:#5e72e4}.popover-primary.bs-popover-auto[x-placement^=right] .arrow::after,.popover-primary.bs-popover-right .arrow::after{border-right-color:#5e72e4}.popover-primary.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-primary.bs-popover-bottom .arrow::after{border-bottom-color:#5e72e4}.popover-primary.bs-popover-auto[x-placement^=left] .arrow::after,.popover-primary.bs-popover-left .arrow::after{border-left-color:#5e72e4}.popover-secondary{background-color:#f7fafc}.popover-secondary .popover-header{color:#212529;background-color:#f7fafc}.popover-secondary .popover-body{color:#212529}.popover-secondary .popover-header{border-color:rgba(33,37,41,.2)}.popover-secondary.bs-popover-auto[x-placement^=top] .arrow::after,.popover-secondary.bs-popover-top .arrow::after{border-top-color:#f7fafc}.popover-secondary.bs-popover-auto[x-placement^=right] .arrow::after,.popover-secondary.bs-popover-right .arrow::after{border-right-color:#f7fafc}.popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-secondary.bs-popover-bottom .arrow::after{border-bottom-color:#f7fafc}.popover-secondary.bs-popover-auto[x-placement^=left] .arrow::after,.popover-secondary.bs-popover-left .arrow::after{border-left-color:#f7fafc}.popover-success{background-color:#2dce89}.popover-success .popover-header{color:#fff;background-color:#2dce89}.popover-success .popover-body{color:#fff}.popover-success .popover-header{border-color:rgba(255,255,255,.2)}.popover-success.bs-popover-auto[x-placement^=top] .arrow::after,.popover-success.bs-popover-top .arrow::after{border-top-color:#2dce89}.popover-success.bs-popover-auto[x-placement^=right] .arrow::after,.popover-success.bs-popover-right .arrow::after{border-right-color:#2dce89}.popover-success.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-success.bs-popover-bottom .arrow::after{border-bottom-color:#2dce89}.popover-success.bs-popover-auto[x-placement^=left] .arrow::after,.popover-success.bs-popover-left .arrow::after{border-left-color:#2dce89}.popover-info{background-color:#11cdef}.popover-info .popover-header{color:#fff;background-color:#11cdef}.popover-info .popover-body{color:#fff}.popover-info .popover-header{border-color:rgba(255,255,255,.2)}.popover-info.bs-popover-auto[x-placement^=top] .arrow::after,.popover-info.bs-popover-top .arrow::after{border-top-color:#11cdef}.popover-info.bs-popover-auto[x-placement^=right] .arrow::after,.popover-info.bs-popover-right .arrow::after{border-right-color:#11cdef}.popover-info.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-info.bs-popover-bottom .arrow::after{border-bottom-color:#11cdef}.popover-info.bs-popover-auto[x-placement^=left] .arrow::after,.popover-info.bs-popover-left .arrow::after{border-left-color:#11cdef}.popover-warning{background-color:#fb6340}.popover-warning .popover-header{color:#fff;background-color:#fb6340}.popover-warning .popover-body{color:#fff}.popover-warning .popover-header{border-color:rgba(255,255,255,.2)}.popover-warning.bs-popover-auto[x-placement^=top] .arrow::after,.popover-warning.bs-popover-top .arrow::after{border-top-color:#fb6340}.popover-warning.bs-popover-auto[x-placement^=right] .arrow::after,.popover-warning.bs-popover-right .arrow::after{border-right-color:#fb6340}.popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-warning.bs-popover-bottom .arrow::after{border-bottom-color:#fb6340}.popover-warning.bs-popover-auto[x-placement^=left] .arrow::after,.popover-warning.bs-popover-left .arrow::after{border-left-color:#fb6340}.popover-danger{background-color:#f5365c}.popover-danger .popover-header{color:#fff;background-color:#f5365c}.popover-danger .popover-body{color:#fff}.popover-danger .popover-header{border-color:rgba(255,255,255,.2)}.popover-danger.bs-popover-auto[x-placement^=top] .arrow::after,.popover-danger.bs-popover-top .arrow::after{border-top-color:#f5365c}.popover-danger.bs-popover-auto[x-placement^=right] .arrow::after,.popover-danger.bs-popover-right .arrow::after{border-right-color:#f5365c}.popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-danger.bs-popover-bottom .arrow::after{border-bottom-color:#f5365c}.popover-danger.bs-popover-auto[x-placement^=left] .arrow::after,.popover-danger.bs-popover-left .arrow::after{border-left-color:#f5365c}.popover-light{background-color:#adb5bd}.popover-light .popover-header{color:#fff;background-color:#adb5bd}.popover-light .popover-body{color:#fff}.popover-light .popover-header{border-color:rgba(255,255,255,.2)}.popover-light.bs-popover-auto[x-placement^=top] .arrow::after,.popover-light.bs-popover-top .arrow::after{border-top-color:#adb5bd}.popover-light.bs-popover-auto[x-placement^=right] .arrow::after,.popover-light.bs-popover-right .arrow::after{border-right-color:#adb5bd}.popover-light.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-light.bs-popover-bottom .arrow::after{border-bottom-color:#adb5bd}.popover-light.bs-popover-auto[x-placement^=left] .arrow::after,.popover-light.bs-popover-left .arrow::after{border-left-color:#adb5bd}.popover-dark{background-color:#212529}.popover-dark .popover-header{color:#fff;background-color:#212529}.popover-dark .popover-body{color:#fff}.popover-dark .popover-header{border-color:rgba(255,255,255,.2)}.popover-dark.bs-popover-auto[x-placement^=top] .arrow::after,.popover-dark.bs-popover-top .arrow::after{border-top-color:#212529}.popover-dark.bs-popover-auto[x-placement^=right] .arrow::after,.popover-dark.bs-popover-right .arrow::after{border-right-color:#212529}.popover-dark.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-dark.bs-popover-bottom .arrow::after{border-bottom-color:#212529}.popover-dark.bs-popover-auto[x-placement^=left] .arrow::after,.popover-dark.bs-popover-left .arrow::after{border-left-color:#212529}.popover-default{background-color:#172b4d}.popover-default .popover-header{color:#fff;background-color:#172b4d}.popover-default .popover-body{color:#fff}.popover-default .popover-header{border-color:rgba(255,255,255,.2)}.popover-default.bs-popover-auto[x-placement^=top] .arrow::after,.popover-default.bs-popover-top .arrow::after{border-top-color:#172b4d}.popover-default.bs-popover-auto[x-placement^=right] .arrow::after,.popover-default.bs-popover-right .arrow::after{border-right-color:#172b4d}.popover-default.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-default.bs-popover-bottom .arrow::after{border-bottom-color:#172b4d}.popover-default.bs-popover-auto[x-placement^=left] .arrow::after,.popover-default.bs-popover-left .arrow::after{border-left-color:#172b4d}.popover-white{background-color:#fff}.popover-white .popover-header{color:#212529;background-color:#fff}.popover-white .popover-body{color:#212529}.popover-white .popover-header{border-color:rgba(33,37,41,.2)}.popover-white.bs-popover-auto[x-placement^=top] .arrow::after,.popover-white.bs-popover-top .arrow::after{border-top-color:#fff}.popover-white.bs-popover-auto[x-placement^=right] .arrow::after,.popover-white.bs-popover-right .arrow::after{border-right-color:#fff}.popover-white.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-white.bs-popover-bottom .arrow::after{border-bottom-color:#fff}.popover-white.bs-popover-auto[x-placement^=left] .arrow::after,.popover-white.bs-popover-left .arrow::after{border-left-color:#fff}.popover-neutral{background-color:#fff}.popover-neutral .popover-header{color:#212529;background-color:#fff}.popover-neutral .popover-body{color:#212529}.popover-neutral .popover-header{border-color:rgba(33,37,41,.2)}.popover-neutral.bs-popover-auto[x-placement^=top] .arrow::after,.popover-neutral.bs-popover-top .arrow::after{border-top-color:#fff}.popover-neutral.bs-popover-auto[x-placement^=right] .arrow::after,.popover-neutral.bs-popover-right .arrow::after{border-right-color:#fff}.popover-neutral.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-neutral.bs-popover-bottom .arrow::after{border-bottom-color:#fff}.popover-neutral.bs-popover-auto[x-placement^=left] .arrow::after,.popover-neutral.bs-popover-left .arrow::after{border-left-color:#fff}.popover-darker{background-color:#000}.popover-darker .popover-header{color:#fff;background-color:#000}.popover-darker .popover-body{color:#fff}.popover-darker .popover-header{border-color:rgba(255,255,255,.2)}.popover-darker.bs-popover-auto[x-placement^=top] .arrow::after,.popover-darker.bs-popover-top .arrow::after{border-top-color:#000}.popover-darker.bs-popover-auto[x-placement^=right] .arrow::after,.popover-darker.bs-popover-right .arrow::after{border-right-color:#000}.popover-darker.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover-darker.bs-popover-bottom .arrow::after{border-bottom-color:#000}.popover-darker.bs-popover-auto[x-placement^=left] .arrow::after,.popover-darker.bs-popover-left .arrow::after{border-left-color:#000}.progress-wrapper{position:relative;padding-top:1.5rem}.progress{overflow:hidden;height:8px;margin-bottom:1rem;border-radius:.25rem;background-color:#e9ecef;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress .sr-only{font-size:13px;line-height:20px;left:0;clip:auto;width:auto;height:20px;margin:0 0 0 30px}.progress-sm{height:5px}.progress-xs{height:3px}.progress-heading{font-size:14px;font-weight:500;margin:0 0 2px;padding:0}.progress-bar{height:auto;border-radius:0;box-shadow:none}.progress-info{display:flex;margin-bottom:.5rem;align-items:center;justify-content:space-between}.progress-label span{font-size:.625rem;font-weight:600;display:inline-block;padding:.25rem 1rem;text-transform:uppercase;color:#5e72e4;border-radius:30px;background:rgba(94,114,228,.1)}.progress-percentage{text-align:right}.progress-percentage span{font-size:.875rem;font-weight:600;display:inline-block;color:#8898aa}.separator{position:absolute;top:auto;right:0;left:0;overflow:hidden;width:100%;height:150px;transform:translateZ(0);pointer-events:none}.separator svg{position:absolute;pointer-events:none}.separator-top{top:0;bottom:auto}.separator-top svg{top:0}.separator-bottom{top:auto;bottom:0}.separator-bottom svg{bottom:0}.separator-inverse{transform:rotate(180deg)}.separator-skew{height:60px}@media (min-width:1200px){.separator-skew{height:70px}}.section-nucleo-icons{--icon-size:5rem;--icon-sm-size:3.75rem;--gutter:7rem}.section-nucleo-icons .icons-container{position:relative;z-index:1;max-width:100%;height:360px;margin:0 auto}.section-nucleo-icons .icons-container i{position:absolute;z-index:1;display:inline-flex;transition:all .2s cubic-bezier(.25,.65,.9,.75);transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 2rem 0 rgba(136,152,170,.15);align-items:center;justify-content:center}.section-nucleo-icons .icons-container i.icon{font-size:1.7em;width:var(--icon-size);height:var(--icon-size)}.section-nucleo-icons .icons-container i.icon-sm{font-size:1.5em;width:var(--icon-sm-size);height:var(--icon-sm-size)}.section-nucleo-icons .icons-container i:nth-child(1){font-size:42px;z-index:2;color:#fb6340}.section-nucleo-icons .icons-container i{opacity:1}.section-nucleo-icons .icons-container i:nth-child(1){font-size:42px;top:50%;left:50%;color:#fb6340}.section-nucleo-icons .icons-container i:nth-child(2){top:50%;left:calc(50% + (var(--gutter) * 1.7))}.section-nucleo-icons .icons-container i:nth-child(3){top:calc(50% + var(--gutter));left:calc(50% + var(--gutter))}.section-nucleo-icons .icons-container i:nth-child(4){top:calc(50% - var(--gutter));left:calc(50% + var(--gutter))}.section-nucleo-icons .icons-container i:nth-child(5){top:50%;left:calc(50% + (var(--gutter) * 4))}.section-nucleo-icons .icons-container i:nth-child(6){top:calc(50% + (var(--gutter) * 1.5));left:calc(50% + (var(--gutter) * 2.7))}.section-nucleo-icons .icons-container i:nth-child(7){top:calc(50% - (var(--gutter) * 1.5));left:calc(50% + (var(--gutter) * 2.7))}.section-nucleo-icons .icons-container i:nth-child(8){top:50%;left:calc(50% - (var(--gutter) * 1.7))}.section-nucleo-icons .icons-container i:nth-child(9){top:calc(50% + var(--gutter));left:calc(50% - var(--gutter))}.section-nucleo-icons .icons-container i:nth-child(10){top:calc(50% - var(--gutter));left:calc(50% - var(--gutter))}.section-nucleo-icons .icons-container i:nth-child(11){top:50%;left:calc(50% - (var(--gutter) * 4))}.section-nucleo-icons .icons-container i:nth-child(12){top:calc(50% + (var(--gutter) * 1.5));left:calc(50% - (var(--gutter) * 2.7))}.section-nucleo-icons .icons-container i:nth-child(13){top:calc(50% - (var(--gutter) * 1.5));left:calc(50% - (var(--gutter) * 2.7))}.table thead th{font-size:.65rem;padding-top:.75rem;padding-bottom:.75rem;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #e9ecef}.table th{font-weight:600}.table td .progress{width:120px;height:3px;margin:0}.table td,.table th{font-size:.8125rem;white-space:nowrap}.table.align-items-center td,.table.align-items-center th{vertical-align:middle}.table .thead-dark th{color:#4d7bca;background-color:#1c345d}.table .thead-dark th a{color:#4d7bca}.table .thead-light th{color:#8898aa;background-color:#f6f9fc}.table .thead-light th a{color:#8898aa}.table-hover tr{transition:all .15s ease}@media (prefers-reduced-motion:reduce){.table-hover tr{transition:none}}.table-flush td,.table-flush th{border-right:0;border-left:0}.table-flush tbody tr:first-child td,.table-flush tbody tr:first-child th{border-top:0}.table-flush tbody tr:last-child td,.table-flush tbody tr:last-child th{border-bottom:0}.card .table{margin-bottom:0}.card .table td,.card .table th{padding-right:1.5rem;padding-left:1.5rem}.table .custom-toggle{display:block}p{font-size:1rem;font-weight:300;line-height:1.7}.lead{font-size:1.25rem;font-weight:300;line-height:1.7;margin-top:1.5rem}.lead+.btn-wrapper{margin-top:3rem}.description{font-size:.875rem}article h4:not(:first-child),article h5:not(:first-child){margin-top:3rem}article h4,article h5{margin-bottom:1.5rem}article figure{margin:3rem 0}article h5+figure{margin-top:0}.display-1 span,.display-2 span,.display-3 span,.display-4 span{font-weight:300;display:block}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:inherit}.heading{font-size:.95rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.heading-small{font-size:.75rem;padding-top:.25rem;padding-bottom:.25rem;letter-spacing:.04em;text-transform:uppercase}.heading-title{font-size:1.375rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.heading-section{font-size:1.375rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.heading-section img{display:block;width:72px;height:72px;margin-bottom:1.5rem}.heading-section.text-center img{margin-right:auto;margin-left:auto}.surtitle{margin-bottom:0;letter-spacing:2px;text-transform:uppercase;color:#8898aa}.bg-blue{background-color:#5e72e4!important}a.bg-blue:focus,a.bg-blue:hover,button.bg-blue:focus,button.bg-blue:hover{background-color:#324cdd!important}.bg-indigo{background-color:#5603ad!important}a.bg-indigo:focus,a.bg-indigo:hover,button.bg-indigo:focus,button.bg-indigo:hover{background-color:#3d027b!important}.bg-purple{background-color:#8965e0!important}a.bg-purple:focus,a.bg-purple:hover,button.bg-purple:focus,button.bg-purple:hover{background-color:#683bd7!important}.bg-pink{background-color:#f3a4b5!important}a.bg-pink:focus,a.bg-pink:hover,button.bg-pink:focus,button.bg-pink:hover{background-color:#ed7790!important}.bg-red{background-color:#f5365c!important}a.bg-red:focus,a.bg-red:hover,button.bg-red:focus,button.bg-red:hover{background-color:#ec0c38!important}.bg-orange{background-color:#fb6340!important}a.bg-orange:focus,a.bg-orange:hover,button.bg-orange:focus,button.bg-orange:hover{background-color:#fa3a0e!important}.bg-yellow{background-color:#ffd600!important}a.bg-yellow:focus,a.bg-yellow:hover,button.bg-yellow:focus,button.bg-yellow:hover{background-color:#ccab00!important}.bg-green{background-color:#2dce89!important}a.bg-green:focus,a.bg-green:hover,button.bg-green:focus,button.bg-green:hover{background-color:#24a46d!important}.bg-teal{background-color:#11cdef!important}a.bg-teal:focus,a.bg-teal:hover,button.bg-teal:focus,button.bg-teal:hover{background-color:#0da5c0!important}.bg-cyan{background-color:#2bffc6!important}a.bg-cyan:focus,a.bg-cyan:hover,button.bg-cyan:focus,button.bg-cyan:hover{background-color:#00f7b5!important}.bg-white{background-color:#fff!important}a.bg-white:focus,a.bg-white:hover,button.bg-white:focus,button.bg-white:hover{background-color:#e6e6e6!important}.bg-gray{background-color:#8898aa!important}a.bg-gray:focus,a.bg-gray:hover,button.bg-gray:focus,button.bg-gray:hover{background-color:#6a7e95!important}.bg-gray-dark{background-color:#32325d!important}a.bg-gray-dark:focus,a.bg-gray-dark:hover,button.bg-gray-dark:focus,button.bg-gray-dark:hover{background-color:#20203c!important}.bg-light{background-color:#ced4da!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#b1bbc4!important}.bg-lighter{background-color:#e9ecef!important}a.bg-lighter:focus,a.bg-lighter:hover,button.bg-lighter:focus,button.bg-lighter:hover{background-color:#cbd3da!important}.bg-gradient-primary{background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important}.bg-gradient-secondary{background:linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important}.bg-gradient-success{background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important}.bg-gradient-info{background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important}.bg-gradient-warning{background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important}.bg-gradient-danger{background:linear-gradient(87deg,#f5365c 0,#f56036 100%)!important}.bg-gradient-light{background:linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important}.bg-gradient-dark{background:linear-gradient(87deg,#212529 0,#212229 100%)!important}.bg-gradient-default{background:linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important}.bg-gradient-white{background:linear-gradient(87deg,#fff 0,#fff 100%)!important}.bg-gradient-neutral{background:linear-gradient(87deg,#fff 0,#fff 100%)!important}.bg-gradient-darker{background:linear-gradient(87deg,#000 0,#000 100%)!important}.bg-gradient-blue{background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important}.bg-gradient-indigo{background:linear-gradient(87deg,#5603ad 0,#9d03ad 100%)!important}.bg-gradient-purple{background:linear-gradient(87deg,#8965e0 0,#bc65e0 100%)!important}.bg-gradient-pink{background:linear-gradient(87deg,#f3a4b5 0,#f3b4a4 100%)!important}.bg-gradient-red{background:linear-gradient(87deg,#f5365c 0,#f56036 100%)!important}.bg-gradient-orange{background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important}.bg-gradient-yellow{background:linear-gradient(87deg,#ffd600 0,#beff00 100%)!important}.bg-gradient-green{background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important}.bg-gradient-teal{background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important}.bg-gradient-cyan{background:linear-gradient(87deg,#2bffc6 0,#2be0ff 100%)!important}.bg-gradient-white{background:linear-gradient(87deg,#fff 0,#fff 100%)!important}.bg-gradient-gray{background:linear-gradient(87deg,#8898aa 0,#888aaa 100%)!important}.bg-gradient-gray-dark{background:linear-gradient(87deg,#32325d 0,#44325d 100%)!important}.bg-gradient-light{background:linear-gradient(87deg,#ced4da 0,#cecfda 100%)!important}.bg-gradient-lighter{background:linear-gradient(87deg,#e9ecef 0,#e9eaef 100%)!important}.bg-translucent-primary{background-color:rgba(63,87,223,.6)!important}a.bg-translucent-primary:focus,a.bg-translucent-primary:hover,button.bg-translucent-primary:focus,button.bg-translucent-primary:hover{background-color:rgba(42,68,219,.6)!important}.bg-translucent-secondary{background-color:rgba(221,234,242,.6)!important}a.bg-translucent-secondary:focus,a.bg-translucent-secondary:hover,button.bg-translucent-secondary:focus,button.bg-translucent-secondary:hover{background-color:rgba(202,222,235,.6)!important}.bg-translucent-success{background-color:rgba(39,177,118,.6)!important}a.bg-translucent-success:focus,a.bg-translucent-success:hover,button.bg-translucent-success:focus,button.bg-translucent-success:hover{background-color:rgba(34,156,104,.6)!important}.bg-translucent-info{background-color:rgba(14,177,206,.6)!important}a.bg-translucent-info:focus,a.bg-translucent-info:hover,button.bg-translucent-info:focus,button.bg-translucent-info:hover{background-color:rgba(12,156,183,.6)!important}.bg-translucent-warning{background-color:rgba(250,70,29,.6)!important}a.bg-translucent-warning:focus,a.bg-translucent-warning:hover,button.bg-translucent-warning:focus,button.bg-translucent-warning:hover{background-color:rgba(249,51,5,.6)!important}.bg-translucent-danger{background-color:rgba(243,20,64,.6)!important}a.bg-translucent-danger:focus,a.bg-translucent-danger:hover,button.bg-translucent-danger:focus,button.bg-translucent-danger:hover{background-color:rgba(227,11,54,.6)!important}.bg-translucent-light{background-color:rgba(153,163,173,.6)!important}a.bg-translucent-light:focus,a.bg-translucent-light:hover,button.bg-translucent-light:focus,button.bg-translucent-light:hover{background-color:rgba(139,150,162,.6)!important}.bg-translucent-dark{background-color:rgba(17,19,21,.6)!important}a.bg-translucent-dark:focus,a.bg-translucent-dark:hover,button.bg-translucent-dark:focus,button.bg-translucent-dark:hover{background-color:rgba(6,6,7,.6)!important}.bg-translucent-default{background-color:rgba(15,28,50,.6)!important}a.bg-translucent-default:focus,a.bg-translucent-default:hover,button.bg-translucent-default:focus,button.bg-translucent-default:hover{background-color:rgba(9,17,30,.6)!important}.bg-translucent-white{background-color:rgba(237,237,237,.6)!important}a.bg-translucent-white:focus,a.bg-translucent-white:hover,button.bg-translucent-white:focus,button.bg-translucent-white:hover{background-color:rgba(224,224,224,.6)!important}.bg-translucent-neutral{background-color:rgba(237,237,237,.6)!important}a.bg-translucent-neutral:focus,a.bg-translucent-neutral:hover,button.bg-translucent-neutral:focus,button.bg-translucent-neutral:hover{background-color:rgba(224,224,224,.6)!important}.bg-translucent-darker{background-color:rgba(0,0,0,.6)!important}a.bg-translucent-darker:focus,a.bg-translucent-darker:hover,button.bg-translucent-darker:focus,button.bg-translucent-darker:hover{background-color:rgba(0,0,0,.6)!important}.section-primary{background-color:#f8f9fe!important}a.section-primary:focus,a.section-primary:hover,button.section-primary:focus,button.section-primary:hover{background-color:#cbd3f8!important}.section-secondary{background-color:#f7fafc!important}a.section-secondary:focus,a.section-secondary:hover,button.section-secondary:focus,button.section-secondary:hover{background-color:#d2e3ee!important}.section-light{background-color:#ced4da!important}a.section-light:focus,a.section-light:hover,button.section-light:focus,button.section-light:hover{background-color:#b1bbc4!important}.section-dark{background-color:#212529!important}a.section-dark:focus,a.section-dark:hover,button.section-dark:focus,button.section-dark:hover{background-color:#0a0c0d!important}.section-darker{background-color:#000!important}a.section-darker:focus,a.section-darker:hover,button.section-darker:focus,button.section-darker:hover{background-color:#000!important}.bg-gradient-primary{background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important}.bg-gradient-secondary{background:linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important}.bg-gradient-success{background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important}.bg-gradient-info{background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important}.bg-gradient-warning{background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important}.bg-gradient-danger{background:linear-gradient(87deg,#f5365c 0,#f56036 100%)!important}.bg-gradient-light{background:linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important}.bg-gradient-dark{background:linear-gradient(87deg,#212529 0,#212229 100%)!important}.bg-gradient-default{background:linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important}.bg-gradient-white{background:linear-gradient(87deg,#fff 0,#fff 100%)!important}.bg-gradient-neutral{background:linear-gradient(87deg,#fff 0,#fff 100%)!important}.bg-gradient-darker{background:linear-gradient(87deg,#000 0,#000 100%)!important}.fill-primary{fill:#5e72e4}.stroke-primary{stroke:#5e72e4}.fill-secondary{fill:#f7fafc}.stroke-secondary{stroke:#f7fafc}.fill-success{fill:#2dce89}.stroke-success{stroke:#2dce89}.fill-info{fill:#11cdef}.stroke-info{stroke:#11cdef}.fill-warning{fill:#fb6340}.stroke-warning{stroke:#fb6340}.fill-danger{fill:#f5365c}.stroke-danger{stroke:#f5365c}.fill-light{fill:#adb5bd}.stroke-light{stroke:#adb5bd}.fill-dark{fill:#212529}.stroke-dark{stroke:#212529}.fill-default{fill:#172b4d}.stroke-default{stroke:#172b4d}.fill-white{fill:#fff}.stroke-white{stroke:#fff}.fill-neutral{fill:#fff}.stroke-neutral{stroke:#fff}.fill-darker{fill:#000}.stroke-darker{stroke:#000}.fill-opacity-8{fill-opacity:.8}.blur--hover{position:relative}.blur--hover .blur-item{transition:1s cubic-bezier(.19,1,.22,1);opacity:1;will-change:transform;filter:blur(0)}.blur--hover .blur-hidden{position:absolute;z-index:100;top:calc(50% + 7px);left:50%;transition:all .15s ease;transform:translate(-50%,-50%);opacity:0}.blur--hover:hover .blur-item{z-index:1;transform:scale(.95);opacity:.8;filter:blur(10px)}.blur--hover:hover .blur-hidden{top:50%;opacity:1}.floating{animation:floating 3s ease infinite;will-change:transform}.floating:hover{animation-play-state:paused}.floating-lg{animation:floating-lg 3s ease infinite}.floating-sm{animation:floating-sm 3s ease infinite}@keyframes floating-lg{0%{transform:translateY(0)}50%{transform:translateY(15px)}100%{transform:translateY(0)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes floating-sm{0%{transform:translateY(0)}50%{transform:translateY(5px)}100%{transform:translateY(0)}}.floatfix:after,.floatfix:before{display:table;content:''}.floatfix:after{clear:both}.img-center{display:block;margin-right:auto;margin-left:auto}.opacity-1{opacity:.1!important}.opacity-2{opacity:.2!important}.opacity-3{opacity:.3!important}.opacity-4{opacity:.4!important}.opacity-5{opacity:.5!important}.opacity-6{opacity:.6!important}.opacity-7{opacity:.7!important}.opacity-8{opacity:.8!important}.opacity-8{opacity:.9!important}.opacity-10{opacity:1!important}.overflow-visible{overflow:visible!important}.overflow-hidden{overflow:hidden!important}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.top-3{top:1rem}.right-3{right:1rem}.bottom-3{bottom:1rem}.left-3{left:1rem}.top-4{top:1.5rem}.right-4{right:1.5rem}.bottom-4{bottom:1.5rem}.left-4{left:1.5rem}.top-5{top:3rem}.right-5{right:3rem}.bottom-5{bottom:3rem}.left-5{left:3rem}.top--9{top:-10rem}.right--9{right:-10rem}.bottom--9{bottom:-10rem}.left--9{left:-10rem}.top--8{top:-8rem}.right--8{right:-8rem}.bottom--8{bottom:-8rem}.left--8{left:-8rem}.top--7{top:-6rem}.right--7{right:-6rem}.bottom--7{bottom:-6rem}.left--7{left:-6rem}.top--6{top:-4.5rem}.right--6{right:-4.5rem}.bottom--6{bottom:-4.5rem}.left--6{left:-4.5rem}.top--5{top:-3rem}.right--5{right:-3rem}.bottom--5{bottom:-3rem}.left--5{left:-3rem}.top--4{top:-1.5rem}.right--4{right:-1.5rem}.bottom--4{bottom:-1.5rem}.left--4{left:-1.5rem}.top--3{top:-1rem}.right--3{right:-1rem}.bottom--3{bottom:-1rem}.left--3{left:-1rem}.top--2{top:-.5rem}.right--2{right:-.5rem}.bottom--2{bottom:-.5rem}.left--2{left:-.5rem}.top--1{top:-.25rem}.right--1{right:-.25rem}.bottom--1{bottom:-.25rem}.left--1{left:-.25rem}.top-6{top:4.5rem}.right-6{right:4.5rem}.bottom-6{bottom:4.5rem}.left-6{left:4.5rem}.top-7{top:6rem}.right-7{right:6rem}.bottom-7{bottom:6rem}.left-7{left:6rem}.top-8{top:8rem}.right-8{right:8rem}.bottom-8{bottom:8rem}.left-8{left:8rem}.top-9{top:10rem}.right-9{right:10rem}.bottom-9{bottom:10rem}.left-9{left:10rem}.center{left:50%;transform:translateX(-50%)}[class*=shadow]{transition:all .15s ease}.shadow-sm--hover:hover{box-shadow:0 0 .5rem rgba(136,152,170,.075)!important}.shadow--hover:hover{box-shadow:0 0 2rem 0 rgba(136,152,170,.15)!important}.shadow-lg--hover:hover{box-shadow:0 0 3rem rgba(136,152,170,.175)!important}.shadow-none--hover:hover{box-shadow:none!important}.h-100vh{height:100vh!important}.row.row-grid>[class*=col-]+[class*=col-]{margin-top:3rem}@media (min-width:992px){.row.row-grid>[class*=col-lg-]+[class*=col-lg-]{margin-top:0}}@media (min-width:768px){.row.row-grid>[class*=col-md-]+[class*=col-md-]{margin-top:0}}@media (min-width:576px){.row.row-grid>[class*=col-sm-]+[class*=col-sm-]{margin-top:0}}.row-grid+.row-grid{margin-top:3rem}@media (min-width:992px){.mt--100{margin-top:-100px!important}.mr--100{margin-right:-100px!important}.mb--100{margin-bottom:-100px!important}.ml--100{margin-left:-100px!important}.mt--150{margin-top:-150px!important}.mb--150{margin-bottom:-150px!important}.mt--200{margin-top:-200px!important}.mb--200{margin-bottom:-200px!important}.mt--300{margin-top:-300px!important}.mb--300{margin-bottom:-300px!important}.pt-100{padding-top:100px!important}.pb-100{padding-bottom:100px!important}.pt-150{padding-top:150px!important}.pb-150{padding-bottom:150px!important}.pt-200{padding-top:200px!important}.pb-200{padding-bottom:200px!important}.pt-250{padding-top:250px!important}.pb-250{padding-bottom:250px!important}.pt-300{padding-top:300px!important}.pb-300{padding-bottom:300px!important}}.font-weight-300{font-weight:300!important}.font-weight-400{font-weight:400!important}.font-weight-500{font-weight:500!important}.font-weight-600{font-weight:600!important}.font-weight-700{font-weight:700!important}.font-weight-800{font-weight:800!important}.font-weight-900{font-weight:900!important}.text-underline{text-decoration:underline}.text-through{text-decoration:line-through}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.25rem!important}.text-xl{font-size:1.5rem!important}.lh-100{line-height:1}.lh-110{line-height:1.1}.lh-120{line-height:1.2}.lh-130{line-height:1.3}.lh-140{line-height:1.4}.lh-150{line-height:1.5}.lh-160{line-height:1.6}.lh-170{line-height:1.7}.lh-180{line-height:1.8}.ls-1{letter-spacing:.0625rem}.ls-15{letter-spacing:.09375rem}.ls-2{letter-spacing:.125rem}.text-blue{color:#5e72e4!important}a.text-blue:focus,a.text-blue:hover{color:#233dd2!important}.text-indigo{color:#5603ad!important}a.text-indigo:focus,a.text-indigo:hover{color:#310262!important}.text-purple{color:#8965e0!important}a.text-purple:focus,a.text-purple:hover{color:#5a2acf!important}.text-pink{color:#f3a4b5!important}a.text-pink:focus,a.text-pink:hover{color:#ea607e!important}.text-red{color:#f5365c!important}a.text-red:focus,a.text-red:hover{color:#d40b33!important}.text-orange{color:#fb6340!important}a.text-orange:focus,a.text-orange:hover{color:#ea3005!important}.text-yellow{color:#ffd600!important}a.text-yellow:focus,a.text-yellow:hover{color:#b39600!important}.text-green{color:#2dce89!important}a.text-green:focus,a.text-green:hover{color:#1f8f5f!important}.text-teal{color:#11cdef!important}a.text-teal:focus,a.text-teal:hover{color:#0b90a8!important}.text-cyan{color:#2bffc6!important}a.text-cyan:focus,a.text-cyan:hover{color:#00dea2!important}.text-white{color:#fff!important}a.text-white:focus,a.text-white:hover{color:#d9d9d9!important}.text-gray{color:#8898aa!important}a.text-gray:focus,a.text-gray:hover{color:#607286!important}.text-gray-dark{color:#32325d!important}a.text-gray-dark:focus,a.text-gray-dark:hover{color:#17172b!important}.text-light{color:#ced4da!important}a.text-light:focus,a.text-light:hover{color:#a2aeb9!important}.text-lighter{color:#e9ecef!important}a.text-lighter:focus,a.text-lighter:hover{color:#bdc6cf!important}@media (min-width:992px){.transform-perspective-right{transform:scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg)}.transform-perspective-left{transform:scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg)}}.datepicker{border-radius:.375rem;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:20px 22px;box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-top:7px solid #fff;border-bottom:0}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-top:6px solid #fff;border-bottom:0}.datepicker table{margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.datepicker table tr td{border-radius:50%}.datepicker table tr th{font-weight:500;border-radius:.375rem}.datepicker table tr td,.datepicker table tr th{font-size:.875rem;width:36px;height:36px;transition:all .15s ease;text-align:center;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#adb5bd}.datepicker table tr td.day:hover,.datepicker table tr td.focused{cursor:pointer;background:#fff}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{cursor:default;color:#dee2e6;background:0 0}.datepicker table tr td.highlighted{border-radius:0}.datepicker table tr td.highlighted.focused{background:#5e72e4}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{color:#ced4da;background:#5e72e4}.datepicker table tr td.today{background:#fff}.datepicker table tr td.today.focused{background:#fff}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{color:#8898aa;background:#fff}.datepicker table tr td.range{color:#fff;border-radius:0;background:#5e72e4}.datepicker table tr td.range.focused{background:#3b53de}.datepicker table tr td.range.day.disabled:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{color:#8a98eb;background:#324cdd}.datepicker table tr td.range.highlighted.focused{background:#cbd3da}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{color:#dee2e6;background:#e9ecef}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{color:#fff;background:#5e72e4}.datepicker table tr td.day.range-start{border-top-right-radius:0;border-bottom-right-radius:0}.datepicker table tr td.day.range-end{border-top-left-radius:0;border-bottom-left-radius:0}.datepicker table tr td.day.range-start.range-end{border-radius:50%}.datepicker table tr td.day.range:hover,.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted,.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background:#5e72e4}.datepicker table tr td.active,.datepicker table tr td.active.highlighted,.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background:#5e72e4;box-shadow:none}.datepicker table tr td span{line-height:54px;display:block;float:left;width:23%;height:54px;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#e9ecef}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{cursor:default;color:#dee2e6;background:0 0}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#8898aa}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#e9ecef}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.bootstrap-tagsinput{display:inline-block;max-width:100%;padding:.25rem;cursor:text;vertical-align:middle;color:#8898aa;border:0 solid transparent;border-radius:.25rem;background-color:#fff}.bootstrap-tagsinput input{width:auto;max-width:inherit;margin:0;padding:0 6px;border:none;outline:0;background-color:transparent;box-shadow:none}.bootstrap-tagsinput input::-ms-input-placeholder{opacity:1;color:#adb5bd}.bootstrap-tagsinput input::placeholder{opacity:1;color:#adb5bd}.bootstrap-tagsinput input:focus{border:none;box-shadow:none}.bootstrap-tagsinput .badge{line-height:1.5;position:relative;margin:.125rem;padding:.625rem .625rem .5rem;transition:all .15s ease;color:#fff;border-radius:.25rem;background:#172b4d;box-shadow:0 1px 2px rgba(68,68,68,.25)}@media (prefers-reduced-motion:reduce){.bootstrap-tagsinput .badge{transition:none}}.bootstrap-tagsinput .badge:hover{padding-right:1.5rem}.bootstrap-tagsinput [data-role=remove]{position:absolute;top:50%;margin-left:10px;cursor:pointer;transform:translate(0,-50%);color:#fff}.bootstrap-tagsinput [data-role=remove]:after{font-size:16px;content:'×'}#chartjs-tooltip{position:absolute;transition:all .1s ease;transform:translate(-50%,0);pointer-events:none;opacity:1;color:#fff;border-radius:3px;background:rgba(0,0,0,.7)}.chartjs-tooltip-key{display:inline-block;width:10px;height:10px;margin-right:10px}.dataTables_wrapper{font-size:.875rem}table.dataTable{margin-bottom:1.25rem!important;border-bottom:1px solid #e9ecef}table.dataTable tbody>tr.selected{background-color:#5e72e4}.dataTables_info,.dataTables_length,.dt-buttons{padding-left:1.5rem}.dataTables_length .form-control{margin:0 .375rem}.dataTables_filter{display:inline-block;float:right;padding-right:1.5rem}.dataTables_paginate{padding-right:1.5rem}.dropzone{position:relative;display:flex;flex-direction:column}.dz-message{z-index:999;padding:5rem 1rem;cursor:pointer;transition:all .15s ease;text-align:center;color:#8898aa;border:1px dashed #dee2e6;border-radius:.375rem;background-color:#fff;order:-1}.dz-message:hover{color:#525f7f;border-color:#8898aa}.dz-drag-hover .dz-message{color:#5e72e4;border-color:#5e72e4}.dropzone-multiple .dz-message{padding-top:2rem;padding-bottom:2rem}.dropzone-single.dz-max-files-reached .dz-message{opacity:0;color:#fff;background-color:rgba(0,0,0,.9)}.dropzone-single.dz-max-files-reached .dz-message:hover{opacity:1}.dz-preview-single{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.375rem}.dz-preview-cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.375rem}.dz-preview-img{width:100%;height:100%;border-radius:.375rem;-o-object-fit:cover;object-fit:cover}.dz-preview-multiple .list-group-item:last-child{padding-bottom:0;border-bottom:0}[data-dz-size] strong{font-weight:400}.fc-header-toolbar{display:none}.fc-scroller{height:auto!important}.fc th{font-size:.75rem;font-weight:600;padding:.75rem 1rem;text-transform:uppercase;color:#8898aa}.fc div.fc-row{margin-right:0;border:0}.fc button .fc-icon{top:-5px}.fc-unthemed td.fc-today{background-color:transparent}.fc-unthemed td.fc-today span{color:#fb6340}.fc-event{font-size:.75rem;padding:0;border:0;border-radius:.25rem}.fc-event .fc-title{font-weight:600;display:block;overflow:hidden;padding:.4rem .5rem;white-space:nowrap;text-overflow:ellipsis;color:#fff}.fc-event .fc-time{float:left;margin:0 0 0 -1px;padding:2px 6px;background:rgba(0,0,0,.2)}.fc-view,.fc-view>table{overflow:hidden;border:0}.fc-view>table>tbody>tr .ui-widget-content{border-top:0}.fc-body{border:0}.fc-icon{font-family:NucleoIcons,sans-serif;font-size:1rem;line-height:35px;width:35px;height:35px;border-radius:50%}.fc-icon:hover{color:#5e72e4}.fc-button{border:0;background:0 0;box-shadow:none}.fc-button:active,.fc-button:focus{outline:0}.calendar{z-index:0}.calendar td,.calendar th{border-color:#eff1f3}.calendar .fc-toolbar{position:relative;z-index:2;height:250px;margin-bottom:-2px;border-radius:.375rem .375rem 0 0;background-color:#fff}@media (max-width:575.98px){.calendar .fc-toolbar{height:135px}}.calendar .fc-day-number{box-sizing:border-box;width:100%;padding:.5rem 1rem}@media (min-width:576px){.calendar .fc-day-number{font-size:.875rem;font-weight:600;color:#67779d}}.calendar .fc-day-header{text-align:left}.calendar .fc-day-grid-event{margin:1px 9px}[data-calendar-month]{transition:background-image .3s;background-size:contain}@media (prefers-reduced-motion:reduce){[data-calendar-month]{transition:none}}[data-calendar-month='0']{background-image:url(../img/calendar/january.jpg)}[data-calendar-month='1']{background-image:url(../img/calendar/february.jpg)}[data-calendar-month='2']{background-image:url(../img/calendar/march.jpg)}[data-calendar-month='3']{background-image:url(../img/calendar/april.jpg)}[data-calendar-month='4']{background-image:url(../img/calendar/may.jpg)}[data-calendar-month='5']{background-image:url(../img/calendar/june.jpg)}[data-calendar-month='6']{background-image:url(../img/calendar/july.jpg)}[data-calendar-month='7']{background-image:url(../img/calendar/august.jpg)}[data-calendar-month='8']{background-image:url(../img/calendar/september.jpg)}[data-calendar-month='9']{background-image:url(../img/calendar/october.jpg)}[data-calendar-month='10']{background-image:url(../img/calendar/november.jpg)}[data-calendar-month='11']{background-image:url(../img/calendar/december.jpg)}.card-calendar .card-header{border-bottom:0}.card-calendar table{background:0 0}.card-calendar table tr>td:first-child{border-left-width:0}.card-calendar table tr>td:last-child{border-right-width:0}.widget-calendar{position:relative;z-index:0}.widget-calendar td,.widget-calendar th{text-align:center;border-color:transparent}.widget-calendar .fc-toolbar{margin-top:1.25rem}.widget-calendar .fc-toolbar h2{font-size:1rem}.widget-calendar .fc-day-number{width:100%;padding:0;text-align:center}.widget-calendar .fc table{font-size:.875rem}.widget-calendar .fc th{font-size:.75rem;padding:.75rem .5rem}.vector-map{position:relative;height:600px}.vector-map-sm{height:280px}.jvectormap-container{width:100%;height:100%}.jvectormap-zoomin,.jvectormap-zoomout{position:absolute;bottom:0;left:0}.jvectormap-zoomin{bottom:4.25rem}.jvectormap-zoomout{bottom:2rem}/*!
+ * Lavalamp
+ * http://lavalamp.magicmediamuse.com/
+ */.lavalamp{position:relative}.lavalamp-item{position:relative;z-index:5}.lavalamp-object{position:absolute;top:0;left:0}.lavalamp .lavalamp-object{transition-property:transform,width,height}.lavalamp .lavalamp-object.ease{transition-timing-function:ease}.lavalamp .lavalamp-object.ease-in{transition-timing-function:ease-in}.lavalamp .lavalamp-object.ease-out{transition-timing-function:ease-out}.lavalamp .lavalamp-object.ease-in-out{transition-timing-function:ease-in-out}.lavalamp .lavalamp-object.linear{transition-timing-function:linear}.lavalamp .lavalamp-object.easeInQuad{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}.lavalamp .lavalamp-object.easeInCubic{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.lavalamp .lavalamp-object.easeInQuart{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}.lavalamp .lavalamp-object.easeInQuint{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}.lavalamp .lavalamp-object.easeInSine{transition-timing-function:cubic-bezier(.47,0,.745,.715)}.lavalamp .lavalamp-object.easeInExpo{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}.lavalamp .lavalamp-object.easeInCirc{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}.lavalamp .lavalamp-object.easeInBack{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}.lavalamp .lavalamp-object.easeOutQuad{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.lavalamp .lavalamp-object.easeOutCubic{transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lavalamp .lavalamp-object.easeOutQuart{transition-timing-function:cubic-bezier(.165,.84,.44,1)}.lavalamp .lavalamp-object.easeOutQuint{transition-timing-function:cubic-bezier(.23,1,.32,1)}.lavalamp .lavalamp-object.easeOutSine{transition-timing-function:cubic-bezier(.39,.575,.565,1)}.lavalamp .lavalamp-object.easeOutExpo{transition-timing-function:cubic-bezier(.19,1,.22,1)}.lavalamp .lavalamp-object.easeOutCirc{transition-timing-function:cubic-bezier(.075,.82,.165,1)}.lavalamp .lavalamp-object.easeOutBack{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.lavalamp .lavalamp-object.easeInOutQuad{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}.lavalamp .lavalamp-object.easeInOutCubic{transition-timing-function:cubic-bezier(.645,.045,.355,1)}.lavalamp .lavalamp-object.easeInOutQuart{transition-timing-function:cubic-bezier(.645,.045,.355,1)}.lavalamp .lavalamp-object.easeInOutQuint{transition-timing-function:cubic-bezier(.86,0,.07,1)}.lavalamp .lavalamp-object.easeInOutSine{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}.lavalamp .lavalamp-object.easeInOutExpo{transition-timing-function:cubic-bezier(1,0,0,1)}.lavalamp .lavalamp-object.easeInOutCirc{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.lavalamp .lavalamp-object.easeInOutBack{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.noUi-target,.noUi-target *{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{position:relative;z-index:1;width:100%;height:100%}.noUi-connects{z-index:0;overflow:hidden}.noUi-connect,.noUi-origin{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transform-origin:0 0;will-change:transform}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{right:0;left:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:5px}.noUi-horizontal .noUi-handle{top:-6px;left:-17px;width:34px;height:28px}.noUi-vertical{width:5px}.noUi-vertical .noUi-handle{top:-17px;left:-6px;width:28px;height:34px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connects{border-radius:3px}.noUi-connect{background:#5e72e4}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{cursor:default;border:1px solid #d9d9d9;border-radius:3px;outline:0;background:#fff;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{outline:0}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;text-align:center;white-space:nowrap}.noUi-value-sub{font-size:10px;color:#ccc}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{top:100%;left:0;width:100%;height:80px;padding:10px 0}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{width:2px;height:5px;margin-left:-1px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{top:0;left:100%;height:100%;padding:0 10px}.noUi-value-vertical{padding-left:25px;transform:translate(0,-50%,0)}.noUi-rtl .noUi-value-vertical{transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{position:absolute;display:block;padding:5px;text-align:center;white-space:nowrap;color:#000;border:1px solid #d9d9d9;border-radius:3px;background:#fff}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;transform:translate(-50%,0)}.noUi-vertical .noUi-tooltip{top:50%;right:120%;transform:translate(0,-50%)}.noUi-target{margin:15px 0;cursor:pointer;border:0;border-radius:5px;background:#eceeef;box-shadow:inset 0 1px 2px rgba(90,97,105,.1)}.noUi-horizontal{height:5px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-10px}.noUi-vertical{width:5px}.noUi-connect{background:#5e72e4;box-shadow:none}.noUi-horizontal .noUi-handle,.noUi-vertical .noUi-handle{top:-5px;width:15px;height:15px;cursor:pointer;transition:box-shadow .15s,transform .15s;border:0;border-radius:100%;background-color:#5e72e4;box-shadow:none}.noUi-horizontal .noUi-handle.noUi-active,.noUi-vertical .noUi-handle.noUi-active{box-shadow:0 0 0 2px #5e72e4}.input-slider--cyan .noUi-connect{background:#2bffc6}[disabled] .noUi-connect,[disabled].noUi-connect{background:#b2b2b2}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.range-slider-value{font-size:.75rem;font-weight:500;padding:.4em .8em .3em .85em;color:#fff;border-radius:10px;background-color:rgba(33,37,41,.7)}.range-slider-wrapper .upper-info{font-weight:400;margin-bottom:5px}.input-slider-value-output{font-size:11px;position:relative;top:12px;padding:4px 8px;color:#fff;border-radius:2px;background:#333}.input-slider-value-output:after{position:absolute;bottom:100%;left:10px;width:0;height:0;margin-left:-4px;content:' ';pointer-events:none;border:solid transparent;border-width:4px;border-color:rgba(136,183,213,0);border-bottom-color:#333}.input-slider-value-output.left:after{right:auto;left:10px}.input-slider-value-output.right:after{right:10px;left:auto}.ql-container{font-family:Open Sans,sans-serif}.ql-toolbar{position:relative;padding:.625rem .75rem;color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem .25rem 0 0;background-color:#fff}.ql-toolbar+.ql-container{margin-top:-1px}.ql-toolbar+.ql-container .ql-editor{border-top-left-radius:0;border-top-right-radius:0}.ql-editor{font-size:1rem;line-height:1.5;display:block;width:100%;min-height:6rem;padding:.625rem .75rem;transition:all .15s cubic-bezier(.68,-.55,.265,1.55);color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;background-clip:padding-box;box-shadow:0 3px 2px rgba(233,236,239,.05)}@media (prefers-reduced-motion:reduce){.ql-editor{transition:none}}.ql-editor::-ms-expand{border:0;background-color:transparent}.ql-editor:focus{color:#8898aa;border-color:#5e72e4;outline:0;background-color:#fff;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.ql-editor:focus{border-color:#dee2e6}.ql-hidden{position:absolute;transform:scale(0)}.ql-editor.ql-blank::before{font-style:normal;top:.625rem;left:.75rem;color:#adb5bd}.ql-editor:focus::before{display:none}.ql-formats{padding-right:.5rem;padding-left:.5rem}.ql-formats:first-child{padding-left:0}.ql-formats:last-child{padding-right:0}.ql-toolbar button{padding:0 .25rem;cursor:pointer;transition:all .15s ease;color:#525f7f;border:none;background:0 0}.ql-toolbar button:hover{color:#5e72e4}.ql-toolbar button:first-child{margin-left:-.25rem}.ql-toolbar .ql-active{color:#5e72e4}.ql-toolbar button svg{width:1.25rem;height:1.25rem}.ql-toolbar .ql-stroke{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.ql-toolbar .ql-thin{stroke-width:1}.ql-toolbar .ql-fill{fill:currentColor}.ql-toolbar input.ql-image{position:absolute;transform:scale(0)}.ql-tooltip{position:absolute;display:flex;width:18.5rem;margin-top:.6rem;padding:.625rem .75rem;border:1px solid rgba(0,0,0,.05);border-radius:.4375rem;background-color:#fff;box-shadow:0 .5rem 2rem 0 rgba(0,0,0,.2);flex-wrap:nowrap}.ql-tooltip:after,.ql-tooltip:before{position:absolute;bottom:100%;left:50%;content:'';transform:translateX(-50%)}.ql-tooltip:before{border-right:.6rem solid transparent;border-bottom:.6rem solid rgba(0,0,0,.05);border-left:.6rem solid transparent}.ql-tooltip:after{border-right:.5rem solid transparent;border-bottom:.5rem solid #fff;border-left:.5rem solid transparent}.ql-container .ql-tooltip:hover{display:flex!important}.ql-tooltip .ql-preview{font-size:.875rem;line-height:1.5;width:100%;padding:.25rem .5rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:.25rem}@media (prefers-reduced-motion:reduce){.ql-tooltip .ql-preview{transition:none}}.ql-tooltip.ql-editing .ql-preview{display:none}.ql-tooltip input{font-size:.875rem;line-height:1.5;display:none;width:100%;padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);color:#8898aa;border:none;background-color:transparent}.ql-tooltip input:focus{outline:0}.ql-tooltip.ql-editing input{display:block}.ql-tooltip .ql-action,.ql-tooltip .ql-remove{margin-left:.25rem}.ql-tooltip .ql-action::before,.ql-tooltip .ql-remove::before{font-size:.875rem;font-weight:600;line-height:1.5;display:inline-block;padding:.25rem .5rem;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid transparent;border-radius:.25rem}@media (prefers-reduced-motion:reduce){.ql-tooltip .ql-action::before,.ql-tooltip .ql-remove::before{transition:none}}.ql-tooltip .ql-action::before:focus,.ql-tooltip .ql-action::before:hover,.ql-tooltip .ql-remove::before:focus,.ql-tooltip .ql-remove::before:hover{text-decoration:none}.ql-tooltip .ql-action::before.focus,.ql-tooltip .ql-action::before:focus,.ql-tooltip .ql-remove::before.focus,.ql-tooltip .ql-remove::before:focus{outline:0;box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}.ql-tooltip .ql-action::before,.ql-tooltip.ql-editing .ql-action::before{color:#fff;border-color:#5e72e4;background-color:#5e72e4;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.ql-tooltip .ql-action::before:hover,.ql-tooltip.ql-editing .ql-action::before:hover{color:#fff;border-color:#5e72e4;background-color:#5e72e4}.ql-tooltip .ql-action::before.focus,.ql-tooltip .ql-action::before:focus,.ql-tooltip.ql-editing .ql-action::before.focus,.ql-tooltip.ql-editing .ql-action::before:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(94,114,228,.5)}.ql-tooltip .ql-action::before.disabled,.ql-tooltip .ql-action::before:disabled,.ql-tooltip.ql-editing .ql-action::before.disabled,.ql-tooltip.ql-editing .ql-action::before:disabled{color:#fff;border-color:#5e72e4;background-color:#5e72e4}.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active,.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active,.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active,.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active,.show>.ql-tooltip .ql-action::before.dropdown-toggle,.show>.ql-tooltip.ql-editing .ql-action::before.dropdown-toggle{color:#fff;border-color:#5e72e4;background-color:#324cdd}.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active:focus,.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus,.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active:focus,.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus,.show>.ql-tooltip .ql-action::before.dropdown-toggle:focus,.show>.ql-tooltip.ql-editing .ql-action::before.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(94,114,228,.5)}.ql-tooltip .ql-action::before{content:'Edit'}.ql-tooltip.ql-editing .ql-action::before{content:'Save'}.ql-tooltip .ql-remove::before{content:'Remove';color:#212529;border-color:#fff;border-color:#dee2e6;background-color:#fff;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.ql-tooltip .ql-remove::before:hover{color:#212529;border-color:#fff;background-color:#fff}.ql-tooltip .ql-remove::before.focus,.ql-tooltip .ql-remove::before:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(255,255,255,.5)}.ql-tooltip .ql-remove::before.disabled,.ql-tooltip .ql-remove::before:disabled{color:#212529;border-color:#fff;background-color:#fff}.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active,.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active,.show>.ql-tooltip .ql-remove::before.dropdown-toggle{color:#212529;border-color:#fff;background-color:#e6e6e6}.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active:focus,.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus,.show>.ql-tooltip .ql-remove::before.dropdown-toggle:focus{box-shadow:none,0 0 0 0 rgba(255,255,255,.5)}.ql-tooltip.ql-editing .ql-remove::before{display:none}.ql-editor blockquote{font-size:1.25rem;margin-bottom:1rem}.ql-editor img{max-width:100%;height:auto}.scroll-wrapper{position:relative;overflow:hidden!important;padding:0!important}.scroll-wrapper>.scroll-content{position:relative!important;top:0;left:0;overflow:scroll!important;box-sizing:content-box!important;width:auto!important;max-width:none!important;height:auto;max-height:none;margin:0;padding:0;border:none!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{width:0;height:0}.scroll-wrapper.scroll--rtl{direction:rtl}.scroll-element{display:none;box-sizing:content-box}.scroll-element div{box-sizing:content-box}.scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{position:relative!important;top:0;overflow:scroll!important;box-sizing:border-box;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0;padding:2px;border:none!important;outline:0}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{width:0;height:0}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{position:absolute;z-index:10;margin:0;padding:0;border:none}.scrollbar-inner>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;left:0;width:100%;height:8px}.scrollbar-inner>.scroll-element.scroll-y{top:0;right:2px;width:8px;height:100%}.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track{border-radius:8px}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{opacity:.4}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}.scrollbar-inner>.scroll-element .scroll-bar{background-color:#c2c2c2}.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#919191}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div{position:absolute;z-index:10;margin:0;padding:0;border:none}.scrollbar-outer>.scroll-element{background-color:#fff}.scrollbar-outer>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-outer>.scroll-element.scroll-x{bottom:0;left:0;width:100%;height:12px}.scrollbar-outer>.scroll-element.scroll-y{top:0;right:0;width:12px;height:100%}.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer{top:2px;height:8px}.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}.scrollbar-outer>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-outer>.scroll-element .scroll-element_track{background-color:#eee}.scrollbar-outer>.scroll-element .scroll-bar,.scrollbar-outer>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_track{border-radius:8px}.scrollbar-outer>.scroll-element .scroll-bar{background-color:#d9d9d9}.scrollbar-outer>.scroll-element .scroll-bar:hover{background-color:#c2c2c2}.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-outer>.scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}.scrollbar-outer>.scroll-content.scroll-scrollx_visible{top:-12px;margin-top:12px}.scrollbar-outer>.scroll-element.scroll-x .scroll-bar{min-width:10px}.scrollbar-outer>.scroll-element.scroll-y .scroll-bar{min-height:10px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-14px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-14px}.scrollbar-macosx>.scroll-element,.scrollbar-macosx>.scroll-element div{position:absolute;z-index:10;margin:0;padding:0;border:none;background:0 0}.scrollbar-macosx>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-macosx>.scroll-element .scroll-element_track{display:none}.scrollbar-macosx>.scroll-element .scroll-bar{display:block;transition:opacity .2s linear;opacity:0;border-radius:7px;background-color:#6c6e71}.scrollbar-macosx:hover>.scroll-element .scroll-bar,.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar{opacity:.7}.scrollbar-macosx>.scroll-element.scroll-x{bottom:0;left:0;overflow:visible;width:100%;min-width:100%;height:0}.scrollbar-macosx>.scroll-element.scroll-y{top:0;right:0;width:0;height:100%;min-height:100%}.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar{top:-9px;min-width:10px;height:7px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{left:-9px;width:7px;min-height:10px}.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer{left:2px}.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer{top:2px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-light>.scroll-element,.scrollbar-light>.scroll-element div{position:absolute;z-index:10;overflow:hidden;margin:0;padding:0;border:none}.scrollbar-light>.scroll-element{background-color:#fff}.scrollbar-light>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-light>.scroll-element .scroll-element_outer{border-radius:10px}.scrollbar-light>.scroll-element .scroll-element_size{border-radius:10px;background:#dbdbdb;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to right,#dbdbdb 0,#e8e8e8 100%)}.scrollbar-light>.scroll-element.scroll-x{bottom:0;left:0;width:100%;min-width:100%;height:17px}.scrollbar-light>.scroll-element.scroll-y{top:0;right:0;width:17px;height:100%;min-height:100%}.scrollbar-light>.scroll-element .scroll-bar{border:1px solid #dbdbdb;border-radius:10px;background:#fefefe;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to right,#fefefe 0,#f5f5f5 100%)}.scrollbar-light>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-light>.scroll-content.scroll-scrollx_visible{top:-17px;margin-top:17px}.scrollbar-light>.scroll-element.scroll-x .scroll-bar{top:0;min-width:10px;height:10px}.scrollbar-light>.scroll-element.scroll-y .scroll-bar{left:0;width:10px;min-height:10px}.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer{top:2px;left:2px;height:12px}.scrollbar-light>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer{top:2px;left:2px;width:12px}.scrollbar-light>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-19px}.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-19px}.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}.scrollbar-rail>.scroll-element,.scrollbar-rail>.scroll-element div{position:absolute;z-index:10;overflow:hidden;margin:0;padding:0;border:none}.scrollbar-rail>.scroll-element{background-color:#fff}.scrollbar-rail>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-rail>.scroll-element .scroll-element_size{background-color:#999;background-color:rgba(0,0,0,.3)}.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#666;background-color:rgba(0,0,0,.5)}.scrollbar-rail>.scroll-element.scroll-x{bottom:0;left:0;width:100%;min-width:100%;height:12px;padding:3px 0 2px}.scrollbar-rail>.scroll-element.scroll-y{top:0;right:0;width:12px;height:100%;min-height:100%;padding:0 2px 0 3px}.scrollbar-rail>.scroll-element .scroll-bar{border-radius:2px;background-color:#d0b9a0;box-shadow:1px 1px 3px rgba(0,0,0,.5)}.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,.6)}.scrollbar-rail>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-rail>.scroll-content.scroll-scrollx_visible{top:-17px;margin-top:17px}.scrollbar-rail>.scroll-element.scroll-x .scroll-bar{top:1px;min-width:10px;height:10px}.scrollbar-rail>.scroll-element.scroll-y .scroll-bar{left:1px;width:10px;min-height:10px}.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer{left:5px;height:15px}.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size{top:5px;left:-10px;height:2px}.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size{top:-10px;left:5px;width:2px}.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px}.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px}.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div{position:absolute;z-index:10;margin:0;padding:0;border:none;background:0 0}.scrollbar-dynamic>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-dynamic>.scroll-element.scroll-x{bottom:2px;left:0;width:100%;min-width:100%;height:7px}.scrollbar-dynamic>.scroll-element.scroll-y{top:0;right:2px;width:7px;height:100%;min-height:100%}.scrollbar-dynamic>.scroll-element .scroll-element_outer{opacity:.3;border-radius:12px}.scrollbar-dynamic>.scroll-element .scroll-element_size{transition:opacity .2s;opacity:0;border-radius:12px;background-color:#ccc}.scrollbar-dynamic>.scroll-element .scroll-bar{border-radius:7px;background-color:#6c6e71}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar{top:auto;bottom:0;min-width:24px;height:7px}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar{right:0;left:auto;width:7px;min-height:24px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer{top:auto;bottom:0;left:2px;transition:height .2s}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer{top:2px;right:0;left:auto;transition:width .2s}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer{overflow:hidden;opacity:.7}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size{opacity:1}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar{width:100%;height:100%;border-radius:12px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer{height:20px;min-height:7px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer{width:20px;min-width:7px}.scrollbar-chrome>.scroll-element,.scrollbar-chrome>.scroll-element div{position:absolute;z-index:10;overflow:hidden;margin:0;padding:0;border:none}.scrollbar-chrome>.scroll-element{background-color:#fff}.scrollbar-chrome>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%}.scrollbar-chrome>.scroll-element .scroll-element_track{border:1px solid #dbdbdb;background:#f1f1f1}.scrollbar-chrome>.scroll-element.scroll-x{bottom:0;left:0;width:100%;min-width:100%;height:16px}.scrollbar-chrome>.scroll-element.scroll-y{top:0;right:0;width:16px;height:100%;min-height:100%}.scrollbar-chrome>.scroll-element .scroll-bar{cursor:default;border:1px solid #bdbdbd;border-radius:2px;background-color:#d9d9d9}.scrollbar-chrome>.scroll-element .scroll-bar:hover{border-color:#a9a9a9;background-color:#c2c2c2}.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar{border-color:#7e7e7e;background-color:#919191}.scrollbar-chrome>.scroll-content.scroll-scrolly_visible{left:-16px;margin-left:16px}.scrollbar-chrome>.scroll-content.scroll-scrollx_visible{top:-16px;margin-top:16px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar{top:3px;min-width:10px;height:8px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar{left:3px;width:8px;min-height:10px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer{border-left:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track{left:-3px;height:14px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size{left:-4px;height:14px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer{border-top:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track{top:-3px;width:14px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size{top:-4px;width:14px}.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-19px}.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-19px}.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}.scrollbar-inner{height:100%}.scrollbar-inner:not(:hover) .scroll-element{opacity:0}.scrollbar-inner .scroll-element{margin-right:2px;transition:opacity .3s}.scrollbar-inner .scroll-element .scroll-bar,.scrollbar-inner .scroll-element .scroll-element_track{transition:background-color .3s}.scrollbar-inner .scroll-element .scroll-element_track{background-color:transparent}.scrollbar-inner .scroll-element:hover{width:4px}.scrollbar-inner .scroll-element.scroll-y{right:0;width:3px}.scrollbar-inner .scroll-element.scroll-x{bottom:0;height:3px}.select2-selection__arrow{display:none}.select2.select2-container{width:100%!important}.select2-container .select2-selection--single,.select2-container--default .select2-search--dropdown .select2-search__field,.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{font-size:1rem;line-height:1.5;display:block;width:100%;height:calc(1.5em + 1.25rem + 2px);padding:.625rem .75rem;transition:all .15s cubic-bezier(.68,-.55,.265,1.55);color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;background-clip:padding-box;box-shadow:0 3px 2px rgba(233,236,239,.05)}@media (prefers-reduced-motion:reduce){.select2-container .select2-selection--single,.select2-container--default .select2-search--dropdown .select2-search__field,.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{transition:none}}.select2-container .select2-selection--single::-ms-expand,.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand,.select2-container--default .select2-selection--multiple::-ms-expand,.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand{border:0;background-color:transparent}.select2-container .select2-selection--single:focus,.select2-container--default .select2-search--dropdown .select2-search__field:focus,.select2-container--default .select2-selection--multiple:focus,.select2-container--default.select2-container--focus .select2-selection--multiple:focus{color:#8898aa;border-color:#5e72e4;outline:0;background-color:#fff;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)}.select2-container .select2-selection--single::-ms-input-placeholder,.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder,.select2-container--default .select2-selection--multiple::-ms-input-placeholder,.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder{opacity:1;color:#adb5bd}.select2-container .select2-selection--single::placeholder,.select2-container--default .select2-search--dropdown .select2-search__field::placeholder,.select2-container--default .select2-selection--multiple::placeholder,.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder{opacity:1;color:#adb5bd}.select2-container .select2-selection--single:disabled,.select2-container .select2-selection--single[readonly],.select2-container--default .select2-search--dropdown .select2-search__field:disabled,.select2-container--default .select2-search--dropdown .select2-search__field[readonly],.select2-container--default .select2-selection--multiple:disabled,.select2-container--default .select2-selection--multiple[readonly],.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,.select2-container--default.select2-container--focus .select2-selection--multiple[readonly]{opacity:1;background-color:#e9ecef}.select2-container .select2-selection--single .select2-selection__rendered{overflow:inherit;padding:0;white-space:inherit;text-overflow:inherit}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:inherit;color:inherit}.select2-dropdown{padding:.5rem 0;border:1px solid #dee2e6;border-radius:.4375rem;background-color:#fff}.select2-results__option{font-size:.875rem;padding:.5rem .75rem;color:#212529;background-color:#fff}.select2-results__option:focus,.select2-results__option:hover{text-decoration:none;color:#16181b;background-color:#f6f9fc}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{color:#16181b;background-color:transparent}.select2-container--default .select2-results__option[aria-disabled=true]{color:#8898aa}.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{height:auto;min-height:calc(1.5em + 1.25rem + 2px)}.select2-container--default .select2-selection--multiple .select2-selection__rendered{display:block;margin:0 0 -.25rem -.25rem;padding:0}.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size:.875rem;line-height:1.5rem;display:inline-flex;margin:0 0 .25rem .25rem;padding:0 .5rem;color:#8898aa;border:none;border-radius:.25rem;background-color:#adb5bd}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-left:.5rem;color:#8898aa;order:2}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#525f7f}.select2-container .select2-search--inline{display:none}.select2-selection[aria-expanded=true]{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.select2-search--dropdown{padding:.5rem .75rem}.select2-container--default .select2-search--dropdown .select2-search__field{font-size:.875rem;line-height:1.5;padding:.25rem .5rem;border-radius:.25rem}.form-control-sm+.select2-container .select2-selection--single,.form-control-sm+.select2-container--default .select2-selection--multiple,.form-control-sm+.select2-container--default.select2-container--focus .select2-selection--multiple{font-size:.875rem;line-height:1.5;height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;border-radius:.25rem}.form-control-sm+.select2-container--default .select2-selection--multiple,.form-control-sm+.select2-container--default.select2-container--focus .select2-selection--multiple{min-height:calc(1.5em + .5rem + 2px)}.form-control-sm+.select2-container--default .select2-selection--multiple .select2-selection__choice{line-height:1.3125rem}.form-control-lg+.select2-container .select2-selection--single,.form-control-lg+.select2-container--default .select2-selection--multiple,.form-control-lg+.select2-container--default.select2-container--focus .select2-selection--multiple{font-size:1.25rem;line-height:1.5;height:calc(1.5em + 1.75rem + 2px);padding:.875rem 1rem;border-radius:.4375rem}.form-control-lg+.select2-container--default .select2-selection--multiple,.form-control-lg+.select2-container--default.select2-container--focus .select2-selection--multiple{min-height:calc(1.5em + 1.75rem + 2px)}.form-control-lg+.select2-container--default .select2-selection--multiple .select2-selection__choice{line-height:1.875rem}.swal2-popup{padding:1.5rem}.swal2-popup .swal2-title{font-size:1.5rem}.swal2-popup .swal2-content{font-size:.875rem}.swal2-popup .swal2-image{max-width:200px}.bootstrap-datetimepicker-widget .btn[data-action=clear]::after,.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after,.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after,.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after,.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after,.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after,.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after,.bootstrap-datetimepicker-widget .btn[data-action=today]::after,.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after,.bootstrap-datetimepicker-widget .picker-switch::after,.bootstrap-datetimepicker-widget table th.next::after,.bootstrap-datetimepicker-widget table th.prev::after,.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget a .btn:hover{background-color:transparent}.bootstrap-datetimepicker-widget.dropdown-menu{width:254px;max-width:254px;padding:8px 6px}.bootstrap-datetimepicker-widget.dropdown-menu .tim-icons{opacity:1}.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch .table-condensed:hover{border-radius:3px;background:#eee}.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed{margin-top:10px;margin-bottom:5px}.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .btn[data-action=togglePeriod]:hover,.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .separator{color:#9a9a9a!important}.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade,.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month,.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year{color:#9a9a9a}.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade.active,.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month.active,.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year.active{color:#fff}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{position:absolute;right:auto;display:inline-block;width:0;height:0;content:'';vertical-align:middle;border-right:.4em solid transparent;border-bottom:.4em solid;border-left:.4em solid transparent}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{display:none}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{position:absolute;top:auto;right:auto;bottom:-6px;left:10px;display:inline-block;width:0;height:0;content:'';vertical-align:middle;color:#fff;border-top:.4em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.bootstrap-datetimepicker-widget.dropdown-menu.top{margin-top:auto}.bootstrap-datetimepicker-widget.dropdown-menu.top.open{margin-top:auto}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{right:6px;left:auto}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{right:7px;left:auto}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:0;color:#fff;border-width:0}.bootstrap-datetimepicker-widget a[data-action=togglePicker],.bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover{color:#5e72e4}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{font-size:1.5em;font-weight:300;line-height:40px;width:40px;height:40px;margin:3px;color:#9a9a9a;border-radius:50%}.bootstrap-datetimepicker-widget button[data-action]{width:38px;height:38px;padding:0;box-shadow:0 1px 10px 0 rgba(0,0,0,.2)}.bootstrap-datetimepicker-widget .btn{margin:0!important}.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{content:'Increment Hours'}.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{content:'Increment Minutes'}.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{content:'Decrement Hours'}.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{content:'Decrement Minutes'}.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{content:'Show Hours'}.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{content:'Show Minutes'}.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{content:'Toggle AM/PM'}.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{content:'Clear the picker'}.bootstrap-datetimepicker-widget .btn[data-action=today]::after{content:'Set the date to today'}.bootstrap-datetimepicker-widget .picker-switch{text-align:center;color:#5e72e4;border-radius:3px}.bootstrap-datetimepicker-widget .picker-switch::after{content:'Toggle Date and Time Screens'}.bootstrap-datetimepicker-widget .picker-switch td{line-height:inherit;width:auto;height:auto;margin:0;padding:0}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;width:100%;height:2.5em;margin:2px 0!important;border-radius:3px}.bootstrap-datetimepicker-widget table{width:100%;margin:0;text-align:center}.bootstrap-datetimepicker-widget table td>div,.bootstrap-datetimepicker-widget table th>div{text-align:center}.bootstrap-datetimepicker-widget table th{font-weight:300;line-height:20px;width:20px;height:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{cursor:not-allowed;color:#cfcfca;background:0 0}.bootstrap-datetimepicker-widget table th.next span,.bootstrap-datetimepicker-widget table th.prev span{font-size:12px;line-height:28px;width:27px;height:27px;text-align:center;color:#5e72e4;border-radius:4px;border-radius:50%}.bootstrap-datetimepicker-widget table th.prev::after{content:'Previous Month'}.bootstrap-datetimepicker-widget table th.next::after{content:'Next Month'}.bootstrap-datetimepicker-widget table th.dow{padding-top:10px;padding-bottom:5px;text-align:center;color:#5e72e4}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span{background:#eee}.bootstrap-datetimepicker-widget table td.cw>div{font-size:.8em;line-height:20px;height:20px;color:#cfcfca}.bootstrap-datetimepicker-widget table td.day>div,.bootstrap-datetimepicker-widget table td.hour>div,.bootstrap-datetimepicker-widget table td.minute>div{font-size:14px;font-weight:300;line-height:2.2;position:relative;z-index:-1;width:30px;height:30px;margin:0 auto;padding:0;cursor:pointer;transition:all .3s ease 0s;text-align:center;color:#9a9a9a;border:none;border-radius:50%}.bootstrap-datetimepicker-widget table td.day:hover>div,.bootstrap-datetimepicker-widget table td.hour:hover>div,.bootstrap-datetimepicker-widget table td.minute:hover>div,.bootstrap-datetimepicker-widget table td.second:hover>div{cursor:pointer;background:#eee}.bootstrap-datetimepicker-widget table td.new>div,.bootstrap-datetimepicker-widget table td.old>div{color:#172b4d}.bootstrap-datetimepicker-widget table td.day,.bootstrap-datetimepicker-widget table td.today{background:0 0!important}.bootstrap-datetimepicker-widget table td.today>div:before{position:absolute;right:4px;bottom:4px;display:inline-block;content:'';border:0 0 7px 7px solid transparent;border-top-color:rgba(0,0,0,.2);border-bottom-color:#68b3c8}.bootstrap-datetimepicker-widget table td.active:hover>div,.bootstrap-datetimepicker-widget table td.active>div{color:#fff;background-color:#5e72e4;box-shadow:0 1px 10px 0 rgba(0,0,0,.2)}.bootstrap-datetimepicker-widget table td.active.today:before>div{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled:hover>div,.bootstrap-datetimepicker-widget table td.disabled>div{cursor:not-allowed;color:#cfcfca;background:0 0}.bootstrap-datetimepicker-widget table td span{line-height:40px;display:inline-block;width:40px;height:40px;margin:0 3px;cursor:pointer;text-align:center;border-radius:50%}.bootstrap-datetimepicker-widget table td span.active{color:#fff;background-color:#5e72e4}.bootstrap-datetimepicker-widget table td span.old{color:#cfcfca}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{cursor:not-allowed;color:#cfcfca;background:0 0}.bootstrap-datetimepicker-widget .timepicker-hours span,.bootstrap-datetimepicker-widget .timepicker-minutes span,.bootstrap-datetimepicker-widget .timepicker-picker span{border-radius:50%!important}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{line-height:27px;height:27px}.input-group.date .input-group-addon{cursor:pointer}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{z-index:1;padding:1px;cursor:pointer;text-align:center}.bootstrap-datetimepicker-widget .separator{position:relative;width:auto;height:auto;color:red}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .picker-switch,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .separator,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .timepicker-hours span,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .timepicker-minutes span,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget a[data-action=togglePicker],input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget span,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.day>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.hour>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.minute>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.next span,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.prev span{color:#9a9a9a}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.dow{color:rgba(255,255,255,.8)}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.new>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.old>div{color:rgba(255,255,255,.4)}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget button[data-action]{background-color:#fff}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.active:hover>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.active>div{background-color:#fff}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td span:hover,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.hour:hover>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.minute:hover>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.second:hover>div,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td:not(.active).day:hover>div{background:rgba(255,255,255,.2)}input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span{background-color:rgba(255,255,255,.2)}input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget{background-color:#5e72e4}input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget button[data-action],input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget table td.active:hover>div,input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget table td.active>div,input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after{color:#5e72e4}input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget{background-color:#11cdef}input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget button[data-action],input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget table td.active:hover>div,input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget table td.active>div,input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after{color:#11cdef}input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget{background-color:#2dce89}input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget button[data-action],input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget table td.active:hover>div,input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget table td.active>div,input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after{color:#2dce89}input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget{background-color:#f5365c}input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget button[data-action],input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget table td.active:hover>div,input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget table td.active>div,input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after{color:#f5365c}input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget{background-color:#fb6340}input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget button[data-action],input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget table td.active:hover>div,input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget table td.active>div,input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after{color:#fb6340}.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day,.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute{color:rgba(255,255,255,.7)}.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day:hover,.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute:hover{color:#212529}.bootstrap-datetimepicker-widget.dropdown-black table td span,.bootstrap-datetimepicker-widget.dropdown-black table td.hour,.bootstrap-datetimepicker-widget.dropdown-black table td.minute{color:rgba(255,255,255,.7)}.bootstrap-datetimepicker-widget.dropdown-black table td span:hover,.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover,.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover{color:rgba(255,255,255,.4);background:0 0}.bootstrap-datetimepicker-widget.dropdown-black table td span:hover div,.bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover div,.bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover div{background:0 0}.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action]{color:#fff}.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action=togglePeriod]{background:0 0}
\ No newline at end of file
diff --git a/yaksh/static/yaksh/css/custom.css b/yaksh/static/yaksh/css/custom.css
index 302ac19..c722197 100644
--- a/yaksh/static/yaksh/css/custom.css
+++ b/yaksh/static/yaksh/css/custom.css
@@ -15,15 +15,6 @@ body, .dropdown-menu {
     display: flex;
 }
 
-.course-detail, #result-table {
-    table-layout: fixed;
-    width: 100%;   
-}
-
-.course-detail, #result-table > th, td {
-    word-wrap: break-word;
-}
-
 #rendered_text{
 	width: 550px;
 }
@@ -73,7 +64,6 @@ body, .dropdown-menu {
 
 #sidebar .sidebar-header {
     padding: 20px;
-    background: #158CBA;
 }
 
 #sidebar ul.components {
@@ -175,14 +165,12 @@ body, .dropdown-menu {
 }
 
 ::-webkit-scrollbar {
-    // Width of vertical scroll bar
     width: 8px;
-    // Height of horizontal scroll bar
-    height: 10px;
-
+    height: 8px;
 }
+
 ::-webkit-scrollbar-thumb {
-    border-radius: 8px;
+    border-radius: 6px;
     background: #c2c9d2;
 }
 
@@ -217,11 +205,11 @@ iframe {
 }
 
 .footer {
-   position: fixed;
-   z-index: 100;
-   bottom: 0;
-   width: 100%;
-   background-color: #61615F;
-   color: white;
-   text-align: center;
+  position: fixed;
+  z-index: 100;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
 }
+
+.dropdown:hover .dropdown-menu {display: block;}
\ No newline at end of file
diff --git a/yaksh/static/yaksh/js/add_course.js b/yaksh/static/yaksh/js/add_course.js
new file mode 100644
index 0000000..0fba2e9
--- /dev/null
+++ b/yaksh/static/yaksh/js/add_course.js
@@ -0,0 +1,16 @@
+$(document).ready(function () {
+    $(function() {
+        tinymce.init({
+            selector: 'textarea#id_instructions',
+            setup : function(ed) {
+                  ed.on('change', function(e) {
+                     tinymce.triggerSave();
+                  });
+            },
+            max_height: 400,
+            height: 400,
+            plugins: "image code link",
+            convert_urls: false
+        });
+    });
+});
diff --git a/yaksh/static/yaksh/js/add_grades.js b/yaksh/static/yaksh/js/add_grades.js
new file mode 100644
index 0000000..151fef1
--- /dev/null
+++ b/yaksh/static/yaksh/js/add_grades.js
@@ -0,0 +1,14 @@
+$(function() {
+        tinymce.init({
+            selector: 'textarea#id_description',
+            setup : function(ed) {
+                  ed.on('change', function(e) {
+                     tinymce.triggerSave();
+                  });
+            },
+            max_height: 400,
+            height: 400,
+            plugins: "image code link",
+            convert_urls: false
+        });
+    });
diff --git a/yaksh/static/yaksh/js/add_question.js b/yaksh/static/yaksh/js/add_question.js
index 479e8da..551c611 100644
--- a/yaksh/static/yaksh/js/add_question.js
+++ b/yaksh/static/yaksh/js/add_question.js
@@ -144,15 +144,6 @@ function textareaformat()
         }
    });
 
-    $('#id_file_field').on('change',function(){
-        //get the file name
-        var files = [];
-        for (var i = 0; i < $(this)[0].files.length; i++) {
-            files.push($(this)[0].files[i].name);
-        }
-        $(this).next('.custom-file-label').html(files.join(', '));
-    });
-
     $("#question_form").each(function(){
         $(this).find('textarea').addClass("form-control");
         $(this).find('input[type=number]').addClass("form-control");
@@ -220,11 +211,4 @@ $(document).ready(() => {
             $('#id_language').children("option[value='other']").show();
         }
     })
-    $('#add_more').click(function() {
-        var form_idx = $(tc_type).val();
-        $('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
-        $(tc_type).val(parseInt(form_idx) + 1);
-        var form_type = "#id_"+'{{tc_class}}'+"_set-"+form_idx+"-type";
-        $(form_type).val($("#id_"+'{{tc_class}}'+"_set-0-type").val());
-    });
 });
\ No newline at end of file
diff --git a/yaksh/static/yaksh/js/add_quiz.js b/yaksh/static/yaksh/js/add_quiz.js
index dab5a3d..63468fa 100644
--- a/yaksh/static/yaksh/js/add_quiz.js
+++ b/yaksh/static/yaksh/js/add_quiz.js
@@ -1,18 +1,19 @@
 function test()
 {
-
 	document.getElementById('id_duration').setAttribute('class','mini-text form-control');
 	document.getElementById('id_pass_criteria').setAttribute('class','mini-text form-control');
-    if (document.getElementById("id_description").value != "")
-    {
-        document.getElementById("submit").innerHTML = "Save";
-    }
-    var template = "<p id='rendered_text' align='justify'></p>";
-    $(template).insertBefore("#id_instructions");
-    $('#id_instructions').keypress(function (event){
-    document.getElementById('rendered_text').innerHTML = document.getElementById('id_instructions').value ;
+  tinymce.init({
+      selector: 'textarea#id_instructions',
+      setup : function(ed) {
+            ed.on('change', function(e) {
+               tinymce.triggerSave();
+            });
+      },
+      max_height: 400,
+      height: 400,
+      plugins: "image code link",
+      convert_urls: false
   });
-    document.getElementById('rendered_text').innerHTML = document.getElementById('id_instructions').value ;
 }
 
 String.prototype.beginsWith = function (string) {
diff --git a/yaksh/static/yaksh/js/argon.js b/yaksh/static/yaksh/js/argon.js
new file mode 100644
index 0000000..db43859
--- /dev/null
+++ b/yaksh/static/yaksh/js/argon.js
@@ -0,0 +1,1088 @@
+
+/*!
+
+=========================================================
+* Argon Dashboard - v1.2.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard
+* Copyright 2020 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+
+
+//
+// Layout
+//
+
+'use strict';
+
+var Layout = (function() {
+
+    function pinSidenav() {
+        $('.sidenav-toggler').addClass('active');
+        $('.sidenav-toggler').data('action', 'sidenav-unpin');
+        $('body').removeClass('g-sidenav-hidden').addClass('g-sidenav-show g-sidenav-pinned');
+        $('body').append('<div class="backdrop d-xl-none" data-action="sidenav-unpin" data-target='+$('#sidenav-main').data('target')+' />');
+
+        // Store the sidenav state in a cookie session
+        Cookies.set('sidenav-state', 'pinned');
+    }
+
+    function unpinSidenav() {
+        $('.sidenav-toggler').removeClass('active');
+        $('.sidenav-toggler').data('action', 'sidenav-pin');
+        $('body').removeClass('g-sidenav-pinned').addClass('g-sidenav-hidden');
+        $('body').find('.backdrop').remove();
+
+        // Store the sidenav state in a cookie session
+        Cookies.set('sidenav-state', 'unpinned');
+    }
+
+    // Set sidenav state from cookie
+
+    var $sidenavState = Cookies.get('sidenav-state') ? Cookies.get('sidenav-state') : 'pinned';
+
+    if($(window).width() > 1200) {
+        if($sidenavState == 'pinned') {
+            pinSidenav()
+        }
+
+        if(Cookies.get('sidenav-state') == 'unpinned') {
+            unpinSidenav()
+        }
+
+        $(window).resize(function() {
+            if( $('body').hasClass('g-sidenav-show') && !$('body').hasClass('g-sidenav-pinned')) {
+                $('body').removeClass('g-sidenav-show').addClass('g-sidenav-hidden');
+            }
+        })
+    }
+
+    if($(window).width() < 1200){
+      $('body').removeClass('g-sidenav-hide').addClass('g-sidenav-hidden');
+      $('body').removeClass('g-sidenav-show');
+      $(window).resize(function() {
+          if( $('body').hasClass('g-sidenav-show') && !$('body').hasClass('g-sidenav-pinned')) {
+              $('body').removeClass('g-sidenav-show').addClass('g-sidenav-hidden');
+          }
+      })
+    }
+
+
+
+    $("body").on("click", "[data-action]", function(e) {
+
+        e.preventDefault();
+
+        var $this = $(this);
+        var action = $this.data('action');
+        var target = $this.data('target');
+
+
+        // Manage actions
+
+        switch (action) {
+            case 'sidenav-pin':
+                pinSidenav();
+            break;
+
+            case 'sidenav-unpin':
+                unpinSidenav();
+            break;
+
+            case 'search-show':
+                target = $this.data('target');
+                $('body').removeClass('g-navbar-search-show').addClass('g-navbar-search-showing');
+
+                setTimeout(function() {
+                    $('body').removeClass('g-navbar-search-showing').addClass('g-navbar-search-show');
+                }, 150);
+
+                setTimeout(function() {
+                    $('body').addClass('g-navbar-search-shown');
+                }, 300)
+            break;
+
+            case 'search-close':
+                target = $this.data('target');
+                $('body').removeClass('g-navbar-search-shown');
+
+                setTimeout(function() {
+                    $('body').removeClass('g-navbar-search-show').addClass('g-navbar-search-hiding');
+                }, 150);
+
+                setTimeout(function() {
+                    $('body').removeClass('g-navbar-search-hiding').addClass('g-navbar-search-hidden');
+                }, 300);
+
+                setTimeout(function() {
+                    $('body').removeClass('g-navbar-search-hidden');
+                }, 500);
+            break;
+        }
+    })
+
+
+    // Add sidenav modifier classes on mouse events
+
+    $('.sidenav').on('mouseenter', function() {
+        if(! $('body').hasClass('g-sidenav-pinned')) {
+            $('body').removeClass('g-sidenav-hide').removeClass('g-sidenav-hidden').addClass('g-sidenav-show');
+        }
+    })
+
+    $('.sidenav').on('mouseleave', function() {
+        if(! $('body').hasClass('g-sidenav-pinned')) {
+            $('body').removeClass('g-sidenav-show').addClass('g-sidenav-hide');
+
+            setTimeout(function() {
+                $('body').removeClass('g-sidenav-hide').addClass('g-sidenav-hidden');
+            }, 300);
+        }
+    })
+
+
+    // Make the body full screen size if it has not enough content inside
+    $(window).on('load resize', function() {
+        if($('body').height() < 800) {
+            $('body').css('min-height', '100vh');
+            $('#footer-main').addClass('footer-auto-bottom')
+        }
+    })
+
+})();
+
+//
+// Charts
+//
+
+'use strict';
+
+var Charts = (function() {
+
+	// Variable
+
+	var $toggle = $('[data-toggle="chart"]');
+	var mode = 'light';//(themeMode) ? themeMode : 'light';
+	var fonts = {
+		base: 'Open Sans'
+	}
+
+	// Colors
+	var colors = {
+		gray: {
+			100: '#f6f9fc',
+			200: '#e9ecef',
+			300: '#dee2e6',
+			400: '#ced4da',
+			500: '#adb5bd',
+			600: '#8898aa',
+			700: '#525f7f',
+			800: '#32325d',
+			900: '#212529'
+		},
+		theme: {
+			'default': '#172b4d',
+			'primary': '#5e72e4',
+			'secondary': '#f4f5f7',
+			'info': '#11cdef',
+			'success': '#2dce89',
+			'danger': '#f5365c',
+			'warning': '#fb6340'
+		},
+		black: '#12263F',
+		white: '#FFFFFF',
+		transparent: 'transparent',
+	};
+
+
+	// Methods
+
+	// Chart.js global options
+	function chartOptions() {
+
+		// Options
+		var options = {
+			defaults: {
+				global: {
+					responsive: true,
+					maintainAspectRatio: false,
+					defaultColor: (mode == 'dark') ? colors.gray[700] : colors.gray[600],
+					defaultFontColor: (mode == 'dark') ? colors.gray[700] : colors.gray[600],
+					defaultFontFamily: fonts.base,
+					defaultFontSize: 13,
+					layout: {
+						padding: 0
+					},
+					legend: {
+						display: false,
+						position: 'bottom',
+						labels: {
+							usePointStyle: true,
+							padding: 16
+						}
+					},
+					elements: {
+						point: {
+							radius: 0,
+							backgroundColor: colors.theme['primary']
+						},
+						line: {
+							tension: .4,
+							borderWidth: 4,
+							borderColor: colors.theme['primary'],
+							backgroundColor: colors.transparent,
+							borderCapStyle: 'rounded'
+						},
+						rectangle: {
+							backgroundColor: colors.theme['warning']
+						},
+						arc: {
+							backgroundColor: colors.theme['primary'],
+							borderColor: (mode == 'dark') ? colors.gray[800] : colors.white,
+							borderWidth: 4
+						}
+					},
+					tooltips: {
+						enabled: true,
+						mode: 'index',
+						intersect: false,
+					}
+				},
+				doughnut: {
+					cutoutPercentage: 83,
+					legendCallback: function(chart) {
+						var data = chart.data;
+						var content = '';
+
+						data.labels.forEach(function(label, index) {
+							var bgColor = data.datasets[0].backgroundColor[index];
+
+							content += '<span class="chart-legend-item">';
+							content += '<i class="chart-legend-indicator" style="background-color: ' + bgColor + '"></i>';
+							content += label;
+							content += '</span>';
+						});
+
+						return content;
+					}
+				}
+			}
+		}
+
+		// yAxes
+		Chart.scaleService.updateScaleDefaults('linear', {
+			gridLines: {
+				borderDash: [2],
+				borderDashOffset: [2],
+				color: (mode == 'dark') ? colors.gray[900] : colors.gray[300],
+				drawBorder: false,
+				drawTicks: false,
+				drawOnChartArea: true,
+				zeroLineWidth: 0,
+				zeroLineColor: 'rgba(0,0,0,0)',
+				zeroLineBorderDash: [2],
+				zeroLineBorderDashOffset: [2]
+			},
+			ticks: {
+				beginAtZero: true,
+				padding: 10,
+				callback: function(value) {
+					if (!(value % 10)) {
+						return value
+					}
+				}
+			}
+		});
+
+		// xAxes
+		Chart.scaleService.updateScaleDefaults('category', {
+			gridLines: {
+				drawBorder: false,
+				drawOnChartArea: false,
+				drawTicks: false
+			},
+			ticks: {
+				padding: 20
+			},
+			maxBarThickness: 10
+		});
+
+		return options;
+
+	}
+
+	// Parse global options
+	function parseOptions(parent, options) {
+		for (var item in options) {
+			if (typeof options[item] !== 'object') {
+				parent[item] = options[item];
+			} else {
+				parseOptions(parent[item], options[item]);
+			}
+		}
+	}
+
+	// Push options
+	function pushOptions(parent, options) {
+		for (var item in options) {
+			if (Array.isArray(options[item])) {
+				options[item].forEach(function(data) {
+					parent[item].push(data);
+				});
+			} else {
+				pushOptions(parent[item], options[item]);
+			}
+		}
+	}
+
+	// Pop options
+	function popOptions(parent, options) {
+		for (var item in options) {
+			if (Array.isArray(options[item])) {
+				options[item].forEach(function(data) {
+					parent[item].pop();
+				});
+			} else {
+				popOptions(parent[item], options[item]);
+			}
+		}
+	}
+
+	// Toggle options
+	function toggleOptions(elem) {
+		var options = elem.data('add');
+		var $target = $(elem.data('target'));
+		var $chart = $target.data('chart');
+
+		if (elem.is(':checked')) {
+
+			// Add options
+			pushOptions($chart, options);
+
+			// Update chart
+			$chart.update();
+		} else {
+
+			// Remove options
+			popOptions($chart, options);
+
+			// Update chart
+			$chart.update();
+		}
+	}
+
+	// Update options
+	function updateOptions(elem) {
+		var options = elem.data('update');
+		var $target = $(elem.data('target'));
+		var $chart = $target.data('chart');
+
+		// Parse options
+		parseOptions($chart, options);
+
+		// Toggle ticks
+		toggleTicks(elem, $chart);
+
+		// Update chart
+		$chart.update();
+	}
+
+	// Toggle ticks
+	function toggleTicks(elem, $chart) {
+
+		if (elem.data('prefix') !== undefined || elem.data('prefix') !== undefined) {
+			var prefix = elem.data('prefix') ? elem.data('prefix') : '';
+			var suffix = elem.data('suffix') ? elem.data('suffix') : '';
+
+			// Update ticks
+			$chart.options.scales.yAxes[0].ticks.callback = function(value) {
+				if (!(value % 10)) {
+					return prefix + value + suffix;
+				}
+			}
+
+			// Update tooltips
+			$chart.options.tooltips.callbacks.label = function(item, data) {
+				var label = data.datasets[item.datasetIndex].label || '';
+				var yLabel = item.yLabel;
+				var content = '';
+
+				if (data.datasets.length > 1) {
+					content += '<span class="popover-body-label mr-auto">' + label + '</span>';
+				}
+
+				content += '<span class="popover-body-value">' + prefix + yLabel + suffix + '</span>';
+				return content;
+			}
+
+		}
+	}
+
+
+	// Events
+
+	// Parse global options
+	if (window.Chart) {
+		parseOptions(Chart, chartOptions());
+	}
+
+	// Toggle options
+	$toggle.on({
+		'change': function() {
+			var $this = $(this);
+
+			if ($this.is('[data-add]')) {
+				toggleOptions($this);
+			}
+		},
+		'click': function() {
+			var $this = $(this);
+
+			if ($this.is('[data-update]')) {
+				updateOptions($this);
+			}
+		}
+	});
+
+
+	// Return
+
+	return {
+		colors: colors,
+		fonts: fonts,
+		mode: mode
+	};
+
+})();
+
+//
+// Icon code copy/paste
+//
+
+'use strict';
+
+var CopyIcon = (function() {
+
+	// Variables
+
+	var $element = '.btn-icon-clipboard',
+		$btn = $($element);
+
+
+	// Methods
+
+	function init($this) {
+		$this.tooltip().on('mouseleave', function() {
+			// Explicitly hide tooltip, since after clicking it remains
+			// focused (as it's a button), so tooltip would otherwise
+			// remain visible until focus is moved away
+			$this.tooltip('hide');
+		});
+
+		var clipboard = new ClipboardJS($element);
+
+		clipboard.on('success', function(e) {
+			$(e.trigger)
+				.attr('title', 'Copied!')
+				.tooltip('_fixTitle')
+				.tooltip('show')
+				.attr('title', 'Copy to clipboard')
+				.tooltip('_fixTitle')
+
+			e.clearSelection()
+		});
+	}
+
+
+	// Events
+	if ($btn.length) {
+		init($btn);
+	}
+
+})();
+
+//
+// Navbar
+//
+
+'use strict';
+
+var Navbar = (function() {
+
+	// Variables
+
+	var $nav = $('.navbar-nav, .navbar-nav .nav');
+	var $collapse = $('.navbar .collapse');
+	var $dropdown = $('.navbar .dropdown');
+
+	// Methods
+
+	function accordion($this) {
+		$this.closest($nav).find($collapse).not($this).collapse('hide');
+	}
+
+    function closeDropdown($this) {
+        var $dropdownMenu = $this.find('.dropdown-menu');
+
+        $dropdownMenu.addClass('close');
+
+    	setTimeout(function() {
+    		$dropdownMenu.removeClass('close');
+    	}, 200);
+	}
+
+
+	// Events
+
+	$collapse.on({
+		'show.bs.collapse': function() {
+			accordion($(this));
+		}
+	})
+
+	$dropdown.on({
+		'hide.bs.dropdown': function() {
+			closeDropdown($(this));
+		}
+	})
+
+})();
+
+
+//
+// Navbar collapse
+//
+
+
+var NavbarCollapse = (function() {
+
+	// Variables
+
+	var $nav = $('.navbar-nav'),
+		$collapse = $('.navbar .navbar-custom-collapse');
+
+
+	// Methods
+
+	function hideNavbarCollapse($this) {
+		$this.addClass('collapsing-out');
+	}
+
+	function hiddenNavbarCollapse($this) {
+		$this.removeClass('collapsing-out');
+	}
+
+
+	// Events
+
+	if ($collapse.length) {
+		$collapse.on({
+			'hide.bs.collapse': function() {
+				hideNavbarCollapse($collapse);
+			}
+		})
+
+		$collapse.on({
+			'hidden.bs.collapse': function() {
+				hiddenNavbarCollapse($collapse);
+			}
+		})
+	}
+
+	var navbar_menu_visible = 0;
+
+	$( ".sidenav-toggler" ).click(function() {
+		if(navbar_menu_visible == 1){
+		  $('body').removeClass('nav-open');
+			navbar_menu_visible = 0;
+			$('.bodyClick').remove();
+
+		} else {
+
+		var div = '<div class="bodyClick"></div>';
+		$(div).appendTo('body').click(function() {
+				 $('body').removeClass('nav-open');
+					navbar_menu_visible = 0;
+					$('.bodyClick').remove();
+					
+			 });
+
+		 $('body').addClass('nav-open');
+			navbar_menu_visible = 1;
+
+		}
+
+	});
+
+})();
+
+//
+// Popover
+//
+
+'use strict';
+
+var Popover = (function() {
+
+	// Variables
+
+	var $popover = $('[data-toggle="popover"]'),
+		$popoverClass = '';
+
+
+	// Methods
+
+	function init($this) {
+		if ($this.data('color')) {
+			$popoverClass = 'popover-' + $this.data('color');
+		}
+
+		var options = {
+			trigger: 'focus',
+			template: '<div class="popover ' + $popoverClass + '" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
+		};
+
+		$this.popover(options);
+	}
+
+
+	// Events
+
+	if ($popover.length) {
+		$popover.each(function() {
+			init($(this));
+		});
+	}
+
+})();
+
+//
+// Scroll to (anchor links)
+//
+
+'use strict';
+
+var ScrollTo = (function() {
+
+	//
+	// Variables
+	//
+
+	var $scrollTo = $('.scroll-me, [data-scroll-to], .toc-entry a');
+
+
+	//
+	// Methods
+	//
+
+	function scrollTo($this) {
+		var $el = $this.attr('href');
+        var offset = $this.data('scroll-to-offset') ? $this.data('scroll-to-offset') : 0;
+		var options = {
+			scrollTop: $($el).offset().top - offset
+		};
+
+        // Animate scroll to the selected section
+        $('html, body').stop(true, true).animate(options, 600);
+
+        event.preventDefault();
+	}
+
+
+	//
+	// Events
+	//
+
+	if ($scrollTo.length) {
+		$scrollTo.on('click', function(event) {
+			scrollTo($(this));
+		});
+	}
+
+})();
+
+//
+// Tooltip
+//
+
+'use strict';
+
+var Tooltip = (function() {
+
+	// Variables
+
+	var $tooltip = $('[data-toggle="tooltip"]');
+
+
+	// Methods
+
+	function init() {
+		$tooltip.tooltip();
+	}
+
+
+	// Events
+
+	if ($tooltip.length) {
+		init();
+	}
+
+})();
+
+//
+// Form control
+//
+
+'use strict';
+
+var FormControl = (function() {
+
+	// Variables
+
+	var $input = $('.form-control');
+
+
+	// Methods
+
+	function init($this) {
+		$this.on('focus blur', function(e) {
+        $(this).parents('.form-group').toggleClass('focused', (e.type === 'focus'));
+    }).trigger('blur');
+	}
+
+
+	// Events
+
+	if ($input.length) {
+		init($input);
+	}
+
+})();
+
+//
+// Google maps
+//
+
+var $map = $('#map-default'),
+    map,
+    lat,
+    lng,
+    color = "#5e72e4";
+
+function initMap() {
+
+    map = document.getElementById('map-default');
+    lat = map.getAttribute('data-lat');
+    lng = map.getAttribute('data-lng');
+
+    var myLatlng = new google.maps.LatLng(lat, lng);
+    var mapOptions = {
+        zoom: 12,
+        scrollwheel: false,
+        center: myLatlng,
+        mapTypeId: google.maps.MapTypeId.ROADMAP,
+    }
+
+    map = new google.maps.Map(map, mapOptions);
+
+    var marker = new google.maps.Marker({
+        position: myLatlng,
+        map: map,
+        animation: google.maps.Animation.DROP,
+        title: 'Hello World!'
+    });
+
+    var contentString = '<div class="info-window-content"><h2>Argon Dashboard</h2>' +
+        '<p>A beautiful Dashboard for Bootstrap 4. It is Free and Open Source.</p></div>';
+
+    var infowindow = new google.maps.InfoWindow({
+        content: contentString
+    });
+
+    google.maps.event.addListener(marker, 'click', function() {
+        infowindow.open(map, marker);
+    });
+}
+
+if($map.length) {
+    google.maps.event.addDomListener(window, 'load', initMap);
+}
+
+//
+// Bars chart
+//
+
+var BarsChart = (function() {
+
+	//
+	// Variables
+	//
+
+	var $chart = $('#chart-bars');
+
+
+	//
+	// Methods
+	//
+
+	// Init chart
+	function initChart($chart) {
+
+		// Create chart
+		var ordersChart = new Chart($chart, {
+			type: 'bar',
+			data: {
+				labels: ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+				datasets: [{
+					label: 'Sales',
+					data: [25, 20, 30, 22, 17, 29]
+				}]
+			}
+		});
+
+		// Save to jQuery object
+		$chart.data('chart', ordersChart);
+	}
+
+
+	// Init chart
+	if ($chart.length) {
+		initChart($chart);
+	}
+
+})();
+
+'use strict';
+
+//
+// Sales chart
+//
+
+var SalesChart = (function() {
+
+  // Variables
+
+  var $chart = $('#chart-sales-dark');
+
+
+  // Methods
+
+  function init($chart) {
+
+    var salesChart = new Chart($chart, {
+      type: 'line',
+      options: {
+        scales: {
+          yAxes: [{
+            gridLines: {
+              lineWidth: 1,
+              color: Charts.colors.gray[900],
+              zeroLineColor: Charts.colors.gray[900]
+            },
+            ticks: {
+              callback: function(value) {
+                if (!(value % 10)) {
+                  return '$' + value + 'k';
+                }
+              }
+            }
+          }]
+        },
+        tooltips: {
+          callbacks: {
+            label: function(item, data) {
+              var label = data.datasets[item.datasetIndex].label || '';
+              var yLabel = item.yLabel;
+              var content = '';
+
+              if (data.datasets.length > 1) {
+                content += '<span class="popover-body-label mr-auto">' + label + '</span>';
+              }
+
+              content += '<span class="popover-body-value">$' + yLabel + 'k</span>';
+              return content;
+            }
+          }
+        }
+      },
+      data: {
+        labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+        datasets: [{
+          label: 'Performance',
+          data: [0, 20, 10, 30, 15, 40, 20, 60, 60]
+        }]
+      }
+    });
+
+    // Save to jQuery object
+
+    $chart.data('chart', salesChart);
+
+  };
+
+
+  // Events
+
+  if ($chart.length) {
+    init($chart);
+  }
+
+})();
+
+//
+// Bootstrap Datepicker
+//
+
+'use strict';
+
+var Datepicker = (function() {
+
+	// Variables
+
+	var $datepicker = $('.datepicker');
+
+
+	// Methods
+
+	function init($this) {
+		var options = {
+			disableTouchKeyboard: true,
+			autoclose: false
+		};
+
+		$this.datepicker(options);
+	}
+
+
+	// Events
+
+	if ($datepicker.length) {
+		$datepicker.each(function() {
+			init($(this));
+		});
+	}
+
+})();
+
+//
+// Form control
+//
+
+'use strict';
+
+var noUiSlider = (function() {
+
+	// Variables
+
+	// var $sliderContainer = $('.input-slider-container'),
+	// 		$slider = $('.input-slider'),
+	// 		$sliderId = $slider.attr('id'),
+	// 		$sliderMinValue = $slider.data('range-value-min');
+	// 		$sliderMaxValue = $slider.data('range-value-max');;
+
+
+	// // Methods
+	//
+	// function init($this) {
+	// 	$this.on('focus blur', function(e) {
+  //       $this.parents('.form-group').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
+  //   }).trigger('blur');
+	// }
+	//
+	//
+	// // Events
+	//
+	// if ($input.length) {
+	// 	init($input);
+	// }
+
+
+
+	if ($(".input-slider-container")[0]) {
+			$('.input-slider-container').each(function() {
+
+					var slider = $(this).find('.input-slider');
+					var sliderId = slider.attr('id');
+					var minValue = slider.data('range-value-min');
+					var maxValue = slider.data('range-value-max');
+
+					var sliderValue = $(this).find('.range-slider-value');
+					var sliderValueId = sliderValue.attr('id');
+					var startValue = sliderValue.data('range-value-low');
+
+					var c = document.getElementById(sliderId),
+							d = document.getElementById(sliderValueId);
+
+					noUiSlider.create(c, {
+							start: [parseInt(startValue)],
+							connect: [true, false],
+							//step: 1000,
+							range: {
+									'min': [parseInt(minValue)],
+									'max': [parseInt(maxValue)]
+							}
+					});
+
+					c.noUiSlider.on('update', function(a, b) {
+							d.textContent = a[b];
+					});
+			})
+	}
+
+	if ($("#input-slider-range")[0]) {
+			var c = document.getElementById("input-slider-range"),
+					d = document.getElementById("input-slider-range-value-low"),
+					e = document.getElementById("input-slider-range-value-high"),
+					f = [d, e];
+
+			noUiSlider.create(c, {
+					start: [parseInt(d.getAttribute('data-range-value-low')), parseInt(e.getAttribute('data-range-value-high'))],
+					connect: !0,
+					range: {
+							min: parseInt(c.getAttribute('data-range-value-min')),
+							max: parseInt(c.getAttribute('data-range-value-max'))
+					}
+			}), c.noUiSlider.on("update", function(a, b) {
+					f[b].textContent = a[b]
+			})
+	}
+
+})();
+
+//
+// Scrollbar
+//
+
+'use strict';
+
+var Scrollbar = (function() {
+
+	// Variables
+
+	var $scrollbar = $('.scrollbar-inner');
+
+
+	// Methods
+
+	function init() {
+		$scrollbar.scrollbar().scrollLock()
+	}
+
+
+	// Events
+
+	if ($scrollbar.length) {
+		init();
+	}
+
+})();
diff --git a/yaksh/static/yaksh/js/argon.min.js b/yaksh/static/yaksh/js/argon.min.js
new file mode 100644
index 0000000..8aefe57
--- /dev/null
+++ b/yaksh/static/yaksh/js/argon.min.js
@@ -0,0 +1,18 @@
+/*!
+
+=========================================================
+* Argon Dashboard - v1.2.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard
+* Copyright 2020 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+"use strict";var map,lat,lng,Layout=function(){function a(){$(".sidenav-toggler").addClass("active"),$(".sidenav-toggler").data("action","sidenav-unpin"),$("body").removeClass("g-sidenav-hidden").addClass("g-sidenav-show g-sidenav-pinned"),$("body").append('<div class="backdrop d-xl-none" data-action="sidenav-unpin" data-target='+$("#sidenav-main").data("target")+" />"),Cookies.set("sidenav-state","pinned")}function e(){$(".sidenav-toggler").removeClass("active"),$(".sidenav-toggler").data("action","sidenav-pin"),$("body").removeClass("g-sidenav-pinned").addClass("g-sidenav-hidden"),$("body").find(".backdrop").remove(),Cookies.set("sidenav-state","unpinned")}var n=Cookies.get("sidenav-state")?Cookies.get("sidenav-state"):"pinned";$(window).width()>1200&&("pinned"==n&&a(),"unpinned"==Cookies.get("sidenav-state")&&e(),$(window).resize(function(){$("body").hasClass("g-sidenav-show")&&!$("body").hasClass("g-sidenav-pinned")&&$("body").removeClass("g-sidenav-show").addClass("g-sidenav-hidden")})),$(window).width()<1200&&($("body").removeClass("g-sidenav-hide").addClass("g-sidenav-hidden"),$("body").removeClass("g-sidenav-show"),$(window).resize(function(){$("body").hasClass("g-sidenav-show")&&!$("body").hasClass("g-sidenav-pinned")&&$("body").removeClass("g-sidenav-show").addClass("g-sidenav-hidden")})),$("body").on("click","[data-action]",function(n){n.preventDefault();var t=$(this),o=t.data("action");t.data("target");switch(o){case"sidenav-pin":a();break;case"sidenav-unpin":e();break;case"search-show":t.data("target"),$("body").removeClass("g-navbar-search-show").addClass("g-navbar-search-showing"),setTimeout(function(){$("body").removeClass("g-navbar-search-showing").addClass("g-navbar-search-show")},150),setTimeout(function(){$("body").addClass("g-navbar-search-shown")},300);break;case"search-close":t.data("target"),$("body").removeClass("g-navbar-search-shown"),setTimeout(function(){$("body").removeClass("g-navbar-search-show").addClass("g-navbar-search-hiding")},150),setTimeout(function(){$("body").removeClass("g-navbar-search-hiding").addClass("g-navbar-search-hidden")},300),setTimeout(function(){$("body").removeClass("g-navbar-search-hidden")},500)}}),$(".sidenav").on("mouseenter",function(){$("body").hasClass("g-sidenav-pinned")||$("body").removeClass("g-sidenav-hide").removeClass("g-sidenav-hidden").addClass("g-sidenav-show")}),$(".sidenav").on("mouseleave",function(){$("body").hasClass("g-sidenav-pinned")||($("body").removeClass("g-sidenav-show").addClass("g-sidenav-hide"),setTimeout(function(){$("body").removeClass("g-sidenav-hide").addClass("g-sidenav-hidden")},300))}),$(window).on("load resize",function(){$("body").height()<800&&($("body").css("min-height","100vh"),$("#footer-main").addClass("footer-auto-bottom"))})}(),Charts=function(){var a,e=$('[data-toggle="chart"]'),n="light",t={base:"Open Sans"},o={gray:{100:"#f6f9fc",200:"#e9ecef",300:"#dee2e6",400:"#ced4da",500:"#adb5bd",600:"#8898aa",700:"#525f7f",800:"#32325d",900:"#212529"},theme:{default:"#172b4d",primary:"#5e72e4",secondary:"#f4f5f7",info:"#11cdef",success:"#2dce89",danger:"#f5365c",warning:"#fb6340"},black:"#12263F",white:"#FFFFFF",transparent:"transparent"};function s(a,e){for(var n in e)"object"!=typeof e[n]?a[n]=e[n]:s(a[n],e[n])}function r(a){var e=a.data("add"),n=$(a.data("target")).data("chart");a.is(":checked")?(!function a(e,n){for(var t in n)Array.isArray(n[t])?n[t].forEach(function(a){e[t].push(a)}):a(e[t],n[t])}(n,e),n.update()):(!function a(e,n){for(var t in n)Array.isArray(n[t])?n[t].forEach(function(a){e[t].pop()}):a(e[t],n[t])}(n,e),n.update())}function i(a){var e=a.data("update"),n=$(a.data("target")).data("chart");s(n,e),function(a,e){if(void 0!==a.data("prefix")||void 0!==a.data("prefix")){var n=a.data("prefix")?a.data("prefix"):"",t=a.data("suffix")?a.data("suffix"):"";e.options.scales.yAxes[0].ticks.callback=function(a){if(!(a%10))return n+a+t},e.options.tooltips.callbacks.label=function(a,e){var o=e.datasets[a.datasetIndex].label||"",s=a.yLabel,r="";return e.datasets.length>1&&(r+='<span class="popover-body-label mr-auto">'+o+"</span>"),r+='<span class="popover-body-value">'+n+s+t+"</span>"}}}(a,n),n.update()}return window.Chart&&s(Chart,(a={defaults:{global:{responsive:!0,maintainAspectRatio:!1,defaultColor:"dark"==n?o.gray[700]:o.gray[600],defaultFontColor:"dark"==n?o.gray[700]:o.gray[600],defaultFontFamily:t.base,defaultFontSize:13,layout:{padding:0},legend:{display:!1,position:"bottom",labels:{usePointStyle:!0,padding:16}},elements:{point:{radius:0,backgroundColor:o.theme.primary},line:{tension:.4,borderWidth:4,borderColor:o.theme.primary,backgroundColor:o.transparent,borderCapStyle:"rounded"},rectangle:{backgroundColor:o.theme.warning},arc:{backgroundColor:o.theme.primary,borderColor:"dark"==n?o.gray[800]:o.white,borderWidth:4}},tooltips:{enabled:!0,mode:"index",intersect:!1}},doughnut:{cutoutPercentage:83,legendCallback:function(a){var e=a.data,n="";return e.labels.forEach(function(a,t){var o=e.datasets[0].backgroundColor[t];n+='<span class="chart-legend-item">',n+='<i class="chart-legend-indicator" style="background-color: '+o+'"></i>',n+=a,n+="</span>"}),n}}}},Chart.scaleService.updateScaleDefaults("linear",{gridLines:{borderDash:[2],borderDashOffset:[2],color:"dark"==n?o.gray[900]:o.gray[300],drawBorder:!1,drawTicks:!1,drawOnChartArea:!0,zeroLineWidth:0,zeroLineColor:"rgba(0,0,0,0)",zeroLineBorderDash:[2],zeroLineBorderDashOffset:[2]},ticks:{beginAtZero:!0,padding:10,callback:function(a){if(!(a%10))return a}}}),Chart.scaleService.updateScaleDefaults("category",{gridLines:{drawBorder:!1,drawOnChartArea:!1,drawTicks:!1},ticks:{padding:20},maxBarThickness:10}),a)),e.on({change:function(){var a=$(this);a.is("[data-add]")&&r(a)},click:function(){var a=$(this);a.is("[data-update]")&&i(a)}}),{colors:o,fonts:t,mode:n}}(),CopyIcon=function(){var a,e=".btn-icon-clipboard",n=$(e);n.length&&((a=n).tooltip().on("mouseleave",function(){a.tooltip("hide")}),new ClipboardJS(e).on("success",function(a){$(a.trigger).attr("title","Copied!").tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle"),a.clearSelection()}))}(),Navbar=function(){var a=$(".navbar-nav, .navbar-nav .nav"),e=$(".navbar .collapse"),n=$(".navbar .dropdown");e.on({"show.bs.collapse":function(){var n;(n=$(this)).closest(a).find(e).not(n).collapse("hide")}}),n.on({"hide.bs.dropdown":function(){var a,e;a=$(this),(e=a.find(".dropdown-menu")).addClass("close"),setTimeout(function(){e.removeClass("close")},200)}})}(),NavbarCollapse=function(){$(".navbar-nav");var a=$(".navbar .navbar-custom-collapse");a.length&&(a.on({"hide.bs.collapse":function(){a.addClass("collapsing-out")}}),a.on({"hidden.bs.collapse":function(){a.removeClass("collapsing-out")}}));var e=0;$(".sidenav-toggler").click(function(){if(1==e)$("body").removeClass("nav-open"),e=0,$(".bodyClick").remove();else{$('<div class="bodyClick"></div>').appendTo("body").click(function(){$("body").removeClass("nav-open"),e=0,$(".bodyClick").remove()}),$("body").addClass("nav-open"),e=1}})}(),Popover=function(){var a=$('[data-toggle="popover"]'),e="";a.length&&a.each(function(){!function(a){a.data("color")&&(e="popover-"+a.data("color"));var n={trigger:"focus",template:'<div class="popover '+e+'" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'};a.popover(n)}($(this))})}(),ScrollTo=function(){var a=$(".scroll-me, [data-scroll-to], .toc-entry a");function e(a){var e=a.attr("href"),n=a.data("scroll-to-offset")?a.data("scroll-to-offset"):0,t={scrollTop:$(e).offset().top-n};$("html, body").stop(!0,!0).animate(t,600),event.preventDefault()}a.length&&a.on("click",function(a){e($(this))})}(),Tooltip=function(){var a=$('[data-toggle="tooltip"]');a.length&&a.tooltip()}(),FormControl=function(){var a=$(".form-control");a.length&&a.on("focus blur",function(a){$(this).parents(".form-group").toggleClass("focused","focus"===a.type)}).trigger("blur")}(),$map=$("#map-default"),color="#5e72e4";function initMap(){map=document.getElementById("map-default"),lat=map.getAttribute("data-lat"),lng=map.getAttribute("data-lng");var a=new google.maps.LatLng(lat,lng),e={zoom:12,scrollwheel:!1,center:a,mapTypeId:google.maps.MapTypeId.ROADMAP};map=new google.maps.Map(map,e);var n=new google.maps.Marker({position:a,map:map,animation:google.maps.Animation.DROP,title:"Hello World!"}),t=new google.maps.InfoWindow({content:'<div class="info-window-content"><h2>Argon Dashboard</h2><p>A beautiful Dashboard for Bootstrap 4. It is Free and Open Source.</p></div>'});google.maps.event.addListener(n,"click",function(){t.open(map,n)})}$map.length&&google.maps.event.addDomListener(window,"load",initMap);var BarsChart=function(){var a=$("#chart-bars");a.length&&function(a){var e=new Chart(a,{type:"bar",data:{labels:["Jul","Aug","Sep","Oct","Nov","Dec"],datasets:[{label:"Sales",data:[25,20,30,22,17,29]}]}});a.data("chart",e)}(a)}(),SalesChart=function(){var a=$("#chart-sales-dark");a.length&&function(a){var e=new Chart(a,{type:"line",options:{scales:{yAxes:[{gridLines:{lineWidth:1,color:Charts.colors.gray[900],zeroLineColor:Charts.colors.gray[900]},ticks:{callback:function(a){if(!(a%10))return"$"+a+"k"}}}]},tooltips:{callbacks:{label:function(a,e){var n=e.datasets[a.datasetIndex].label||"",t=a.yLabel,o="";return e.datasets.length>1&&(o+='<span class="popover-body-label mr-auto">'+n+"</span>"),o+='<span class="popover-body-value">$'+t+"k</span>"}}}},data:{labels:["May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],datasets:[{label:"Performance",data:[0,20,10,30,15,40,20,60,60]}]}});a.data("chart",e)}(a)}(),Datepicker=function(){var a=$(".datepicker");a.length&&a.each(function(){$(this).datepicker({disableTouchKeyboard:!0,autoclose:!1})})}(),noUiSlider=function(){if($(".input-slider-container")[0]&&$(".input-slider-container").each(function(){var a=$(this).find(".input-slider"),e=a.attr("id"),n=a.data("range-value-min"),t=a.data("range-value-max"),o=$(this).find(".range-slider-value"),s=o.attr("id"),r=o.data("range-value-low"),i=document.getElementById(e),d=document.getElementById(s);noUiSlider.create(i,{start:[parseInt(r)],connect:[!0,!1],range:{min:[parseInt(n)],max:[parseInt(t)]}}),i.noUiSlider.on("update",function(a,e){d.textContent=a[e]})}),$("#input-slider-range")[0]){var a=document.getElementById("input-slider-range"),e=document.getElementById("input-slider-range-value-low"),n=document.getElementById("input-slider-range-value-high"),t=[e,n];noUiSlider.create(a,{start:[parseInt(e.getAttribute("data-range-value-low")),parseInt(n.getAttribute("data-range-value-high"))],connect:!0,range:{min:parseInt(a.getAttribute("data-range-value-min")),max:parseInt(a.getAttribute("data-range-value-max"))}}),a.noUiSlider.on("update",function(a,e){t[e].textContent=a[e]})}}(),Scrollbar=function(){var a=$(".scrollbar-inner");a.length&&a.scrollbar().scrollLock()}();
\ No newline at end of file
diff --git a/yaksh/static/yaksh/js/course.js b/yaksh/static/yaksh/js/course.js
index d469af4..9daf5e5 100644
--- a/yaksh/static/yaksh/js/course.js
+++ b/yaksh/static/yaksh/js/course.js
@@ -90,8 +90,9 @@ $(document).ready(function(){
         course_id = data.split("+")[0];

         student_id = data.split("+")[1];

         var status_div = $("#show_status_"+course_id+"_"+student_id);

-        if(!status_div.is(":visible")){

+        if(!status_div.is(":visible")) {

             var get_url = $("#url-"+student_id).attr("data-url");

+            lock_screen();

             $.ajax({

                 url: get_url,

                 timeout: 8000,

@@ -99,10 +100,12 @@ $(document).ready(function(){
                 dataType: "json",

                 contentType: 'application/json; charset=utf-8',

                 success: function(data) {

+                    unlock_screen();

                     status_div.toggle();

                     status_div.html(data.user_data);

                     },

                 error: function(jqXHR, textStatus) {

+                    unlock_screen();

                     alert("Unable to get user data. Please Try again later.");

                 } 

             });

@@ -130,3 +133,11 @@ $(document).ready(function(){
     });

 

 }); // end document ready

+

+function lock_screen() {

+    document.getElementById("loader").style.display = "block";

+}

+

+function unlock_screen() {

+    document.getElementById("loader").style.display = "none";

+}

diff --git a/yaksh/static/yaksh/js/js.cookie.js b/yaksh/static/yaksh/js/js.cookie.js
new file mode 100644
index 0000000..9a0945e
--- /dev/null
+++ b/yaksh/static/yaksh/js/js.cookie.js
@@ -0,0 +1,165 @@
+/*!
+ * JavaScript Cookie v2.2.0
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
+ * Released under the MIT license
+ */
+;(function (factory) {
+	var registeredInModuleLoader = false;
+	if (typeof define === 'function' && define.amd) {
+		define(factory);
+		registeredInModuleLoader = true;
+	}
+	if (typeof exports === 'object') {
+		module.exports = factory();
+		registeredInModuleLoader = true;
+	}
+	if (!registeredInModuleLoader) {
+		var OldCookies = window.Cookies;
+		var api = window.Cookies = factory();
+		api.noConflict = function () {
+			window.Cookies = OldCookies;
+			return api;
+		};
+	}
+}(function () {
+	function extend () {
+		var i = 0;
+		var result = {};
+		for (; i < arguments.length; i++) {
+			var attributes = arguments[ i ];
+			for (var key in attributes) {
+				result[key] = attributes[key];
+			}
+		}
+		return result;
+	}
+
+	function init (converter) {
+		function api (key, value, attributes) {
+			var result;
+			if (typeof document === 'undefined') {
+				return;
+			}
+
+			// Write
+
+			if (arguments.length > 1) {
+				attributes = extend({
+					path: '/'
+				}, api.defaults, attributes);
+
+				if (typeof attributes.expires === 'number') {
+					var expires = new Date();
+					expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
+					attributes.expires = expires;
+				}
+
+				// We're using "expires" because "max-age" is not supported by IE
+				attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
+
+				try {
+					result = JSON.stringify(value);
+					if (/^[\{\[]/.test(result)) {
+						value = result;
+					}
+				} catch (e) {}
+
+				if (!converter.write) {
+					value = encodeURIComponent(String(value))
+						.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+				} else {
+					value = converter.write(value, key);
+				}
+
+				key = encodeURIComponent(String(key));
+				key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
+				key = key.replace(/[\(\)]/g, escape);
+
+				var stringifiedAttributes = '';
+
+				for (var attributeName in attributes) {
+					if (!attributes[attributeName]) {
+						continue;
+					}
+					stringifiedAttributes += '; ' + attributeName;
+					if (attributes[attributeName] === true) {
+						continue;
+					}
+					stringifiedAttributes += '=' + attributes[attributeName];
+				}
+				return (document.cookie = key + '=' + value + stringifiedAttributes);
+			}
+
+			// Read
+
+			if (!key) {
+				result = {};
+			}
+
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all. Also prevents odd result when
+			// calling "get()"
+			var cookies = document.cookie ? document.cookie.split('; ') : [];
+			var rdecode = /(%[0-9A-Z]{2})+/g;
+			var i = 0;
+
+			for (; i < cookies.length; i++) {
+				var parts = cookies[i].split('=');
+				var cookie = parts.slice(1).join('=');
+
+				if (!this.json && cookie.charAt(0) === '"') {
+					cookie = cookie.slice(1, -1);
+				}
+
+				try {
+					var name = parts[0].replace(rdecode, decodeURIComponent);
+					cookie = converter.read ?
+						converter.read(cookie, name) : converter(cookie, name) ||
+						cookie.replace(rdecode, decodeURIComponent);
+
+					if (this.json) {
+						try {
+							cookie = JSON.parse(cookie);
+						} catch (e) {}
+					}
+
+					if (key === name) {
+						result = cookie;
+						break;
+					}
+
+					if (!key) {
+						result[name] = cookie;
+					}
+				} catch (e) {}
+			}
+
+			return result;
+		}
+
+		api.set = api;
+		api.get = function (key) {
+			return api.call(api, key);
+		};
+		api.getJSON = function () {
+			return api.apply({
+				json: true
+			}, [].slice.call(arguments));
+		};
+		api.defaults = {};
+
+		api.remove = function (key, attributes) {
+			api(key, '', extend(attributes, {
+				expires: -1
+			}));
+		};
+
+		api.withConverter = init;
+
+		return api;
+	}
+
+	return init(function () {});
+}));
diff --git a/yaksh/static/yaksh/js/lesson.js b/yaksh/static/yaksh/js/lesson.js
index 586ae18..d562197 100644
--- a/yaksh/static/yaksh/js/lesson.js
+++ b/yaksh/static/yaksh/js/lesson.js
@@ -10,12 +10,31 @@ $(document).ready(function() {
           document.body,
           {
             delimiters: [
-              {left: "$$", right: "$$", display: false},
-              {left: "$", right: "$", display: true},
+              {left: "$$", right: "$$", display: true},
+              {left: "$", right: "$", display: false},
             ]
           }
         );
     });
+    var completion_msg = "Add Youtube and Vimeo video ID, for Others add "+
+                         "video file url e.g https://example.com/video.mp4"
+    $("#video_msg").attr("title", completion_msg);
+    $("#video_msg").tooltip();
+    $("#submit-lesson").click(function() {
+        var video_option = $("#id_video_option").val();
+        var video_url = $("#id_video_url").val();
+        if(video_option != "---") {
+            if(!video_url.trim()) {
+                $('#id_video_url').prop('required', true);
+            }
+            else {
+                $("#id_video_path").val("{'"+video_option+"': '"+video_url+"'}");
+            }
+        } else {
+            $('#id_video_url').prop('required', false);
+            $("#id_video_path").val(null);
+        }
+    });
     const player = new Plyr('#player');
     var timer = $("#vtimer");
     var totalSeconds;
diff --git a/yaksh/static/yaksh/js/show_courses.js b/yaksh/static/yaksh/js/show_courses.js
index 1209ce3..b887d01 100644
--- a/yaksh/static/yaksh/js/show_courses.js
+++ b/yaksh/static/yaksh/js/show_courses.js
@@ -36,4 +36,11 @@ window.onload = function() {
         $('#gridbtn').addClass('active');
         $('#listbtn').removeClass('active');
     }
+    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+      $("#course-list").removeClass("col-9");
+      $("#course-list").addClass("col");
+    } else{
+      $("#course-list").addClass("col-9");
+      $("#course-list").removeClass("col");
+    }
 }
\ No newline at end of file
diff --git a/yaksh/static/yaksh/js/show_question.js b/yaksh/static/yaksh/js/show_question.js
index d7b6a44..abebdab 100644
--- a/yaksh/static/yaksh/js/show_question.js
+++ b/yaksh/static/yaksh/js/show_question.js
@@ -61,4 +61,11 @@ $(document).ready(function() {
                 });
         }
     });
+    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+      $("#question-list").removeClass("col-9");
+      $("#question-list").addClass("col");
+    } else{
+      $("#question-list").addClass("col-9");
+      $("#question-list").removeClass("col");
+    }
 });
diff --git a/yaksh/static/yaksh/js/show_toc.js b/yaksh/static/yaksh/js/show_toc.js
index a2507d0..2bedc6a 100644
--- a/yaksh/static/yaksh/js/show_toc.js
+++ b/yaksh/static/yaksh/js/show_toc.js
@@ -24,23 +24,51 @@ $(document).ready(function() {
     var totalSeconds;
     store_video_time(contents_by_time);
     var time_arr_length = video_time.length;
+    var total_duration;
+    player.on('ready loadedmetadata', event => {
+        total_duration = parseInt(player.duration);
+        store_tracker_time(total_duration);
+        $("#video_duration").val(get_time_in_hrs(total_duration));
+    });
+
     player.on('timeupdate', event => {
-        if (time_arr_length > 0 && player.currentTime >= video_time[loc]) {
+        var current_time = player.currentTime;
+        $("#current_video_time").val(get_time_in_hrs(current_time));
+        if (time_arr_length > 0 && current_time >= video_time[loc]) {
             var content = contents_by_time[loc]; 
             loc += 1;
             if(content.content == 1) {
                 show_topic($("#toc_desc_"+content.id).val(), false);
             }
             else {
-                player.pause();
                 if(player.fullscreen.active) player.fullscreen.exit();
+                player.pause()
                 url = $("#toc_"+content.id).val();
-                ajax_call(url, "GET");
+                ajax_call(url, "GET", screen_lock=true);
             }
         }
+        if(markers.length > 0 && current_time >= markers[track_count]) {
+            track_count++;
+            var csrf = document.getElementById("track-form").elements[0].value;
+            ajax_call($("#track-form").attr("action"), $("#track-form").attr("method"),
+                      $("#track-form").serialize(), csrf, screen_lock=false);
+        }
+    });
+    player.on('ended', event => {
+        var csrf = document.getElementById("track-form").elements[0].value;
+        ajax_call($("#track-form").attr("action"), $("#track-form").attr("method"),
+                  $("#track-form").serialize(), csrf, screen_lock=false);
+        window.location.href = $("#next_unit").attr("href");
     });
 });
 
+function store_tracker_time(duration) {
+    marker = duration / 4;
+    for(var i = marker; i <= duration - marker; i = i + marker) {
+        markers.push(i);
+    }
+}
+
 function show_topic(description, override) {
     var topic_div = $("#topic-description");
     if(override) {
@@ -51,8 +79,10 @@ function show_topic(description, override) {
 }
 
 function store_video_time(contents) {
-    for (var j = 0; j < contents.length; j++)
-    video_time.push(get_time_in_seconds(contents[j].time));
+    if(contents) {
+        for (var j = 0; j < contents.length; j++)
+        video_time.push(get_time_in_seconds(contents[j].time));
+    }
 }
 
 function get_time_in_seconds(time) {
@@ -63,6 +93,18 @@ function get_time_in_seconds(time) {
     return hh * 3600 + mm * 60 + ss;
 }
 
+function get_time_in_hrs(time) {
+    totalSeconds = parseInt(time)
+    hours = Math.floor(totalSeconds / 3600);
+    totalSeconds %= 3600;
+    minutes = Math.floor(totalSeconds / 60);
+    seconds = totalSeconds % 60;
+    hours = hours < 10 ? "0" + hours : hours;
+    minutes = minutes < 10 ? "0" + minutes : minutes;
+    seconds = seconds < 10 ? "0" + seconds : seconds;
+    return hours + ":" + minutes + ":" + seconds;
+}
+
 function lock_screen() {
     document.getElementById("loader").style.display = "block";
     if ($("#check").is(":visible")) {
@@ -78,23 +120,21 @@ function unlock_screen() {
 }
 
 function show_question(data) {
-    $("#dialog").html(data);
-    $("#dialog").dialog({
-        width: 800,
-        height: 500,
-    });
+    $("#myModal").modal({backdrop: 'static', keyboard: false});
+    $("#lesson_quiz_question").html(data)
     $("#submit-quiz-form").submit(function(e) {
         e.preventDefault();
         lock_screen();
         var csrf = document.getElementById("submit-quiz-form").elements[0].value;
-        ajax_call($(this).attr("action"), $(this).attr("method"), $(this).serialize(), csrf);
+        ajax_call($(this).attr("action"), $(this).attr("method"),
+                  $(this).serialize(), csrf, screen_lock=true);
     });
 }
 
 function select_toc(element) {
     var toc_id = element.getAttribute("data-toc"); 
     var content_type = element.getAttribute("data-toc-type");
-    var toc_time = $("#toc_time_"+toc_id).val();
+    var toc_time = $("#toc_time_"+toc_id).html().trim();
     player.currentTime = get_time_in_seconds(toc_time);
     if (content_type == 1) {
         show_topic($("#toc_desc_"+toc_id).val(), true);
@@ -140,8 +180,8 @@ function show_message(message, msg_type) {
     }
 }
 
-function ajax_call(url, method, data, csrf) {
-    lock_screen();
+function ajax_call(url, method, data, csrf, screen_lock=true) {
+    if(screen_lock) {lock_screen();}
     $.ajax({
         url: url,
         timeout: 15000,
@@ -158,8 +198,8 @@ function ajax_call(url, method, data, csrf) {
                 show_question(msg.data);
             }
             if (msg.message) {
+                $("#myModal").modal('hide');
                 if (msg.success) {
-                    $("#dialog").dialog("close");
                     show_message(msg.message, "success");
                 }
                 else {
diff --git a/yaksh/tasks.py b/yaksh/tasks.py
index 1c4658b..5068c64 100644
--- a/yaksh/tasks.py
+++ b/yaksh/tasks.py
@@ -1,6 +1,8 @@
 # Python Imports
 from __future__ import absolute_import, unicode_literals
 from textwrap import dedent
+import csv
+import json
 
 # Django and celery imports
 from celery import shared_task
@@ -8,7 +10,10 @@ from django.urls import reverse
 from django.shortcuts import get_object_or_404
 
 # Local imports
-from .models import Course, QuestionPaper, Quiz, AnswerPaper, CourseStatus
+from .models import (
+    Course, QuestionPaper, Quiz, AnswerPaper, CourseStatus, User, Question,
+    Answer
+)
 from notifications_plugin.models import NotificationMessage, Notification
 
 
@@ -80,3 +85,112 @@ def regrade_papers(data):
     notification = Notification.objects.add_single_notification(
         user_id, nm.id
     )
+
+
+@shared_task
+def update_user_marks(data):
+    request_user = data.get("user_id")
+    course_id = data.get("course_id")
+    questionpaper_id = data.get("questionpaper_id")
+    csv_data = data.get("csv_data")
+    question_paper = QuestionPaper.objects.get(id=questionpaper_id)
+    def _get_header_info(reader):
+        question_ids = []
+        fields = reader.fieldnames
+        for field in fields:
+            if field.startswith('Q') and field.count('-') > 0:
+                qid = int(field.split('-')[1])
+                if qid not in question_ids:
+                    question_ids.append(qid)
+        return question_ids
+    try:
+        reader = csv.DictReader(csv_data)
+        question_ids = _get_header_info(reader)
+        _read_marks_csv(
+            reader, request_user, course_id, question_paper, question_ids
+        )
+    except TypeError:
+        url = reverse(
+            "yaksh:monitor", args=[question_paper.quiz_id, course_id]
+        )
+        message = dedent("""
+            Unable to update quiz marks. Please re-upload correct CSV file
+            Click <a href="{0}">here</a> to view
+            """.format(url)
+        )
+        nm = NotificationMessage.objects.add_single_message(
+            request_user, "{0} marks update status".format(
+                question_paper.quiz.description
+            ), message, "warning"
+        )
+        notification = Notification.objects.add_single_notification(
+            request_user, nm.id
+        )
+
+
+def _read_marks_csv(
+        reader, request_user, course_id, question_paper, question_ids):
+    update_status = []
+    for row in reader:
+        username = row['user__username']
+        user = User.objects.filter(username=username).first()
+        if user:
+            answerpapers = question_paper.answerpaper_set.filter(
+                course_id=course_id, user_id=user.id)
+        else:
+            update_status.append(f'{username} user not found!')
+            continue
+        answerpaper = answerpapers.last()
+        if not answerpaper:
+            update_status.append(f'{username} has no answerpaper!')
+            continue
+        answers = answerpaper.answers.all()
+        questions = answerpaper.questions.values_list('id', flat=True)
+        for qid in question_ids:
+            question = Question.objects.filter(id=qid).first()
+            if not question:
+                update_status.append(f'{qid} is an invalid question id!')
+                continue
+            if qid in questions:
+                answer = answers.filter(question_id=qid).last()
+                if not answer:
+                    answer = Answer(question_id=qid, marks=0, correct=False,
+                                    answer='', error=json.dumps([]))
+                    answer.save()
+                    answerpaper.answers.add(answer)
+                key1 = 'Q-{0}-{1}-{2}-marks'.format(qid, question.summary,
+                                                    question.points)
+                key2 = 'Q-{0}-{1}-comments'.format(qid, question.summary)
+                if key1 in reader.fieldnames:
+                    try:
+                        answer.set_marks(float(row[key1]))
+                    except ValueError:
+                        update_status.append(f'{row[key1]} invalid marks!')
+                if key2 in reader.fieldnames:
+                    answer.set_comment(row[key2])
+                answer.save()
+        answerpaper.update_marks(state='completed')
+        answerpaper.save()
+        update_status.append(
+            'Updated successfully for user: {0}, question: {1}'.format(
+            username, question.summary)
+        )
+    url = reverse(
+        "yaksh:grade_user",
+        args=[question_paper.quiz_id, course_id]
+    )
+    message = dedent("""
+        Quiz mark update is complete.
+        Click <a href="{0}">here</a> to view
+        <br><br>{1}
+        """.format(url, "\n".join(update_status))
+    )
+    summary = "{0} marks update status".format(
+        question_paper.quiz.description
+    )
+    nm = NotificationMessage.objects.add_single_message(
+        request_user, summary, message, "info"
+    )
+    notification = Notification.objects.add_single_notification(
+        request_user, nm.id
+    )
diff --git a/yaksh/templates/base.html b/yaksh/templates/base.html
index cba56cb..73861c7 100644
--- a/yaksh/templates/base.html
+++ b/yaksh/templates/base.html
@@ -24,6 +24,8 @@
   <link rel="stylesheet" type="text/css" href="{% static 'yaksh/css/simplemde.min.css' %}">
   <link rel="stylesheet" href="{% static 'yaksh/css/toastr.min.css' %}" />
   <!-- https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css -->
+  <link rel="stylesheet" href="{% static 'yaksh/css/argon.css' %}" />
+  <link rel="stylesheet" href="{% static 'yaksh/css/argon.min.css' %}" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
 
 
@@ -47,7 +49,12 @@
   </script>
   <script type="text/javascript" src="{% static 'yaksh/js/toastr.min.js' %}">
   </script>
-
+  <script type="text/javascript" src="{% static 'yaksh/js/js.cookie.js' %}">
+  </script>
+  <script type="text/javascript" src="{% static 'yaksh/js/argon.js' %}">
+  </script>
+  <script type="text/javascript" src="{% static 'yaksh/js/argon.min.js' %}">
+  </script>
   <!-- The loading of KaTeX is deferred to speed up page rendering -->
   <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
 
@@ -63,8 +70,8 @@
           document.body,
           {
             delimiters: [
-              {left: "$$", right: "$$", display: false},
-              {left: "$", right: "$", display: true},
+              {left: "$$", right: "$$", display: true},
+              {left: "$", right: "$", display: false},
             ]
           }
         );
@@ -100,32 +107,27 @@
   
   {% block nav %}
   {% endblock %}
-
-     <div class="base-content">
-         <div class="header">
-             <h3><center>{% block pagetitle %}{% endblock pagetitle %}</center></h3>
-         </div>
-         <h4><center>{% block subtitle %}{% endblock %}</center></h4>
-         {% block content %}
-         {% endblock %}
-     </div>
-     
-
-  {% block footer %}
+    <div class="base-content">
+       <div class="header">
+           <h3><center>{% block pagetitle %}{% endblock pagetitle %}</center></h3>
+       </div>
+       <h4><center>{% block subtitle %}{% endblock %}</center></h4>
+       {% block content %}
+       {% endblock %}
+       <br>
+    </div>
     <footer class="footer">
-          <div class="container">
-              <div class="row">
-                <div class="col">
-                  Developed by FOSSEE group, IIT Bombay
-                </div>
-                <div class="col">
-                  Contact: pythonsupport@fossee.in
-                </div>
-              </div>
-           </div>
+      <div class="container">
+        <div class="row">
+          <div class="col">
+            Developed by FOSSEE group, IIT Bombay
+          </div>
+          <div class="col">
+            Contact: pythonsupport@fossee.in
+          </div>
+        </div>
+      </div>
     </footer>
-  {% endblock %}
-
 </body>
 </html>
 
diff --git a/yaksh/templates/exam.html b/yaksh/templates/exam.html
index a773076..2290ca4 100644
--- a/yaksh/templates/exam.html
+++ b/yaksh/templates/exam.html
@@ -88,14 +88,14 @@
       </div>
       <br>
       <div>
-          <table class="table table-bordered table-responsive-sm">
-            <thead>
+          <table class="table table-dark table-responsive-sm">
+            <thead class="thead-dark">
               <tr>
                 <th>Category</th>
                 <th>Question No.</th>
               </tr>
             </thead>
-            <tbody>
+            <tbody class="list">
               {% for category, question_number in paper.get_categorized_question_indices.items %}
               <tr>
                 <td>
diff --git a/yaksh/templates/manage.html b/yaksh/templates/manage.html
index 047f784..7a2830c 100644
--- a/yaksh/templates/manage.html
+++ b/yaksh/templates/manage.html
@@ -65,14 +65,6 @@
     </ul>
     </div>
 </nav>
-<script type="text/javascript">
-    $(document).ready(function() {
-        $(".alert").delay(2000).slideUp(200, function() {
-            $(this).alert('close');
-        });
-    });
-</script>
-
 {% endblock %}
 {% block content %}
 <div class="container">
diff --git a/yaksh/templates/user.html b/yaksh/templates/user.html
index 7211d5c..40a5edd 100644
--- a/yaksh/templates/user.html
+++ b/yaksh/templates/user.html
@@ -15,6 +15,16 @@
             <li class="nav-item"><a class="nav-link" href="{% url 'yaksh:index' %}"><i class="fa fa-home" style="size: 18px"></i>&nbsp;Home</a></li>
         </ul>
         <ul class="navbar-nav ml-auto">
+            <li class="nav-item">
+              <a class="nav-link" href="{% url 'yaksh:view_notifications' %}">
+                <i class="fa fa-bell" style="size: 18px"></i>&nbsp;Notifications
+                {% if request.custom_notifications > 0 %}
+                    <span class="badge badge-success badge-pill">
+                        {{request.custom_notifications}}
+                    </span>
+                {% endif %}
+              </a>
+            </li>
             <li class="nav-item dropdown my-lg-0" style="font-size: 1.2rem">
                 <a class="dropdown-toggle nav-link" id="user_dropdown" data-toggle="dropdown" href="#">{{user.get_full_name|title}}
                 </a>
@@ -43,14 +53,6 @@
     </nav>
 </div>
 {% endblock %}
-<script type="text/javascript">
-    $(document).ready(function() {
-        $(".alert").delay(2000).slideUp(200, function() {
-            $(this).alert('close');
-        });
-    });
-</script>
-
 {% block content %}  
   {% block main %}
     {% block navtab %}
diff --git a/yaksh/templates/yaksh/add_course.html b/yaksh/templates/yaksh/add_course.html
index 0072a95..1afa34b 100644
--- a/yaksh/templates/yaksh/add_course.html
+++ b/yaksh/templates/yaksh/add_course.html
@@ -6,13 +6,15 @@
 {% endblock %}
 
 {% block script %}
+<script type="text/javascript" src="{% static 'yaksh/js/tinymce/js/tinymce/tinymce.min.js' %}"></script>
 <script type="text/javascript" src="{% static 'yaksh/js/jquery.datetimepicker.full.min.js' %}">
 </script>
+<script type="text/javascript" src="{% static 'yaksh/js/add_course.js' %}"></script>
 {% endblock %}
 {% block title %} Add Course {% endblock %}
 {% block pagetitle %} Add Course {% endblock %}
 {% block content %}
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-md-8">
             <ul class="nav nav-pills" id="course_tabs">
@@ -35,10 +37,11 @@
         </div>
     </div>
     <hr>
+    <div class="container">
     <form name=frm id=frm action="" method="post" >
         {% csrf_token %}
         <center>
-        <table class="table table-bordered table-responsive-sm">
+        <table class="table table-responsive-sm">
         {{ form.as_table }}
         </table>
         <br/>
@@ -58,5 +61,6 @@
         </center>
         <br>
     </form>
+    </div>
 </div>
 {% endblock %}
diff --git a/yaksh/templates/yaksh/add_lesson.html b/yaksh/templates/yaksh/add_lesson.html
index 4400032..137dbc3 100644
--- a/yaksh/templates/yaksh/add_lesson.html
+++ b/yaksh/templates/yaksh/add_lesson.html
@@ -11,6 +11,7 @@
 </script>
 <script type="text/javascript" src="{% static 'yaksh/js/mathjax/MathJax.js' %}?config=TeX-MML-AM_CHTML">
 </script>
+
 {% endblock %}
 
 {% block css %}
@@ -74,7 +75,9 @@
                                 <h3>Description Preview</h3>
                             </center>
                         </div>
-                        <div class="card-body" id="description_body" style="max-height: 400px; overflow-y: auto;">
+                        <div class="card-body">
+                        <div id="description_body" style="max-height: 400px; overflow-y: auto;">
+                        </div>
                         </div>
                     </div>
                     <br>
@@ -83,9 +86,12 @@
                     Active:&nbsp;{{lesson_form.active}}
                     <br><br>
                     Video Path:
-                    <span class="badge badge-info">
-                        {{lesson_form.video_path.help_text}}    
-                    </span>
+                    <a data-toggle="tooltip" id="video_msg">
+                        <i class="fa fa-question-circle"></i>
+                    </a>
+                    {{lesson_form.video_option}}
+                    <br><br>
+                    {{lesson_form.video_url}}
                     {{lesson_form.video_path}}
                     <br>
                     Video File:
@@ -132,12 +138,13 @@
                     </center>
                     {% endif %}
                     <center>
-                        <button class="btn btn-success btn-lg" type="submit" id="submit" name="Save">
+                        <button class="btn btn-success btn-lg" type="submit" id="submit-lesson" name="Save">
                             <i class="fa fa-save"></i>
                             Save
                         </button>
                         {% if lesson_files %}
-                        <button class="btn btn-danger btn-lg" type="submit" id="submit" name="Delete"> <i class="fa fa-trash"></i>&nbsp;Delete Files
+                        <button class="btn btn-danger btn-lg" type="submit" name="Delete">
+                            <i class="fa fa-trash"></i>&nbsp;Delete Files
                         </button>
                         {% endif %}
                     </center>
@@ -230,4 +237,4 @@
         </div>
     </div>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/yaksh/templates/yaksh/add_module.html b/yaksh/templates/yaksh/add_module.html
index aee50c1..9df194a 100644
--- a/yaksh/templates/yaksh/add_module.html
+++ b/yaksh/templates/yaksh/add_module.html
@@ -1,6 +1,8 @@
 {% extends "manage.html" %}
 {% load static %}
-{% block title %}Create/Edit Learning Module{% endblock %}
+{% block title %}
+    Create/Edit Learning Module
+{% endblock %}
 
 {% block script %}
 <script type="text/javascript" src="{% static 'yaksh/js/jquery-3.3.1.min.js' %}">
diff --git a/yaksh/templates/yaksh/add_question.html b/yaksh/templates/yaksh/add_question.html
index 07e8c74..ba780b1 100644
--- a/yaksh/templates/yaksh/add_question.html
+++ b/yaksh/templates/yaksh/add_question.html
@@ -64,13 +64,11 @@
       <tr>
         <td> File: </td>
         <td>
-          <div class="input-group mb-3">
-            <div class="custom-file">
-              {{ fileform.file_field }}{{ fileform.file_field.errors }}
-                <label class="custom-file-label" for="id_file_field">
-                    Choose file
-                </label>
-            </div>
+          <div class="custom-file">
+            {{ fileform.file_field }}{{ fileform.file_field.errors }}
+              <label class="custom-file-label" for="id_file_field">
+                  Choose file
+              </label>
           </div>
         </td>
       </tr>
@@ -136,15 +134,15 @@
           <div id="accordion">
             {% for form in formset %}
               <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-success">
                   <div class="row">
                     <div class="col-md-4">
-                      <span class="badge badge-info">
+                      <span class="badge badge-success">
                         Test case {{forloop.counter}}.
                       </span>
                     </div>
                     <div class="ml-auto">
-                      <a class="card-link" data-toggle="collapse" href="#collapse{{form.instance.id}}">
+                      <a class="card-link text-white" data-toggle="collapse" href="#collapse{{form.instance.id}}">
                         Details&nbsp;<i class="fa fa-angle-down"></i></i>
                       </a>
                     </div>
diff --git a/yaksh/templates/yaksh/add_quiz.html b/yaksh/templates/yaksh/add_quiz.html
index 9b80e0d..1609639 100644
--- a/yaksh/templates/yaksh/add_quiz.html
+++ b/yaksh/templates/yaksh/add_quiz.html
@@ -12,6 +12,7 @@
 {% block script %}
 
 <script src="{% static 'yaksh/js/jquery-3.3.1.min.js' %}"></script>
+<script type="text/javascript" src="{% static 'yaksh/js/tinymce/js/tinymce/tinymce.min.js' %}"></script>
 <script src="{% static 'yaksh/js/add_quiz.js' %}"></script>
 <script src="{% static 'yaksh/js/jquery.datetimepicker.full.min.js' %}"></script>
 <script type="text/javascript">
@@ -87,7 +88,6 @@
         </button>
       </div>
       <div class="modal-body">
-        <p>
           <b>Try as student:</b> Attempt quiz the way students will attempt i.e. -
               <ul class="list-group list-group-flush">
                 <li class="list-group-item">Quiz will have the same duration as that of the original quiz.</li>
@@ -95,7 +95,6 @@
                 <li class="list-group-item">You will be notified about quiz prerequisites.(You can still attempt the quiz though)</li>
               </ul>
           <b>Try as teacher:</b> Attempt quiz without any time or eligibilty constraints.
-        </p>
       </div>
     </div>
   </div>
diff --git a/yaksh/templates/yaksh/addteacher.html b/yaksh/templates/yaksh/addteacher.html
index 58f48d9..7f59de6 100644
--- a/yaksh/templates/yaksh/addteacher.html
+++ b/yaksh/templates/yaksh/addteacher.html
@@ -2,15 +2,14 @@
 <center><h3>Add Teachers/TAs</h3><br></center>
 <form action="{% url 'yaksh:search_teacher' course.id %}" method="post">
     {% csrf_token %}
-    <div class="form-group">
+    <div class="input-group">
         <input class="form-control form-control-lg" type="text" name="uname" id="inputLarge" placeholder="Search teachers with username, firstname, lastname, email" required>
+        <div class="input-group-append">
+            <button class="btn btn-info btn-lg" type="submit">
+            <i class="fa fa-search"></i>&nbsp;Search
+            </button>
+        </div>
     </div>
-    <center>
-        <button class="btn btn-info btn-lg" type="submit">
-            <i class="fa fa-search"></i>
-            Search
-        </button>
-    </center>
 </form>
 <br><br>
 
@@ -27,18 +26,29 @@
         <br>
         <form action="{% url 'yaksh:add_teacher' course.id %}" method="post">
         {% csrf_token %}
-        <table class="table table-striped table-responsive-sm course-detail">
-            <th></th>
-            <th>Username</th>
-            <th>First Name</th>
-            <th>Last Name</th>
-            <th>Email</th>
-            <th>Institute</th>
-            <th>Department</th>
-            <th>Position</th>
+        <div class="card">
+        {% if teachers|length > 10 %}
+        <div class="table-responsive" style="height: 700px">
+        {% else %}
+        <div class="table-responsive">
+        {% endif %}
+        <table class="table table-responsive-sm table-dark course-detail">
+            <thead class="thead-dark">
+                <tr>
+                <th></th>
+                <th>Username</th>
+                <th>First Name</th>
+                <th>Last Name</th>
+                <th>Email</th>
+                <th>Institute</th>
+                <th>Department</th>
+                <th>Position</th>
+                </tr>
+            </thead>
+            <tbody class="list">
             {% for teacher in teachers %}
                 {% if teacher not in course.get_teachers %}
-                <tr class="yakshgreen">
+                <tr>
                 <td><input type="checkbox" name="check" value="{{ teacher.id }}"></td>
                 <td>{{ teacher.username }}</td>
                 <td>{{ teacher.first_name }}</td>
@@ -50,7 +60,10 @@
                 </tr>
                 {% endif %}
             {% endfor %}
+            </tbody>
         </table>
+        </div>
+        </div>
         </br>
         <button class="btn btn-success btn-lg" type="submit">
             <i class="fa fa-plus-circle"></i>
diff --git a/yaksh/templates/yaksh/complete.html b/yaksh/templates/yaksh/complete.html
index 2b3897e..4d921e1 100644
--- a/yaksh/templates/yaksh/complete.html
+++ b/yaksh/templates/yaksh/complete.html
@@ -25,28 +25,27 @@
         <center>
         <div class="col-md-8">
             <h3>Submission Status</h3>
-            <table class="table table-bordered table-responsive-sm" >
-                <thead>
-                    <tr class="text-center">
+            <table class="table table-dark table-responsive-sm" >
+                <thead class="thead-dark">
+                    <tr>
                         <th> Question</th>
                         <th> Status </th>
                     </tr>
                 </thead>
-
+                <tbody class="list">
                 {% for question in paper.questions.all %}
-                    <tbody>
-                        {% if question in paper.questions_answered.all %}
-                            <tr class="table-success">
-                            <td> {{ question.summary }} </td>
-                            <td> Attempted </td>
-                        {% else %}
-                            <tr class="table-warning">
-                            <td> {{ question }} </td>
-                            <td> Not completed </td>
-                        {% endif %}
-                        </tr>
-                    </tbody>
+                    {% if question in paper.questions_answered.all %}
+                        <tr>
+                        <td> {{ question.summary }} </td>
+                        <td> <span class="badge badge-success">Attempted</span> </td>
+                    {% else %}
+                        <tr>
+                        <td> {{ question }} </td>
+                        <td> <span class="badge badge-warning">Not Attempted</span> </td>
+                    {% endif %}
+                    </tr>
                 {% endfor %}
+                </tbody>
             </table>
         </div>
         </center>
diff --git a/yaksh/templates/yaksh/course_added_modules.html b/yaksh/templates/yaksh/course_added_modules.html
index d420b95..9119180 100644
--- a/yaksh/templates/yaksh/course_added_modules.html
+++ b/yaksh/templates/yaksh/course_added_modules.html
@@ -1,3 +1,4 @@
+{% load custom_filters %}
 {% if is_modules %}
     {% block pagetitle %} <center> <h3>Course Modules</h3> </center> {% endblock %}
         <a href="{% url 'yaksh:add_module' course.id %}" class="btn btn-primary btn-lg">
@@ -45,11 +46,17 @@
                     <br>
                     {% with module.get_learning_units as units %}
                         {% if units %}
+                        {% if units|length > 5 %}
+                        <div class="table-responsive" style="height: 400px">
+                        {% else %}
+                        <div class="table-responsive">
+                        {% endif %}
                             <p><b><u>Lessons/Quizzes/Exercise</u></b><p>
                             <table class="table table-responsive-sm">
                                 {% for unit in units %}
                                     <tr>
-                                        <td>
+                                        <td>{{forloop.counter}}</td>
+                                        <td width="25%">
                                         {% if unit.type == "quiz" %}
                                             {% if unit.quiz.is_exercise %}
                                                 <a href="{% url 'yaksh:edit_exercise' course.id module.id unit.quiz.id %}">
@@ -69,12 +76,12 @@
                                             {% if quiz.questionpaper_set.get.id %}
                                                 <a href="{% url 'yaksh:designquestionpaper' course.id quiz.id quiz.questionpaper_set.get.id %}" class="btn btn-primary">
                                                   <i class="fa fa-edit"></i>
-                                                  Edit Question Paper
+                                                  Question Paper
                                                 </a>
                                             {% else %}
                                                 <a href="{% url 'yaksh:designquestionpaper' course.id quiz.id %}" class="btn btn-success">
                                                     <i class="fa fa-plus-circle"></i>
-                                                    Add Question Paper
+                                                    Question Paper
                                                 </a>
                                             {% endif %}
                                         {% endwith %}
@@ -95,6 +102,14 @@
                                         </td>
                                         <td>
                                             {% if unit.type == "quiz" %}
+                                                ----
+                                            {% else %}
+                                                {% get_lesson_views course.id unit.lesson.id as views %}
+                                                {{views.0}} completed out of {{views.1}}
+                                            {% endif %}
+                                        </td>
+                                        <td>
+                                            {% if unit.type == "quiz" %}
                                                 {% if unit.quiz.questionpaper_set.get.id %}
                                                     <a href="{% url 'yaksh:show_statistics' unit.quiz.questionpaper_set.get.id course.id %}" class="btn btn-outline-primary">
                                                         <i class="fa fa-line-chart"></i>
@@ -104,14 +119,29 @@
                                                     ----
                                                 {% endif %}
                                             {% else %}
-                                                <a href="{% url 'yaksh:lesson_statistics' course.id unit.lesson.id %}" class="btn btn-outline-primary">
-                                                    <i class="fa fa-line-chart"></i>&nbsp;Statistics
+                                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+                                                <button type="button" class="btn btn-outline-primary">
+                                                    <i class="fa fa-line-chart"></i>
+                                                    Statistics
+                                                </button>
+                                                <div class="btn-group" role="group">
+                                                <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
+                                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
+                                                <a class="dropdown-item" href="{% url 'stats:view_lesson_watch_stats' course.id unit.lesson.id %}">
+                                                    Video Views
                                                 </a>
+                                                <a class="dropdown-item" href="{% url 'yaksh:lesson_statistics' course.id unit.lesson.id %}">
+                                                    Quiz Submissions
+                                                </a>
+                                                </div>
+                                                </div>
+                                                </div>
                                             {% endif %}
                                         </td>
                                     </tr>
                                 {% endfor %}
                             </table>
+                        </div>
                         {% else %}
                             <center>
                                 <span class="badge badge-warning">
diff --git a/yaksh/templates/yaksh/course_detail.html b/yaksh/templates/yaksh/course_detail.html
index 654f373..8661aea 100644
--- a/yaksh/templates/yaksh/course_detail.html
+++ b/yaksh/templates/yaksh/course_detail.html
@@ -24,69 +24,70 @@
     <p id="error_msg"></p>
 </div>
 <div class="container-fluid">
-    <div class="row">
-        <div class="col-sm-3">
-            {% include "yaksh/course_detail_options.html" %}
-        </div>
-        <div class="col-md-9">
-            <div class="tab-content">
-                {% if messages %}
-                    {% for message in messages %}
-                    <div class="alert alert-dismissible alert-{{ message.tags }}">
-                        <button type="button" class="close" data-dismiss="alert">
-                            <i class="fa fa-close"></i>
-                        </button>
-                        <strong>{{ message }}</strong>
-                    </div>
-                    {% endfor %}
-                {% endif %}
-                {% if is_students %}
-                    {% include "yaksh/course_students.html" %}
-                {% elif is_mail %}
-                    {% include "yaksh/course_send_mail.html" %}
-                {% elif is_progress %}
-                    {% include "yaksh/course_progress.html" %}
-                {% elif is_modules %}
-                    {% include "yaksh/course_added_modules.html" %}
-                {% elif is_design_course %}
-                    {% include "yaksh/design_course_session.html" %}
-                {% elif is_add_teacher %}
-                    {% include "yaksh/addteacher.html" %}
-                {% elif is_teachers %}
-                    {% include "yaksh/course_teachers.html" %}
-                {% else %}
-                    <div class="jumbotron">
-                        <h1 class="display-4">Manage Course</h1>
-                        <hr class="my-4">
-                        <p>
-                            <ul>
-                                <li>
-                                    Students enrollments
-                                </li>
-                                <li>
-                                    Add and View Modules, Lessons and Quizzes
-                                </li>
-                                <li>
-                                    Send mail to the students
-                                </li>
-                                <li>
-                                    View Students course progress
-                                </li>
-                                <li>
-                                    Add and View Teachers/TAs
-                                </li>
-                            </ul>
-                        </p>
-                        <p class="lead">
-                            <a class="btn btn-primary btn-lg" href="https://yaksh.readthedocs.io/en/latest/moderator_docs/creating_course.html" role="button" target="blank">
-                                <i class="fa fa-info-circle"></i>
-                                Learn more
-                            </a>
-                        </p>
-                    </div>
-                {% endif %}
+    <div class="justify-content-center">
+        {% include "yaksh/course_detail_options.html" %}
+    </div>
+</div>
+<br><br>
+<div class="container">
+    <div class="tab-content">
+        {% if messages %}
+            {% for message in messages %}
+            <div class="alert alert-dismissible alert-{{ message.tags }}">
+                <button type="button" class="close" data-dismiss="alert">
+                    <i class="fa fa-close"></i>
+                </button>
+                <strong>{{ message }}</strong>
+            </div>
+            {% endfor %}
+        {% endif %}
+        {% if is_students %}
+            {% include "yaksh/course_students.html" %}
+        {% elif is_mail %}
+            {% include "yaksh/course_send_mail.html" %}
+        {% elif is_progress %}
+            {% include "yaksh/course_progress.html" %}
+        {% elif is_modules %}
+            {% include "yaksh/course_added_modules.html" %}
+        {% elif is_design_course %}
+            {% include "yaksh/design_course_session.html" %}
+        {% elif is_add_teacher %}
+            {% include "yaksh/addteacher.html" %}
+        {% elif is_teachers %}
+            {% include "yaksh/course_teachers.html" %}
+        {% elif is_upload_download_md %}
+            {% include "yaksh/upload_download_course_md.html" %}
+        {% else %}
+            <div class="jumbotron">
+                <h1 class="display-4">Manage Course</h1>
+                <hr class="my-4">
+                <p>
+                    <ul>
+                        <li>
+                            Students enrollments
+                        </li>
+                        <li>
+                            Add and View Modules, Lessons and Quizzes
+                        </li>
+                        <li>
+                            Send mail to the students
+                        </li>
+                        <li>
+                            View Students course progress
+                        </li>
+                        <li>
+                            Add and View Teachers/TAs
+                        </li>
+                    </ul>
+                </p>
+                <p class="lead">
+                    <a class="btn btn-primary btn-lg" href="https://yaksh.readthedocs.io/en/latest/moderator_docs/creating_course.html" role="button" target="blank">
+                        <i class="fa fa-info-circle"></i>
+                        Learn more
+                    </a>
+                </p>
             </div>
-        </div>
+        {% endif %}
     </div>
 </div>
 {% endblock %}
diff --git a/yaksh/templates/yaksh/course_detail_options.html b/yaksh/templates/yaksh/course_detail_options.html
index 4dd4dda..f9393ed 100644
--- a/yaksh/templates/yaksh/course_detail_options.html
+++ b/yaksh/templates/yaksh/course_detail_options.html
@@ -1,47 +1,51 @@
-<ul class="nav nav-pills list-group">
+<a href="{% url 'yaksh:courses' %}" class="btn btn-primary" title="View all the courses" data-placement="top" data-toggle="tooltip">
+    <i class="fa fa-arrow-left"></i>&nbsp;Back
+</a>
+<br><br>
+<ul class="nav nav-pills nav-fill flex-column flex-sm-row" role="tablist">
     <li class="nav-item">
-        <a href="{% url 'yaksh:courses' %}" class="nav-link list-group-item" title="View all the courses" data-placement="top" data-toggle="tooltip">
-            Back to Courses
+        <a href="{% url 'yaksh:course_students' course.id %}" id="enroll-students" class="nav-link  {% if is_students %} active {% endif %}" title="View the course requested, rejected and enrolled students" data-placement="top" data-toggle="tooltip">
+            Enrollments
         </a>
     </li>
     <li class="nav-item">
-        <a href="{% url 'yaksh:course_students' course.id %}" id="enroll-students" class="nav-link list-group-item {% if is_students %} active {% endif %}" title="View the course requested, rejected and enrolled students" data-placement="top" data-toggle="tooltip">
-            Enroll Students
-        </a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link list-group-item {% if is_modules %} active {% endif %}" href="{% url 'yaksh:get_course_modules' course.id %}" title="View modules added to the course" data-placement="top" data-toggle="tooltip">
+        <a class="nav-link {% if is_modules %} active {% endif %}" href="{% url 'yaksh:get_course_modules' course.id %}" title="View modules added to the course" data-placement="top" data-toggle="tooltip">
         Course Modules
         </a>
     </li>
     <li class="nav-item">
-        <a class="nav-link list-group-item {% if is_design_course %} active {% endif %}" href="{% url 'yaksh:design_course' course.id %}" title="Additional course settings" data-placement="top" data-toggle="tooltip">
+        <a class="nav-link {% if is_design_course %} active {% endif %}" href="{% url 'yaksh:design_course' course.id %}" title="Additional course settings" data-placement="top" data-toggle="tooltip">
         Design Course
         </a>
     </li>
     <li class="nav-item">
-        <a href="{% url 'yaksh:course_status' course.id %}" class="nav-link list-group-item {% if is_progress %} active {% endif %}" title="View Students course progress" data-placement="top" data-toggle="tooltip">
+        <a href="{% url 'yaksh:course_status' course.id %}" class="nav-link {% if is_progress %} active {% endif %}" title="View Students course progress" data-placement="top" data-toggle="tooltip">
             Course Progress
         </a>
     </li>
     <li class="nav-item">
-        <a href="{% url 'yaksh:send_mail' course.id %}" class="nav-link list-group-item {% if is_mail %} active {% endif %}" title="Send mail to course students" data-placement="top" data-toggle="tooltip">
+        <a href="{% url 'yaksh:send_mail' course.id %}" class="nav-link {% if is_mail %} active {% endif %}" title="Send mail to course students" data-placement="top" data-toggle="tooltip">
             Send Mail
         </a>
     </li>
     <li class="nav-item">
-        <a href="{% url 'yaksh:course_forum' course.id %}" class="nav-link list-group-item" title="Discussion forum of this course" data-placement="top" data-toggle="tooltip">
+        <a href="{% url 'yaksh:course_forum' course.id %}" class="nav-link" title="Discussion forum of this course" data-placement="top" data-toggle="tooltip">
             Discussion Forum
         </a>
     </li>
     <li class="nav-item">
-        <a class="nav-link list-group-item {% if is_add_teacher %} active {% endif %}" href="{% url 'yaksh:search_teacher' course.id %}" data-toggle="tooltip" title="Add Teachers/TAs to this course" data-placement="top">
+        <a class="nav-link {% if is_add_teacher %} active {% endif %}" href="{% url 'yaksh:search_teacher' course.id %}" data-toggle="tooltip" title="Add Teachers/TAs to this course" data-placement="top">
         Add Teachers/TAs
         </a>
     </li>
     <li class="nav-item">
-        <a class="nav-link list-group-item {% if is_teachers %} active {% endif %}" href="{% url 'yaksh:course_teachers' course.id %}" data-toggle="tooltip" title="View all the Teachers/TAs for this course" data-placement="top">
+        <a class="nav-link {% if is_teachers %} active {% endif %}" href="{% url 'yaksh:course_teachers' course.id %}" data-toggle="tooltip" title="View all the Teachers/TAs for this course" data-placement="top">
         Current Teachers/TAs
         </a>
     </li>
+    <li class="nav-item">
+        <a class="nav-link list-group-item {% if is_upload_download_md %} active {% endif %}" href="{% url 'yaksh:upload_download_course_md' course.id %}" data-toggle="tooltip" title="Upload / Download MD files" data-placement="top">
+        Upload / Download MD
+        </a>
+    </li>
 </ul>
\ No newline at end of file
diff --git a/yaksh/templates/yaksh/course_forum.html b/yaksh/templates/yaksh/course_forum.html
index b98688b..86195dd 100644
--- a/yaksh/templates/yaksh/course_forum.html
+++ b/yaksh/templates/yaksh/course_forum.html
@@ -5,7 +5,6 @@
 {% endblock title %}
 {% block content %}
     <div id="wrapper" class="d-flex">
-        {% include "yaksh/sidebar.html" %}
         <div class="container" id="page-content-wrapper">
             <div>
                 <h2><center>{{course.name}}</center></h2>
@@ -69,6 +68,8 @@
               </div>
             </div>
             <br>
+            {% include "yaksh/sidebar.html" %}
+            <br>
             {% with objects as posts %}
                 {% if posts %}
                     <div class="row justify-content-center">
@@ -93,8 +94,14 @@
                     <br>
                     {% include "yaksh/paginator.html" %}
                     <br>
-                    <table id="posts_table" class="tablesorter table">
-                        <thead class="thread-inverse">
+                    <div class="card">
+                    {% if posts|length > 10 %}
+                    <div class="table-responsive" style="height: 700px">
+                    {% else %}
+                    <div class="table-responsive">
+                    {% endif %}
+                    <table id="posts_table" class="table table-responsive-sm">
+                        <thead class="thread-inverse thead-light">
                             <tr>
                                 <th width="700">Posts</th>
                                 <th>Created by</th>
@@ -103,12 +110,12 @@
                                 <th></th>
                             </tr>
                         </thead>
-                        <tbody>
+                        <tbody class="list">
                             {% for post in posts %}
                                 <tr>
                                     <td>
                                         <a href="{% url 'yaksh:post_comments' course.id post.uid %}">{{post.title}}</a>
-                                        <small class="text-muted d-block">{{ post.description|truncatewords:30 }}</small>
+                                        <small class="text-muted d-block">{{ post.description|truncatewords:10 }}</small>
                                         <small class="text-muted"><strong>Last updated: {{post.modified_at}}</strong></small>
                                     </td>
                                     <td>
@@ -137,6 +144,8 @@
                             {% endfor %}
                         </tbody>
                     </table>
+                    </div>
+                    </div>
                     <br>
                     {% include "yaksh/paginator.html" %}
                 {% else %}
diff --git a/yaksh/templates/yaksh/course_modules.html b/yaksh/templates/yaksh/course_modules.html
index b808562..39b9c97 100644
--- a/yaksh/templates/yaksh/course_modules.html
+++ b/yaksh/templates/yaksh/course_modules.html
@@ -7,7 +7,7 @@
     <div class="card">
         <div class="card-header">
             {{ course.name }}
-            <a href="{% url "yaksh:course_forum" course.id %}" class="btn btn-info pull-right">Discussion Forum</a>
+            <a href="{% url 'yaksh:course_forum' course.id %}" class="btn btn-info pull-right">Discussion Forum</a>
         </div>
         <div class="card-body">
             {% if course.view_grade %}
@@ -24,155 +24,173 @@
                 </div>
             {% endif %}
             {% if modules %}
-            <strong>Overall Course Progress:</strong>
-            <div class="progress">
-                {% if course_percentage %}
-                    {% if course_percentage <= 50 %}
-                        <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{course_percentage}}"
-                        aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
-                    {% elif course_percentage <= 75 %}
-                        <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{course_percentage}}"
-                        aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
-                    {% else %}
-                        <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{course_percentage}}"
-                        aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
-                    {% endif %}
-                    <b style="color: white;">{{course_percentage}}% Completed</b>
+            <div class="progress-wrapper">
+                <div class="progress-info">
+                    <div class="progress-label">
+                      <span>Course completed</span>
+                    </div>
+                    <div class="progress-percentage">
+                      <span>
+                        {% if course_percentage %} {{course_percentage}} {% else %} 0 {% endif %}%
+                      </span>
                     </div>
-                {% else %}
-                    <b style="color: black;">0% Completed</b>
-                {% endif %}
+                </div>
+                <div class="progress">
+                    {% if course_percentage %}
+                        {% if course_percentage <= 50 %}
+                            <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{course_percentage}}"
+                            aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
+                            </div>
+                        {% elif course_percentage <= 75 %}
+                            <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{course_percentage}}"
+                            aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
+                            </div>
+                        {% else %}
+                            <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{course_percentage}}"
+                            aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
+                            </div>
+                        {% endif %}
+                    {% endif %}
+                </div>
             </div>
             {% else %}
                 <div class="alert alert-danger">
                     <strong>No lectures found</strong>
                 </div>
             {% endif %}
-            <br>
-            {% for module, percent in modules %}
-            <div class="accordian-{{module.id}}">
-                <div class="card">
-                    <div class="card-header">
-                        <div class="row">
-                            <div class="col-md-4">
-                                {{ module.name|title }}
+        </div>
+    </div>
+    <br>
+    {% for module, percent in modules %}
+    <div class="accordian-{{module.id}}">
+        <div class="card">
+            <div class="card-header">
+                <div class="row">
+                    <div class="col-md-4">
+                        {{ module.name|title }}
+                    </div>
+                    <div class="col-md-3">
+                        <a class="card-link btn btn-outline-info" data-toggle="collapse" href="#collapse-{{module.id}}">
+                            Details&nbsp;<i class="fa fa-toggle-down"></i>
+                        </a>
+                    </div>
+                    <div class="col-md-2">
+                        <a href="{% url 'yaksh:view_module' module.id course.id %}">
+                        {% get_module_status user module course as module_status %}
+                        {% if module_status == "completed" %}
+                        <div class="btn btn-info ">
+                            View
+                        </div>
+                        {% elif module_status == "inprogress" %}
+                        <div class="btn btn-primary">
+                            Continue
+                        </div>
+                        {% else %}
+                        <div class="btn btn-success ">
+                            Start
+                        </div>
+                        {% endif %}
+                        </a>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="progress-wrapper">
+                        <div class="progress-info">
+                            <div class="progress-label">
+                              <span>Module completed</span>
                             </div>
-                            <div class="col-md-3">
-                                <a class="card-link btn btn-outline-info" data-toggle="collapse" href="#collapse-{{module.id}}">
-                                    Details&nbsp;<i class="fa fa-toggle-down"></i>
-                                </a>
+                            <div class="progress-percentage">
+                              <span>
+                                {% if percent %} {{percent}} {% else %} 0 {% endif %}%
+                              </span>
                             </div>
-                            <div class="col-md-2">
-                                <a href="{% url 'yaksh:view_module' module.id course.id %}">
+                        </div>
+                        <div class="progress">
+                            {% if percent %}
                                 {% get_module_status user module course as module_status %}
                                 {% if module_status == "completed" %}
-                                <div class="btn btn-info ">
-                                    View
-                                </div>
+                                  <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
+                                  aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%"></div>
                                 {% elif module_status == "inprogress" %}
-                                <div class="btn btn-primary">
-                                    Continue
-                                </div>
-                                {% else %}
-                                <div class="btn btn-success ">
-                                    Start
-                                </div>
+                                  <div class="progress-bar bg-warning" role="progressbar"
+                                  aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%"></div>
                                 {% endif %}
-                                </a>
-                            </div>
-                            <div class="col-md-3">
-                                <div class="progress bg-white">
-                                    {% if percent %}
-                                        {% get_module_status user module course as module_status %}
-                                        {% if module_status == "completed" %}
-                                          <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
-                                          aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                                        {% elif module_status == "inprogress" %}
-                                          <div class="progress-bar bg-warning" role="progressbar"
-                                          aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                                        {% endif %}
-                                        <b style="color: white;">{{percent}}% Completed</b>
-                                        </div>
-                                    {% else %}
-                                        <b style="color: black;">0% Completed</b>
-                                    {% endif %}
-                                </div>
-                            </div>
+                            {% endif %}
                         </div>
-                    </div>
-                    <div id="collapse-{{module.id}}" class="collapse hide" data-parent="#accordion-{{module.id}}">
-                        <div class="card-body">
-                            <table class="table yakshwell">
-                                {% for unit in module.get_learning_units %}
-                                <tr>
-                                    <td>
-                                    {% if unit.type == "quiz" %}
-                                        {% if unit.quiz.is_exercise %}
-                                            <span class="fa fa-pencil"></span>
-                                        {% else %}
-                                            <span class="fa fa-puzzle-piece"></span>
-                                        {% endif %}
-                                    {% else %}
-                                        <span class="fa fa-book"></span>
-                                    {% endif %}
-                                    </td>
-                                    <td>
-                                    {% if unit.type == "quiz" %}
-                                        {{unit.quiz.description}}
-                                    {% else %}
-                                        {{unit.lesson.name}}
-                                    {% endif %}
-                                    </td>
-                                    <td>
-                                        {% if unit.type == "lesson" %}
-                                            <a href="{% url 'yaksh:show_lesson' unit.lesson.id module.id course.id %}" class="btn btn-outline-info">
-                                                View
-                                            </a>
-                                        {% else %}
-                                            {% if unit.quiz.questionpaper_set.get %}
-                                                <a href="{% url 'yaksh:start_quiz' unit.quiz.questionpaper_set.get.id module.id course.id %}" class="btn btn-outline-info">
-                                                    View
-                                                </a>
-                                            {% endif %}
-                                        {% endif %}
-                                    </td>
-                                    <td>
-                                    {% get_unit_status course module unit user as status %}
-                                    {% if status == "completed" %}
-                                        <span class="badge badge-success">{{status|title}}
-                                        </span>
-                                    {% elif status == "inprogress" %}
-                                        <span class="badge badge-info">{{status|title}}
-                                        </span>
-                                    {% else %}
-                                        <span class="badge badge-warning">{{status|title}}
-                                        </span>
-                                    {% endif %}
-                                    </td>
-                                    <td>
-                                    {% if unit.type == "quiz" %}
-                                        {% if unit.quiz.view_answerpaper %}
-                                            <a href="{% url 'yaksh:view_answerpaper' unit.quiz.questionpaper_set.get.id course.id %}" >
-                                            <i class="fa fa-eye"></i>&nbsp;Answer paper</a>
-                                        {% else %}
-                                            <a >
-                                            <i class="fa fa-eye-slash" aria-hidden="true">
-                                            </i>Answer paper</a>
-                                        {% endif %}
-                                    {% else %}
-                                        ------
-                                    {% endif %}
-                                    </td>
-                                </tr>
-                                {% endfor %}
-                            </table>
                         </div>
                     </div>
                 </div>
             </div>
-            <br>
-            {% endfor %}
+            <div id="collapse-{{module.id}}" class="collapse hide" data-parent="#accordion-{{module.id}}">
+                <div class="card-body">
+                    <table class="table table-responsive-sm">
+                        {% for unit in module.get_learning_units %}
+                        <tr>
+                            <td>
+                            {% if unit.type == "quiz" %}
+                                {% if unit.quiz.is_exercise %}
+                                    <span class="fa fa-pencil"></span>
+                                {% else %}
+                                    <span class="fa fa-puzzle-piece"></span>
+                                {% endif %}
+                            {% else %}
+                                <span class="fa fa-book"></span>
+                            {% endif %}
+                            </td>
+                            <td>
+                            {% if unit.type == "quiz" %}
+                                {{unit.quiz.description}}
+                            {% else %}
+                                {{unit.lesson.name}}
+                            {% endif %}
+                            </td>
+                            <td>
+                                {% if unit.type == "lesson" %}
+                                    <a href="{% url 'yaksh:show_lesson' unit.lesson.id module.id course.id %}" class="btn btn-outline-info">
+                                        View
+                                    </a>
+                                {% else %}
+                                    {% if unit.quiz.questionpaper_set.get %}
+                                        <a href="{% url 'yaksh:start_quiz' unit.quiz.questionpaper_set.get.id module.id course.id %}" class="btn btn-outline-info">
+                                            View
+                                        </a>
+                                    {% endif %}
+                                {% endif %}
+                            </td>
+                            <td>
+                            {% get_unit_status course module unit user as status %}
+                            {% if status == "completed" %}
+                                <span class="badge badge-success">{{status|title}}
+                                </span>
+                            {% elif status == "inprogress" %}
+                                <span class="badge badge-info">{{status|title}}
+                                </span>
+                            {% else %}
+                                <span class="badge badge-warning">{{status|title}}
+                                </span>
+                            {% endif %}
+                            </td>
+                            <td>
+                            {% if unit.type == "quiz" %}
+                                {% if unit.quiz.view_answerpaper %}
+                                    <a href="{% url 'yaksh:view_answerpaper' unit.quiz.questionpaper_set.get.id course.id %}" >
+                                    <i class="fa fa-eye"></i>&nbsp;Answer paper</a>
+                                {% else %}
+                                    <a >
+                                    <i class="fa fa-eye-slash" aria-hidden="true">
+                                    </i>Answer paper</a>
+                                {% endif %}
+                            {% else %}
+                                ------
+                            {% endif %}
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </table>
+                </div>
+            </div>
         </div>
     </div>
+    <br>
+    {% endfor %}
 </div>
 {% endblock %}
diff --git a/yaksh/templates/yaksh/course_progress.html b/yaksh/templates/yaksh/course_progress.html
index 826f84b..2d3dbf7 100644
--- a/yaksh/templates/yaksh/course_progress.html
+++ b/yaksh/templates/yaksh/course_progress.html
@@ -18,8 +18,14 @@
         </div>
         <br>
         {% include "yaksh/paginator.html" %}
-        <table class="tablesorter table table-bordered table-responsive-sm" id="course_table" data-sortlist="[0,0]">
-        <thead>
+        <div class="card">
+        {% if student_details|length > 10 %}
+        <div class="table-responsive" style="height: 700px">
+        {% else %}
+        <div class="table-responsive">
+        {% endif %}
+        <table class="table table-responsive-sm" id="course_table" data-sortlist="[0,0]">
+        <thead class="thead-light">
             <tr>
                 <th>Sr. No</th>
                 <th>Roll No.</th>
@@ -29,7 +35,7 @@
                 <th>Grade</th>
             </tr>
         </thead>
-        <tbody>
+        <tbody class="list">
             {% for student, grade, percent, unit in student_details %}
                 <tr>
                     <td>{{forloop.counter}}</td>
@@ -66,6 +72,8 @@
             {% endfor %}
         </tbody>
         </table>
+        </div>
+        </div>
         {% include "yaksh/paginator.html" %}
     {% else %}
         <center>
diff --git a/yaksh/templates/yaksh/course_send_mail.html b/yaksh/templates/yaksh/course_send_mail.html
index 57442a6..ce79739 100644
--- a/yaksh/templates/yaksh/course_send_mail.html
+++ b/yaksh/templates/yaksh/course_send_mail.html
@@ -9,12 +9,10 @@
                 <textarea name="subject" class="form-control" id="subject" placeholder="Email Subject"></textarea>
                 <br><br>
                 <textarea name="body" id="email_body"></textarea><br>
-                Attachments: 
-                <div class="input-group mb-3">
-                    <div class="custom-file">
-                        <input type="file" class="custom-file-input" name="email_attach" id="upload" multiple="">
-                        <label class="custom-file-label" for="upload">Choose file</label>
-                    </div>
+                Attachments:
+                <div class="custom-file">
+                    <input type="file" class="custom-file-input" name="email_attach" id="upload" multiple="">
+                    <label class="custom-file-label" for="upload">Choose file</label>
                 </div>
                 <br>
             </div>
@@ -23,15 +21,21 @@
         <input type="checkbox" class="send_check"/>&nbsp;
         <font size="5">Select all</font>
         <div id="sender_list">
-            <table id="mail_table" class="tablesorter table table-striped table-responsive-sm course-detail" data-sortlist="[1,0]">
-                <thead>
+            <div class="card">
+            {% if enrolled|length > 10 %}
+            <div class="table-responsive" style="height: 700px">
+            {% else %}
+            <div class="table-responsive">
+            {% endif %}
+            <table id="mail_table" class="table table-responsive-sm table-dark course-detail" data-sortlist="[1,0]">
+                <thead class="thead-dark">
                     <th></th>
                     <th>Full Name&nbsp;<i class="fa fa-sort"></i></th>
                     <th>Email&nbsp;<i class="fa fa-sort"></i></th>
                     <th>Roll Number&nbsp;<i class="fa fa-sort"></i></th>
                     <th>Institute&nbsp;<i class="fa fa-sort"></i></th>
                 </thead>
-                <tbody>
+                <tbody class="list">
                     {% for enroll in enrolled %}
                         <tr>
                         <td>
@@ -48,6 +52,8 @@
                     {% endfor %}
                 </tbody>
             </table>
+            </div>
+            </div>
             <button class="btn btn-success btn-lg" type="submit" name='send_mail' value='send_mail' id="send_mail">
                 Send Mail
             </button>
diff --git a/yaksh/templates/yaksh/course_students.html b/yaksh/templates/yaksh/course_students.html
index e8ca800..40ac759 100644
--- a/yaksh/templates/yaksh/course_students.html
+++ b/yaksh/templates/yaksh/course_students.html
@@ -11,17 +11,16 @@
     <div class="card-body">
         <form id="upload_users" action="{% url 'yaksh:upload_users' course.id %}" method="POST" enctype="multipart/form-data">
             {% csrf_token %}
-            <div class="input-group mb-3">
-                <div class="custom-file">
-                    <input type="file" class="custom-file-input" name="csv_file" id="upload"/>
-                    <label class="custom-file-label" for="upload">Choose file</label>
-                </div>
-                <div class="input-group-append">
-                    <button class="btn btn-outline-primary" type="submit">
-                        <i class="fa fa-upload"></i>
-                        Upload
-                    </button>
-                </div>
+            <div class="custom-file">
+                <input type="file" class="custom-file-input" name="csv_file" id="upload"/>
+                <label class="custom-file-label" for="upload">Choose file</label>
+            </div>
+            <br><br>
+            <div class="input-group-append">
+                <button class="btn btn-outline-primary" type="submit">
+                    <i class="fa fa-upload"></i>
+                    Upload
+                </button>
             </div>
         </form>
         <hr>
@@ -59,8 +58,14 @@
         <div id="enroll-all">
             <form action="{% url 'yaksh:enroll_reject_user' course.id %}" method="post">
                 {% csrf_token %}
-                <table id="requested_table" class="tablesorter table table-striped table-responsive-sm course-detail" data-sortlist="[1,0]">
-                    <thead>
+                <div class="card">
+                    {% if requested_users|length > 10 %}
+                    <div class="table-responsive" style="height: 700px">
+                    {% else %}
+                    <div class="table-responsive">
+                    {% endif %}
+                <table id="requested_table" class="table table-responsive-sm table-dark course-detail" data-sortlist="[1,0]">
+                    <thead class="thead-dark">
                         <th></th>
                         <th>Full Name <i class="fa fa-sort"></i></th>
                         <th>Email <i class="fa fa-sort"></i></th>
@@ -69,7 +74,7 @@
                         <th>Department <i class="fa fa-sort"></i></th>
                         <th>Enroll/Reject</th>
                     </thead>
-                    <tbody>
+                    <tbody class="list">
                         {% for user in requested_users %}
                         <tr>
                         <td>
@@ -97,10 +102,14 @@
                         {% endfor %}
                     </tbody>
                 </table>
-                <input class="btn btn-success btn-lg" type="submit" name='enroll' value='enroll selected'>
-                </input>
-                <input class="btn btn-danger btn-lg" type="submit" name='reject' value='reject selected'>
-                </input>
+                </div>
+                </div>
+                <button class="btn btn-danger" type="submit" name="reject">
+                    <i class="fa fa-minus-square"></i>&nbsp;Reject selected
+                </button>
+                <button class="btn btn-success" type="submit" name="enroll">
+                    <i class="fa fa-plus-square"></i>&nbsp;Enroll selected
+                </button>
             </form>                                   
         </div>
     {% else %}
@@ -126,8 +135,14 @@
         <div id="reject">
             <form action="{% url 'yaksh:reject_enrolled_users' course.id %}" method="post" id="reject-form">
                 {% csrf_token %}
-                <table id="enrolled_table" class="tablesorter table table-striped table-responsive-sm course-detail" data-sortlist="[1,0]" style="width: 100%">
-                    <thead>
+                <div class="card">
+                    {% if enrolled_users|length > 10 %}
+                    <div class="table-responsive" style="height: 700px">
+                    {% else %}
+                    <div class="table-responsive">
+                    {% endif %}
+                <table id="enrolled_table" class="table table-responsive-sm table-dark" data-sortlist="[1,0]">
+                    <thead class="thead-dark">
                     <th></th>
                     <th>Full Name <i class="fa fa-sort"></i></th>
                     <th>Email <i class="fa fa-sort"></i></th>
@@ -136,7 +151,7 @@
                     <th>Department <i class="fa fa-sort"></i></th>
                     <th>Reject</th>
                     </thead>
-                    <tbody>
+                    <tbody class="list">
                     {% for user in enrolled_users %}
                         <tr>
                         <td>
@@ -160,8 +175,11 @@
                     {% endfor %}
                     </tbody>
                 </table>
-                <input class="btn btn-danger btn-lg" type="submit" name='reject' value='reject selected'>
-                </input>
+                </div>
+                </div>
+                <button class="btn btn-danger" type="submit" name="reject">
+                    <i class="fa fa-minus-square"></i>&nbsp;Reject selected
+                </button>
             </form>
         </div>
     {% else %}
@@ -188,8 +206,15 @@
     <div id="enroll">
         <form action="{% url 'yaksh:enroll_rejected_users' course.id %}" method="post">
             {% csrf_token %}
-            <table id="rejected_table" class="tablesorter table table-striped table-responsive-sm course-detail" data-sortlist="[1,0]">
-                <thead>
+            <div class="card">
+                {% if rejected_users|length > 10 %}
+                <div class="table-responsive" style="height: 700px">
+                {% else %}
+                <div class="table-responsive">
+                {% endif %}
+            <table id="rejected_table" class="table table-responsive-sm table-dark course-detail" data-sortlist="[1,0]">
+                <thead class="thead-dark">
+                    <th></th>
                     <th>Full Name <i class="fa fa-sort"></i></th>
                     <th>Email <i class="fa fa-sort"></i></th>
                     <th>Roll Number <i class="fa fa-sort"></i></th>
@@ -197,7 +222,7 @@
                     <th>Department <i class="fa fa-sort"></i></th>
                     <th>Enroll</th>
                 </thead>
-                <tbody>
+                <tbody class="list">
                     {% for user in rejected_users %}
                         <tr>
                         <td>
@@ -221,9 +246,12 @@
                     {% endfor %}
                 </tbody>
             </table>
+            </div>
+            </div>
             <br>
-            <input class="btn btn-success btn-lg" type="submit" name='enroll' value='enroll selected'>
-            </input>
+            <button class="btn btn-success" type="submit" name="enroll">
+                <i class="fa fa-plus-square"></i>&nbsp;Enroll selected
+            </button>
             <br>                         
         </form>
     </div>
diff --git a/yaksh/templates/yaksh/course_teachers.html b/yaksh/templates/yaksh/course_teachers.html
index ebbbb57..1a32e51 100644
--- a/yaksh/templates/yaksh/course_teachers.html
+++ b/yaksh/templates/yaksh/course_teachers.html
@@ -5,12 +5,21 @@
     <form action="{% url 'yaksh:remove_teacher' course.id %}" method="post">
     {% csrf_token %}
     <div class="container">
-        <table class="table table-responsive-sm course-detail">
+        <div class="card">
+        {% if teachers|length > 10 %}
+        <div class="table-responsive" style="height: 700px">
+        {% else %}
+        <div class="table-responsive">
+        {% endif %}
+        <table class="table table-responsive-sm table-dark course-detail">
+            <thead class="thead-dark">
             <tr>
                 <th>Select</th>
                 <th>Name</th>
                 <th>Email</th>
             </tr>
+            </thead>
+            <tbody class="list">
             {% for teacher in teachers %}
                 <tr>
                     <td><input type="checkbox" name="remove" value="{{ teacher.id }}"></td>
@@ -18,7 +27,10 @@
                     <td>{{ teacher.email }}</td>
                 </tr>
             {% endfor %}
-        <table>
+            </tbody>
+        </table>
+        </div>
+        </div>
     </div>
     <br>
     <button class="btn btn-danger" type="submit" data-toggle="tooltip" title="Remove Selected Teachers from this course">
diff --git a/yaksh/templates/yaksh/courses.html b/yaksh/templates/yaksh/courses.html
index 151e1fb..b9e48d6 100644
--- a/yaksh/templates/yaksh/courses.html
+++ b/yaksh/templates/yaksh/courses.html
@@ -10,125 +10,254 @@
 
 {% block content %}
 <div class="container-fluid">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8">
-                <ul class="nav nav-pills" id="course_tabs">
-                    <li class="nav-item">
-                        <a class="nav-link {% if created %}active{% endif %}" href="{% url 'yaksh:courses' %}">
-                            My Courses
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="{% url 'yaksh:add_course' %}">
-                            Add/Edit Course
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="{% url 'grades:grading_systems'%}" class="nav-link" >
-                            Add/View Grading Systems
-                        </a>
-                    </li>
-                </ul>
-            </div>
+    <div class="row">
+        <div class="col-md-8">
+            <ul class="nav nav-pills" id="course_tabs">
+                <li class="nav-item">
+                    <a class="nav-link {% if created %}active{% endif %}" href="{% url 'yaksh:courses' %}">
+                        My Courses
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="{% url 'yaksh:add_course' %}">
+                        Add/Edit Course
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{% url 'grades:grading_systems'%}" class="nav-link" >
+                        Add/View Grading Systems
+                    </a>
+                </li>
+            </ul>
         </div>
     </div>
-    <div class="container">
+    <br>
+    <div>
         {% if not objects %}
             <br><br>
             <div class="alert alert-info">
                 <center> <h3> No Courses Found </h3> </center>
             </div>
         {% else %}
-            <hr>
-            <form name=frm action="" method="get">
-                <div class="card">
-                    <div class="card-header">
-                        <h3>Search/Filter Courses</h3>
-                    </div>
-                    <div class="card-body">
-                        <div class="row">
-                            <div class="col-md-6">
-                                {{ form.search_tags }}
+            <div class="row">
+                <div class="col">
+                    <form name=frm action="" method="get">
+                        <div class="card">
+                            <div class="card-header">
+                                <h3>Search/Filter Courses</h3>
                             </div>
-                            <div class="col-md-3">
-                                {{ form.search_status }}
+                            <div class="card-body">
+                                <div>
+                                    {{form.search_tags}}
+                                    <br>
+                                    {{form.search_status}}
+                                </div>
+                                <br>
+                                <button class="btn btn-outline-success" type="submit">
+                                    <i class="fa fa-search"></i>&nbsp;Search
+                                </button>
+                                <a class="btn btn-outline-danger" href="{% url 'yaksh:courses' %}">
+                                    <i class="fa fa-times"></i>&nbsp;Clear
+                                </a>
                             </div>
                         </div>
-                        <br>
-                        <button class="btn btn-outline-success" type="submit">
-                            <i class="fa fa-search"></i>&nbsp;Search
-                        </button>
-                        <a class="btn btn-outline-danger" href="{% url 'yaksh:courses' %}">
-                            <i class="fa fa-times"></i>&nbsp;Clear
-                        </a>
-                    </div>
+                    </form>
                 </div>
-            </form>
-            <hr>
-            <center><h4 class="badge badge-success">{{ courses_found }} Course(s) Available</h4></center>
+                <div id="course-list">
+                    <center><h4 class="badge badge-success">{{ courses_found }} Course(s) Available</h4></center>
 
-            {% if messages %}
-                {% for message in messages %}
-                <div class="alert alert-dismissible alert-{{ message.tags }}">
-                    <button type="button" class="close" data-dismiss="alert">
-                        <i class="fa fa-close"></i>
-                    </button>
-                    <strong>{{ message }}</strong>
-                </div>
-                {% endfor %}
-            {% endif %}
-            {% with objects as courses %}
-            <div class="row">
-                <div class="col-md-4">
-                    {% include "yaksh/paginator.html" %}
-                </div>
-                <div class="ml-auto">
-                    <div class="nav nav-pills" role="tablist" aria-orientation="vertical">
-                        <a  id="listbtn" class="nav-link"  data-toggle="pill" role="tab" aria-controls="show" aria-selected="true">
-                            <i class="fa fa-list"></i>
-                        </a>
-                        <a  id="gridbtn" class="nav-link" data-toggle="pill" role="tab" aria-controls="updown" aria-selected="false">
-                            <i class="fa fa-columns"></i>
-                        </a>
+                    {% if messages %}
+                        {% for message in messages %}
+                        <div class="alert alert-dismissible alert-{{ message.tags }}">
+                            <button type="button" class="close" data-dismiss="alert">
+                                <i class="fa fa-close"></i>
+                            </button>
+                            <strong>{{ message }}</strong>
+                        </div>
+                        {% endfor %}
+                    {% endif %}
+                    {% with objects as courses %}
+                    <div class="row">
+                        <div class="col-md-4">
+                            {% include "yaksh/paginator.html" %}
+                        </div>
+                        <div class="ml-auto">
+                            <div class="nav nav-pills" role="tablist" aria-orientation="vertical">
+                                <a  id="listbtn" class="nav-link"  data-toggle="pill" role="tab" aria-controls="show" aria-selected="true">
+                                    <i class="fa fa-list"></i>
+                                </a>
+                                <a  id="gridbtn" class="nav-link" data-toggle="pill" role="tab" aria-controls="updown" aria-selected="false">
+                                    <i class="fa fa-columns"></i>
+                                </a>
+                            </div>
+                        </div>
                     </div>
-                </div>
-            </div>
 
-            <div class="tab-content">
-                <div class="tab-pane active" id="gridview" role="tabpanel" aria-labelledby="gridbtn">
-                    <!-- GridView -->
-                    <br>
-                    <div class="row">
-                        <br>
-                        {% for course in courses %}
-                            <div class="col-md-6">
-                                <div class="card border-primary">
-                                    <div class="card-header" style="height: 150px">
-                                        {{course.name}}
-                                    </div>
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col">
-                                                <strong>Starts On:</strong>
-                                                {{course.start_enroll_time}}
-                                                <br>
-                                                <strong>Ends On:</strong>
-                                                {{course.end_enroll_time}}
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="row">
-                                            <div class="col-md-5">
-                                                <span class="badge badge-pill badge-info">
+                    <div class="tab-content">
+                        <div class="tab-pane active" id="gridview" role="tabpanel" aria-labelledby="gridbtn">
+                            <!-- GridView -->
+                            <br>
+                            <div class="row">
+                                <br>
+                                {% for course in courses %}
+                                    <div class="col-md-6">
+                                        <div class="card">
+                                            <div class="card-header" style="height: 150px">
+                                                <strong>
+                                                <a href="{% url 'yaksh:edit_course' course.id %}">
+                                                    <i class="fa fa-edit"></i>&nbsp;
+                                                    {{course.name}}
+                                                </a>
+                                                </strong>
+                                                <div>
                                                     {% if user.id != course.creator.id %}
+                                                    <span class="badge badge-pill badge-warning">
                                                         Allotted Course
+                                                    </span>
                                                     {% else %}
+                                                    <span class="badge badge-pill badge-primary">
                                                         Created Course
+                                                    </span>
                                                     {% endif %}
-                                                </span>
+                                                </div>
+                                                <div>
+                                                    <div class="nav-item dropdown">
+                                                        <a class="dropdown-toggle nav-link" data-toggle="dropdown" href="#" style="color: blue;">More
+                                                        </a>
+                                                        <div class="dropdown-menu dropdown-menu-right">
+                                                        <a class="dropdown-item" href="{% url 'yaksh:toggle_course_status' course.id %}">
+                                                        {% if course.active %}
+                                                            <i class="fa fa-toggle-on fa-2x"></i>
+                                                            Deactivate Course
+                                                        {% else %}
+                                                            <i class="fa fa-toggle-off fa-2x"></i>
+                                                            Activate Course
+                                                        {% endif %}
+                                                        </a>
+                                                        <div class="dropdown-divider"></div>
+                                                        <a class="dropdown-item" href="{% url 'yaksh:course_detail' course.id %}">
+                                                            <i class="fa fa-tasks"></i>
+                                                            Manage Course
+                                                        </a>
+                                                        <div class="dropdown-divider"></div>
+                                                        <a class="dropdown-item" href="{% url 'yaksh:duplicate_course' course.id %}">
+                                                            <i class="fa fa-clone"></i>
+                                                            Clone Course
+                                                        </a>
+                                                        <div class="dropdown-divider"></div>
+                                                        <a class="dropdown-item" href="{% url 'yaksh:download_course_csv' course.id %}">
+                                                            <i class="fa fa-download"></i>
+                                                            Download CSV
+                                                        </a>
+                                                        <div class="dropdown-divider"></div>
+                                                        <a class="dropdown-item" href="{% url 'yaksh:download_course' course.id %}">
+                                                            <i class="fa fa-download"></i>
+                                                            Download Course
+                                                        </a>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="card-body">
+                                                <div class="row">
+                                                    <div class="col-md-8">
+                                                        <strong>Status:</strong>
+                                                        {% if course.active %}
+                                                            <span class="badge badge-pill badge-success">
+                                                            Active
+                                                            </span>
+                                                        {% else %}
+                                                            <span class="badge badge-pill badge-danger">
+                                                            Inactive
+                                                            </span>
+                                                        {% endif %}
+                                                        <br>
+                                                        <strong>Creator:</strong>
+                                                        {{course.creator.get_full_name}}
+                                                        <br>
+                                                        <strong>Starts On:</strong>
+                                                        {{course.start_enroll_time}}
+                                                        <br>
+                                                        <strong>Ends On:</strong>
+                                                        {{course.end_enroll_time}}
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                {% endfor %}
+                                <br>
+                            </div>
+                        </div>
+                        <div class="tab-pane" id="listview" role="tabpanel" aria-labelledby="gridbtn">
+                            <!-- ListView -->
+                            <br>
+                            {% for course in courses %}
+                                <div class="card">
+                                    <div class="card-header bg-secondary">
+                                        <div class="row">
+                                            <div class="col-md-7">
+                                                <strong>
+                                                    <a href="{% url 'yaksh:edit_course' course.id %}">
+                                                        <i class="fa fa-edit"></i>
+                                                        {{course.name}}
+                                                    </a>
+                                                </strong>
                                             </div>
                                             <div class="col-md-3">
+                                                {% if user.id != course.creator.id %}
+                                                    <span class="badge badge-pill badge-warning">
+                                                        Allotted Course
+                                                    </span>
+                                                {% else %}
+                                                    <span class="badge badge-pill badge-primary">
+                                                        Created Course
+                                                    </span>
+                                                {% endif %}
+                                            </div>
+                                            <div class="col">
+                                                <li class="nav-item dropdown">
+                                                    <a class="dropdown-toggle nav-link" id="user_dropdown" data-toggle="dropdown" href="#" style="color: blue;">More
+                                                    </a>
+                                                    <div class="dropdown-menu dropdown-menu-right">
+                                                    <a class="dropdown-item" href="{% url 'yaksh:toggle_course_status' course.id %}">
+                                                    {% if course.active %}
+                                                        <i class="fa fa-toggle-on fa-2x"></i>
+                                                        Deactivate Course
+                                                    {% else %}
+                                                        <i class="fa fa-toggle-off fa-2x"></i>
+                                                        Activate Course
+                                                    {% endif %}
+                                                    </a>
+                                                    <div class="dropdown-divider"></div>
+                                                    <a class="dropdown-item" href="{% url 'yaksh:course_detail' course.id %}">
+                                                        <i class="fa fa-tasks"></i>
+                                                        Manage Course
+                                                    </a>
+                                                    <div class="dropdown-divider"></div>
+                                                    <a class="dropdown-item" href="{% url 'yaksh:duplicate_course' course.id %}">
+                                                        <i class="fa fa-clone"></i>
+                                                        Clone Course
+                                                    </a>
+                                                    <div class="dropdown-divider"></div>
+                                                    <a class="dropdown-item" href="{% url 'yaksh:download_course_csv' course.id %}">
+                                                        <i class="fa fa-download"></i>
+                                                        Download CSV
+                                                    </a>
+                                                    <div class="dropdown-divider"></div>
+                                                    <a class="dropdown-item" href="{% url 'yaksh:download_course' course.id %}">
+                                                        <i class="fa fa-download"></i>
+                                                        Download Course
+                                                    </a>
+                                                    </div>
+                                                </li>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="card-body">
+                                        <div class="row">
+                                            <div class="col">
+                                                <strong>Status:</strong>
                                                 {% if course.active %}
                                                     <span class="badge badge-pill badge-success">
                                                     Active
@@ -138,168 +267,28 @@
                                                     Inactive
                                                     </span>
                                                 {% endif %}
-                                            </div>
-                                            <div class="col-md-4">
-                                                <a href="{% url 'yaksh:toggle_course_status' course.id %}">
-                                                {% if course.active %}
-                                                    <i class="fa fa-toggle-on fa-2x"></i>
-                                                {% else %}
-                                                    <i class="fa fa-toggle-off fa-2x"></i>
-                                                {% endif %}
-                                                </a>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="row">
-                                            <div class="col-md-5">
-                                                <a href="{% url 'yaksh:edit_course' course.id %}" class="btn btn-info">
-                                                    <i class="fa fa-edit"></i>
-                                                    Edit Course
-                                                </a>
-                                            </div>
-                                            <div class="col-md-5">
-                                                <a href="{% url 'yaksh:course_detail' course.id %}" class="btn btn-primary">
-                                                    <i class="fa fa-tasks"></i>
-                                                    Manage Course
-                                                </a>
-                                            </div>
-                                        </div>
-                                        <br>
-                                        <div class="row">
-                                            <div class="col-md-5">
-                                                <a href="{% url 'yaksh:duplicate_course' course.id %}" class="btn btn-secondary">
-                                                    <i class="fa fa-clone"></i>
-                                                    Clone Course
-                                                </a>
-                                            </div>
-                                            <div class="col-md-5">
-                                                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
-                                                <button type="button" class="btn btn-secondary">
-                                                    <i class="fa fa-download"></i>
-                                                    Download
-                                                </button>
-                                                <div class="btn-group" role="group">
-                                                <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
-                                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
-                                                <a class="dropdown-item" href="{% url 'yaksh:download_course_csv' course.id %}">
-                                                    CSV
-                                                </a>
-                                                <a class="dropdown-item" href="{% url 'yaksh:download_course' course.id %}">
-                                                    Course
-                                                </a>
-                                                </div>
-                                                </div>
-                                                </div>
+                                                <br>
+                                                <strong>Creator:</strong>
+                                                {{course.creator.get_full_name}}
+                                                <br>
+                                                <strong>Starts On:</strong>
+                                                {{course.start_enroll_time}}
+                                                <br>
+                                                <strong>Ends On:</strong>
+                                                {{course.end_enroll_time}}
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                                 <br>
-                            </div>
-                        {% endfor %}
-                        <br>
-                    </div>
-                </div>
-                <div class="tab-pane" id="listview" role="tabpanel" aria-labelledby="gridbtn">
-                    <!-- ListView -->
-                    <br>
-                    {% for course in courses %}
-                        <div class="card">
-                            <div class="card-header bg-secondary">
-                                <div class="row">
-                                    <div class="col-md-5">
-                                        {{course.name}}  
-                                    </div>
-                                    <div class="col-md-3">
-                                        <span class="badge badge-pill badge-info">
-                                            {% if user.id != course.creator.id %}
-                                                Allotted Course
-                                            {% else %}
-                                                Created Course
-                                            {% endif %}
-                                        </span>
-                                    </div>
-                                    <div class="col-md-2">
-                                        {% if course.active %}
-                                            <span class="badge badge-pill badge-success">
-                                            Active
-                                            </span>
-                                        {% else %}
-                                            <span class="badge badge-pill badge-danger">
-                                            Inactive
-                                            </span>
-                                        {% endif %}
-                                    </div>
-                                    <div class="col-md-2">
-                                        <a href="{% url 'yaksh:toggle_course_status' course.id %}">
-                                        {% if course.active %}
-                                            <i class="fa fa-toggle-on fa-2x"></i>
-                                        {% else %}
-                                            <i class="fa fa-toggle-off fa-2x"></i>
-                                        {% endif %}
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="card-body">
-                                <div class="row">
-                                    <div class="col">
-                                        <strong>Starts On:</strong>
-                                        {{course.start_enroll_time}}
-                                        <br>
-                                        <strong>Ends On:</strong>
-                                        {{course.end_enroll_time}}
-                                    </div>
-                                </div>
-                                <hr>
-                                <div class="row">
-                                    <div class="col-md-3">
-                                        <a href="{% url 'yaksh:edit_course' course.id %}" class="btn btn-info">
-                                            <i class="fa fa-edit"></i>
-                                            Edit Course
-                                        </a>
-                                    </div>
-                                    <div class="col-md-3">
-                                        <a href="{% url 'yaksh:course_detail' course.id %}" class="btn btn-primary">
-                                            <i class="fa fa-tasks"></i>
-                                            Manage Course
-                                        </a>
-                                    </div>
-                                    <div class="col-md-3">
-                                        <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
-                                            <button type="button" class="btn btn-secondary">
-                                                <i class="fa fa-download"></i>
-                                                Download
-                                            </button>
-                                            <div class="btn-group" role="group">
-                                            <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
-                                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
-                                            <a class="dropdown-item" href="{% url 'yaksh:download_course_csv' course.id %}">
-                                                CSV
-                                            </a>
-                                            <a class="dropdown-item" href="{% url 'yaksh:download_course' course.id %}">
-                                                Course
-                                            </a>
-                                            </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-md-3">
-                                        <a href="{% url 'yaksh:duplicate_course' course.id %}" class="btn btn-secondary">
-                                            <i class="fa fa-clone"></i>
-                                            Clone Course
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
+                            {% endfor %}
+                            <br>
                         </div>
-                        <br>
-                    {% endfor %}
-                    <br>
+                    </div>
+                    {% include "yaksh/paginator.html" %}
+                    {% endwith %}
                 </div>
             </div>
-            {% include "yaksh/paginator.html" %}
-            {% endwith %}
         {% endif %}
     </div>
 </div>
diff --git a/yaksh/templates/yaksh/design_course_session.html b/yaksh/templates/yaksh/design_course_session.html
index 88ecc16..1da7647 100644
--- a/yaksh/templates/yaksh/design_course_session.html
+++ b/yaksh/templates/yaksh/design_course_session.html
@@ -18,7 +18,7 @@
                 <div id="fixed-available-wrapper">
                     <p><u><b>Available Modules:</b></u></p>
                     <div id="fixed-available">
-                        <table id="course-details" class="table table-bordered table-responsive-sm">
+                        <table id="course-details" class="table table-responsive-sm">
                         <tr class="bg-light">
                         <th width="2%">Select</th>
                         <th>Modules</th>
@@ -60,7 +60,7 @@
                 <div id="fixed-added-wrapper">
                     <p><u><b>Chosen Modules:</b></u></p>
                     <div id="fixed-added">
-                        <table id="course-details" class="table table-bordered table-responsive-sm">
+                        <table id="course-details" class="table table-responsive-sm">
                         <tr class="bg-light">
                         <th width="5%">Select</th>
                         <th>Module</th>
diff --git a/yaksh/templates/yaksh/grade_user.html b/yaksh/templates/yaksh/grade_user.html
index 341fd7c..32cf09c 100644
--- a/yaksh/templates/yaksh/grade_user.html
+++ b/yaksh/templates/yaksh/grade_user.html
@@ -2,9 +2,9 @@
 {% load custom_filters %}
 {% load static %}
 
-{% block title %} Grader {% endblock %}
+{% block title %} Quizzes {% endblock %}
 
-{% block pagetitle %} Grader {% endblock pagetitle %}
+{% block pagetitle %} Quizzes {% endblock pagetitle %}
 
 {% block script %}
 <script type="text/javascript" src="{% static 'yaksh/js/jquery.tablesorter.min.js' %}">
@@ -308,18 +308,18 @@ function searchNames() {
                 </div>
               </div>
               <div class="card-body">
-                <table class="tablesorter table table-striped table-bordered table-responsive-sm" id='marks_table'>
-                  <thead>
+                <div class="table-responsive" style="height: 400px">
+                <table class="table table-dark table-responsive-sm" id='marks_table'>
+                  <thead class="thead-dark">
                     <tr>
                     <th>Questions</th>
                     <th>Type</th>
                     <th>Marks Obtained</th>
-                    <th>Regrade by question</th>
+                    <th>Regrade</th>
                     </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="list">
                     {% for question, answers in paper.get_question_answers.items %}
-                      {% with answers|last as answer %}
                           <tr>
                           <td>
                             <a href="#question_{{question.id}}">
@@ -327,17 +327,18 @@ function searchNames() {
                             </a>
                           </td>
                           <td>{{ question.type }}</td>
-                          <td>{{ answer.marks }}</td>
+                          <td>{{ answers|last }}</td>
                           <td>
                             <a href="{% url 'yaksh:regrade_by_question' course_id quiz.questionpaper_set.get.id paper.id question.id %}" class="btn btn-outline-success">
                               <i class="fa fa-repeat"></i>&nbsp;Regrade
                             </a>
                           </td>
                           </tr>
-                      {% endwith %}
                     {% endfor %}
                     </tbody>
                 </table>
+                </div>
+                <br>
                 <form name=frm id="q{{ paper.quiz.id }}_form"
                   action="{% url 'yaksh:grade_user' quiz_id user_id paper.attempt_number course_id %}"
                   method="post">
@@ -437,30 +438,33 @@ function searchNames() {
                             </center>
                           {% endif %} <!-- End has_user_assignments -->
                         {% else %}
-                        {% for ans in answers %}
+                        {% if answers|first is None %}
+                            <p> Did not attempt </p>
+                        {% else %}
+                        {% for ans in answers|slice:":-1" %}
                           <strong>
                             Attempt Number: {{forloop.counter}}
                           </strong>
                           <div id="accordian">
                             <div class="card">
                               {% if ans.answer.correct %}
-                                <div class="card-header">
+                                <div class="card-header bg-success">
                                   <span class="badge badge-success">
                                     Correct answer:
                                   </span>
                                   <a class="card-link" data-toggle="collapse" href="#submitted_{{ans.answer.id}}">
-                                    <span class="pull-right">
+                                    <span class="pull-right text-white">
                                       Details&nbsp;<i class="fa fa-toggle-down"></i>
                                     </span>
                                   </a>
                                 </div>
                               {% else %}
-                                <div class="card-header">
+                                <div class="card-header bg-danger">
                                   <span class="badge badge-danger">
                                     Error:
                                   </span>
                                   <a class="card-link" data-toggle="collapse" href="#submitted_{{ans.answer.id}}">
-                                    <span class="pull-right">
+                                    <span class="pull-right text-white">
                                       Details&nbsp;<i class="fa fa-toggle-down"></i>
                                     </span>
                                   </a>
@@ -555,10 +559,14 @@ function searchNames() {
                                   {% endif %}
                                 </div>
                               </div>
+                              <br>
+                              <b>Comment:</b>
+                              <textarea class="form-control" readonly="">{{ans.answer.comment}}</textarea>
                             </div>
                           </div>
                           <br>
                         {% endfor %} <!-- End for ans in answers -->
+                        {% endif %}<!-- check if attempted -->
                       </div>
                     </div>
                     {% endif %}
@@ -566,9 +574,7 @@ function searchNames() {
                     <div class="form-group">
                       <div class="col-md-2">
                         <label class="col-form-label" for="q{{ question.id }}">Marks:</label>
-                        {% with answers|last as answer %}
-                        <input id="q{{ question.id }}" type="text" name="q{{ question.id }}_marks" size="4" class="form-control" value="{{ answer.marks }}"><br><br>
-                        {% endwith %}
+                        <input id="q{{ question.id }}" type="text" name="q{{ question.id }}_marks" size="4" class="form-control" value="{{ answers|last }}"><br><br>
                       </div>
                     </div>
                     <hr/>
diff --git a/yaksh/templates/yaksh/lessons_forum.html b/yaksh/templates/yaksh/lessons_forum.html
index 58fb360..070738f 100644
--- a/yaksh/templates/yaksh/lessons_forum.html
+++ b/yaksh/templates/yaksh/lessons_forum.html
@@ -5,8 +5,11 @@
 {% endblock title %}
 {% block content %}
     <div id="wrapper" class="d-flex">
-        {% include "yaksh/sidebar.html" %}
         <div class="container" id="page-content-wrapper">
+            <div>
+                <h2><center>{{course.name}}</center></h2>
+                <center>Discussion Forum</center>
+            </div>
             <div class="d-flex p-2 bd-highlight">
                 <div class="col-md-4">
                     {% if moderator %}
@@ -20,13 +23,32 @@
                     {% endif %}
                 </div>
             </div>
-            {% if posts %}
+            {% if messages %}
                 <div>
-                    <h2><center>{{course.name}}</center></h2>
-                    <center>Discussion Forum</center>
-                </div>
-                <table class="table">
-                    <thead class="thread-inverse">
+                  <center>
+                      {% for message in messages %}
+                          <div class="alert alert-dismissible alert-{{ message.tags }}">
+                              <button type="button" class="close" data-dismiss="alert">
+                                  <i class="fa fa-close"></i>
+                              </button>
+                              <strong>{{ message }}</strong>
+                          </div>
+                      {% endfor %}
+                  </center>
+               </div>
+            {% endif %}
+            <br>
+            {% include "yaksh/sidebar.html" %}
+            <br>
+            {% if posts %}
+                <div class="card">
+                {% if posts|length > 10 %}
+                <div class="table-responsive" style="height: 700px">
+                {% else %}
+                <div class="table-responsive">
+                {% endif %}
+                <table class="table table-responsive-sm">
+                    <thead class="thread-inverse thead-light">
                         <tr>
                             <th width="700">Posts</th>
                             <th>Created by</th>
@@ -35,40 +57,42 @@
                             <th></th>
                         </tr>
                     </thead>
-                    <tbody>
+                    <tbody class="list">
                         {% for post in posts %}
-                                <tr>
-                                    <td>
-                                        <a href="{% url 'yaksh:post_comments' course.id post.uid %}">{{post.title}}</a>
-                                        <small class="text-muted d-block">{{ post.description|truncatewords:30 }}</small>
-                                        <small class="text-muted"><strong>Last updated: {{post.modified_at}}</strong></small>
-                                    </td>
-                                    <td>
-                                        {% if post.anonymouse %}
-                                            Anonymous
+                            <tr>
+                                <td>
+                                    <a href="{% url 'yaksh:post_comments' course.id post.uid %}">{{post.title}}</a>
+                                    <small class="text-muted d-block">{{ post.description|safe|truncatewords:10 }}</small>
+                                    <small class="text-muted"><strong>Last updated: {{post.modified_at}}</strong></small>
+                                </td>
+                                <td>
+                                    {% if post.anonymouse %}
+                                        Anonymous
+                                    {% else %}
+                                        {{post.creator.username}}
+                                    {% endif %}
+                                </td>
+                                <td>{{post.get_comments_count}}</td>
+                                <td>
+                                    {% with post.get_last_comment as last_comment %}
+                                        {% if last_comment %}
+                                            {{last_comment.creator}}
                                         {% else %}
-                                            {{post.creator.username}}
-                                        {% endif %}
-                                    </td>
-                                    <td>{{post.get_comments_count}}</td>
-                                    <td>
-                                        {% with post.get_last_comment as last_comment %}
-                                            {% if last_comment %}
-                                                {{last_comment.creator}}
-                                            {% else %}
-                                                None
-                                            {% endif %}
-                                        {% endwith %}
-                                    </td>
-                                    <td>
-                                        {% if user == course.creator or user in course.get_teachers %}
-                                            <small><a href="{% url 'yaksh:hide_post' course.id post.uid %}" class="pull-right fa fa-trash"></i></a></small>
+                                            None
                                         {% endif %}
-                                    </td>
-                                </tr>
-                            {% endfor %}
+                                    {% endwith %}
+                                </td>
+                                <td>
+                                    {% if user == course.creator or user in course.get_teachers %}
+                                        <small><a href="{% url 'yaksh:hide_post' course.id post.uid %}" class="pull-right fa fa-trash"></i></a></small>
+                                    {% endif %}
+                                </td>
+                            </tr>
+                        {% endfor %}
                     </tbody>
                 </table>
+                </div>
+                </div>
             {% else %}
                 <div>
                     <center>No Lesson posts here. They will appear when someone comments on video lessons.</center>
diff --git a/yaksh/templates/yaksh/login.html b/yaksh/templates/yaksh/login.html
index 63a2ef2..7195167 100644
--- a/yaksh/templates/yaksh/login.html
+++ b/yaksh/templates/yaksh/login.html
@@ -4,7 +4,7 @@
 {% block title %} Login {% endblock %}
 
 {% block nav %}
-<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
     <a class="navbar-brand" href="{% url 'yaksh:index' %}">
         <img src="{% static 'yaksh/images/yaksh_banner.png' %}" alt="YAKSH">
     </a>
@@ -12,71 +12,86 @@
 {% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row justify-content-center">
-        <div class="col-md-6 col-md-offset-6">
-            <div class="card border-primary">
-                <div class="card-header">
-                    <h3>Log in to Your Account</h3>
-                </div>
-                <div class="card-body">
-                    <div class="form-group">
-                        <form action="" method="post">
-                        {% csrf_token %}
-
-                        <center>
-                            <table class="table table-borderless">
-                            {% if form.errors %}
-                                {% for field in form %}
-                                    {% for error in field.errors %}
-                                        <div class="alert alert-dismissible alert-danger">
-                                            <button type="button" class="close" data-dismiss="alert">
-                                                <i class="fa fa-close"></i>
-                                            </button>
-                                            <strong>{{ error|escape }}</strong>
-                                        </div>
-                                    {% endfor %}
-                                {% endfor %}
-                                {% for error in form.non_field_errors %}
-                                    <div class="alert alert-dismissible alert-danger">
-                                        <button type="button" class="close" data-dismiss="alert">
-                                            <i class="fa fa-close"></i>
-                                        </button>
-                                        <strong>{{ error|escape }}</strong>
-                                    </div>
-                                {% endfor %}
-                            {% endif %}
-                            {{form.username}}
-                            <br>
-                            {{form.password}}
-                            </table>
-                        </center>
-                        <div class="row justify-content-center">
-                            <button class="btn btn-lg btn-success btn-block" type="submit" id="login-btn">
-                                <i class="fa fa-sign-in"></i>&nbsp;Login
+<br><br>
+<div class="container mt--8 pb-5">
+   <div class="row justify-content-center">
+    <div class="col-lg-5 col-md-7">
+      <div class="card bg-secondary border-0 mb-0">
+        <div class="card-header bg-transparent pb-5">
+          <div class="text-muted text-center mt-2 mb-3"><small>Sign in with</small></div>
+          <div class="btn-wrapper text-center">
+            <a href="{% url 'social:begin' 'google-oauth2' %}" class="btn btn-neutral btn-icon">
+              <span class="btn-inner--icon">
+                <span class="fa fa-google" style="color: red;"></span>
+              </span>
+              <span class="btn-inner--text" style="color: red;">Google</span>
+            </a>
+            <a href="{% url 'social:begin' 'facebook' %}" class="btn btn-neutral btn-icon">
+              <span class="btn-inner--icon">
+                  <span class="fa fa-facebook-square">
+              </span>
+              <span class="btn-inner--text">Facebook</span>
+            </a>
+          </div>
+        </div>
+        <div class="card-body px-lg-5 py-lg-5">
+          <div class="text-center text-muted mb-4">
+            <small>Or Sign in with credentials</small>
+          </div>
+          <form role="form" action="" method="post">
+            {% csrf_token %}
+            {% if form.errors %}
+                {% for field in form %}
+                    {% for error in field.errors %}
+                        <div class="alert alert-dismissible alert-danger">
+                            <button type="button" class="close" data-dismiss="alert">
+                                <i class="fa fa-close"></i>
                             </button>
-                            <a href="{% url 'yaksh:register' %}" class="btn btn-lg btn-primary btn-block" id="signup-btn">
-                                <i class="fa fa-user-plus"></i>&nbsp;NEW USER? SIGN UP
-                            </a>
-                            <a class="btn btn-lg btn-primary btn-block" href="{% url 'password_reset' %}" id="forgot-btn">
-                                Forgot Password?
-                            </a>
+                            <strong>{{ error|escape }}</strong>
                         </div>
-                        <hr>
-                        <center><h1> OR </h1></center>
-                        Login with
-                        <a class="btn btn-social-icon btn-google" href="{% url 'social:begin' 'google-oauth2' %}">
-                            <span class="fa fa-google" style="font-size:32px;color:red" ></span>
-                        </a>
-                        <a class="btn btn-social-icon btn-facebook"  href="{% url 'social:begin' 'facebook' %}">
-                            <span class="fa fa-facebook-square" style="font-size:32px"></span>
-                        </a>
-                        </form>
-                        </br>
+                    {% endfor %}
+                {% endfor %}
+                {% for error in form.non_field_errors %}
+                    <div class="alert alert-dismissible alert-danger">
+                        <button type="button" class="close" data-dismiss="alert">
+                            <i class="fa fa-close"></i>
+                        </button>
+                        <strong>{{ error|escape }}</strong>
                     </div>
+                {% endfor %}
+            {% endif %}
+            <div class="form-group mb-3">
+              <div class="input-group input-group-merge input-group-alternative">
+                <div class="input-group-prepend">
+                  <span class="input-group-text"><i class="fa fa-user"></i></span>
+                </div>
+                {{form.username}}
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="input-group input-group-merge input-group-alternative">
+                <div class="input-group-prepend">
+                  <span class="input-group-text"><i class="fa fa-lock"></i></span>
                 </div>
+                {{form.password}}
+              </div>
+            </div>
+            <div class="text-center">
+              <button type="submit" class="btn btn-primary my-4">Sign in</button>
             </div>
+          </form>
+        </div>
+      </div>
+      <div class="row mt-3">
+        <div class="col-6">
+          <a href="{% url 'password_reset' %}" class="text-muted"><small>Forgot password?</small></a>
+        </div>
+        <div class="col-6 text-right">
+          <a href="{% url 'yaksh:register' %}" class="text-muted"><small>Create new account</small>
+          </a>
         </div>
+      </div>
     </div>
-</div>     
+   </div>
+</div>
 {% endblock content %}
diff --git a/yaksh/templates/yaksh/micromanaged.html b/yaksh/templates/yaksh/micromanaged.html
index 5d7e58c..5339d71 100644
--- a/yaksh/templates/yaksh/micromanaged.html
+++ b/yaksh/templates/yaksh/micromanaged.html
@@ -12,7 +12,7 @@
                 Start Special Attempt
                </a>
             {% else %}
-                <span class="badge badge-secondary">Exhausted</span>
+                <span class="badge badge-warning badge-pill">Exhausted</span>
             {% endif %}
              </div>
     {% endif %}
diff --git a/yaksh/templates/yaksh/micromonitor.html b/yaksh/templates/yaksh/micromonitor.html
index cc059aa..bc64469 100644
--- a/yaksh/templates/yaksh/micromonitor.html
+++ b/yaksh/templates/yaksh/micromonitor.html
@@ -1,9 +1,9 @@
 {% if micromanager %}
     {% if micromanager.can_student_attempt %}
-        <a class="btn btn-danger" href="{% url 'yaksh:revoke_special_attempt' micromanager.id %}">Revoke</a>
+        <a class="btn btn-danger btn-sm" href="{% url 'yaksh:revoke_special_attempt' micromanager.id %}">Revoke</a>
     {% else %}
-        <a class="btn btn-success" href="{% url 'yaksh:allow_special_attempt' user_id course_id quiz_id %}">Allow </a>
+        <a class="btn btn-success btn-sm" href="{% url 'yaksh:allow_special_attempt' user_id course_id quiz_id %}">Allow </a>
     {% endif %}
 {% else %}
-    <a class="btn btn-success" href="{% url 'yaksh:allow_special_attempt' user_id course_id quiz_id %}">Allow </a>
+    <a class="btn btn-success btn-sm" href="{% url 'yaksh:allow_special_attempt' user_id course_id quiz_id %}">Allow </a>
 {% endif %}
diff --git a/yaksh/templates/yaksh/moderator_dashboard.html b/yaksh/templates/yaksh/moderator_dashboard.html
index b2d38b0..3a3d8b9 100644
--- a/yaksh/templates/yaksh/moderator_dashboard.html
+++ b/yaksh/templates/yaksh/moderator_dashboard.html
@@ -68,7 +68,7 @@
                                 </a>
                             </div>
                             <div class="col-md">
-                                <a class="card-link btn btn-info" data-toggle="collapse" href="#collapse{{course.id}}">
+                                <a class="card-link btn btn-outline-info" data-toggle="collapse" href="#collapse{{course.id}}">
                                     Details
                                     <i class="fa fa-toggle-down" id="toggle_course_{{course.id}}"></i>
                                 </a>
@@ -80,7 +80,7 @@
                             <strong>{{ course.name }}</strong>
                             {% get_course_details course as course_details %}
                             {% if course_details %}
-                                <table class="table table-bordered table-responsive-sm">
+                                <table class="table table-responsive-sm">
                                     <tr>
                                         <th>Quiz</th>
                                         <th>Taken By</th>
diff --git a/yaksh/templates/yaksh/monitor.html b/yaksh/templates/yaksh/monitor.html
index 2b43ec1..6fd3cb1 100644
--- a/yaksh/templates/yaksh/monitor.html
+++ b/yaksh/templates/yaksh/monitor.html
@@ -38,219 +38,230 @@ $(document).ready(function()
 {% endblock %}
 
 {% block content %}
-<div class="container">
+<div class="container-fluid">
+  {% if messages %}
+      {% for message in messages %}
+      <div class="alert alert-dismissible alert-{{ message.tags }}">
+          <button type="button" class="close" data-dismiss="alert">
+              <i class="fa fa-close"></i>
+          </button>
+          <strong>{{ message }}</strong>
+      </div>
+      {% endfor %}
+  {% endif %}
   {% if quiz %}
     {% if papers %}
+    <div class="row">
+      <div class="col-md-3">
       <div class="card">
+        <div class="card-body">
           <div class="table-responsive">
-              <table id="course-detail" class="table">
-                  <tr>
-                      <td><b>Course Name:&nbsp</b></td>
-                      <td>{{course.name}}</td>
-                  </tr>
-                  <tr>
-                      <td><b>Quiz Name:&nbsp</b></td>
-                      <td>{{quiz.description}}</td>
-                  </tr>
-                  <tr>
-                      <td><b>Number of papers: &nbsp</b></td>
-                      <td>{{papers|length}}</td>
-                  </tr>
-                  <tr>
-                      <td><b>Papers Completed: &nbsp</b></td>
-                      <td>
-                          {% completed papers as completed_papers %}
-                          <b>{{completed_papers}}</b>
-                      </td>
-                  </tr>
-                  <tr>
-                      <td><b>Papers in progress: &nbsp</b></td>
-                      <td>
-                          {% inprogress papers as inprogress_papers %}
-                          <b>{{ inprogress_papers }}</b>
-                      </td>
-                  </tr>
-              </table>
+            <table id="course-detail" class="table">
+                <tr>
+                    <td><b>Course Name:&nbsp</b></td>
+                    <td>{{course.name}}</td>
+                </tr>
+                <tr>
+                    <td><b>Quiz Name:&nbsp</b></td>
+                    <td>{{quiz.description}}</td>
+                </tr>
+                <tr>
+                  <td><b>Number of papers: &nbsp</b></td>
+                  <td>{{total_papers}}</td>
+                </tr>
+                <tr>
+                    <td><b>Papers Completed: &nbsp</b></td>
+                    <td>
+                        <b>{{completed_papers}}</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td><b>Papers in progress: &nbsp</b></td>
+                    <td>
+                        <b>{{ inprogress_papers }}</b>
+                    </td>
+                </tr>
+            </table>
+          </div>
+        </div>
+        <div class="card-body">
+          <div class="col">
+            <div class="badge badge-info">
+              Auto-Refreshes every 5 minutes
+            </div>
           </div>
-      </div>
-      <br>
           <br>
-          {% if messages %}
-              {% for message in messages %}
-              <div class="alert alert-dismissible alert-{{ message.tags }}">
-                  <button type="button" class="close" data-dismiss="alert">
-                      <i class="fa fa-close"></i>
-                  </button>
-                  <strong>{{ message }}</strong>
-              </div>
-              {% endfor %}
-          {% endif %}
+          <div class="col">
+            <button type="button" class="btn btn-info" data-toggle="modal" data-target="#csvModal">
+              <i class="fa fa-download"></i>&nbsp;Download CSV
+            </button>
+          </div>
           <br>
-      <div class="row">
-        <div class="col-md-4">
-          <button type="button" class="btn btn-info" data-toggle="modal" data-target="#csvModal">
-            <i class="fa fa-download"></i>&nbsp;Download CSV
-          </button>
-        </div>
-        <div class="col-md-4">
-          <a href="{% url 'yaksh:show_statistics' papers.0.question_paper.id course.id %}" class="btn btn-primary">
-            <i class="fa fa-line-chart"></i>&nbsp;Question Statistics
-          </a>
-        </div>
-        <div class="col-md-4">
-          <div class="badge badge-info">
-            Auto-Refreshes every 5 minutes
+          <div class="col">
+            <a href="{% url 'yaksh:show_statistics' papers.0.question_paper.id course.id %}" class="btn btn-primary">
+              <i class="fa fa-line-chart"></i>&nbsp;Question Statistics
+            </a>
           </div>
         </div>
       </div>
-      <hr>
-      <div class="row">
-        <div class="col-md-6">
-        <p>
-        <b>
-        - Download the CSV file from the button above<br />
-        - Edit and upload the same <br />
-        </b>
-        </p>
-        </div>
-        <div class="col-md-6">
-        <form id="upload_users" action="{% url 'yaksh:upload_marks' course.id papers.0.question_paper.id %}" method="POST" enctype="multipart/form-data">
-            {% csrf_token %}
-            <div class="input-group mb-3">
-                <div class="custom-file">
-                    <input type="file" class="custom-file-input" name="csv_file" id="upload"/>
-                    <label class="custom-file-label" for="upload">Select</label>
-                </div>
-                <div class="input-group-append">
-                    <button class="btn btn-outline-primary" type="submit">
-                        <i class="fa fa-upload"></i>
-                        Upload
-                    </button>
-                </div>
-            </div>
-              <script>
-                  $('#upload').on('change',function(){
-                      //get the file name
-                      var fileName = $(this).val();
-                      //replace the "Choose a file" label
-                      $(this).next('.custom-file-label').html(fileName);
-                  })
-              </script>
-        </form>
-        </div>
       </div>
-      <br>
-      <table id="result-table" class="tablesorter table table-striped table-responsive-sm">
-          <thead>
-          <tr>
-            <th> Sr No. </th>
-            <th> Name&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Username&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Roll No&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Institute&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Marks&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Attempts&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Time Left&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Status&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Extend time&nbsp;<i class="fa fa-sort"></i> </th>
-            <th> Special Attempt&nbsp;<i class="fa fa-sort"></i> </th>
-          </tr>
-          </thead>
-          <tbody>
-          {% for paper in latest_attempts %}
-          <tr>
-              <td>{{forloop.counter}}</td>
-              <td> <a href="{% url 'yaksh:user_data' paper.user.id paper.question_paper.id course.id %}">
-              {{ paper.user.get_full_name.title }}</a> </td>
-              <td> {{ paper.user.username }} </td>
-              <td> {{ paper.user.profile.roll_number }} </td>
-              <td> {{ paper.user.profile.institute }} </td>
-              <td> {{ paper.marks_obtained }} </td>
-              <td> {{ paper.answers.count }} </td>
-              <td id="time_left{{forloop.counter0}}"> {{ paper.time_left }} </td>
-              <td> {% if paper.is_attempt_inprogress %}
-                        <span class="badge badge-secondary"> Inprogress </span>
-                    {% else %}
-                        <span class="badge badge-secondary"> Completed </span>
-                   {% endif %}
-              </td>
-              <td>
-                   <form method="post" action="{% url 'yaksh:extend_time' paper.id %}">
-                       {% csrf_token %}
-                       <div class="form-group">
-                            <label for="extra_time"> Time in mins </label>
-                            <input type="number" step="any" class="form-control" id="extra_time" name="extra_time" required>
-                       </div>
-                       <button type="submit" class="btn btn-primary">Extend Time</button>
-                   </form>
-              </td>
-              <td>{% specail_attempt_monitor paper.user.id course.id quiz.id %}</td>
-          </tr>
-          {% endfor %}
-          </tbody>
-      </table>
-      <!-- CSV Modal -->
-      <div class="modal fade" id="csvModal" role="dialog">
-          <div class="modal-dialog">
-          <!-- Modal content-->
-          <div class="modal-content">
-          <div class="modal-header">
-            <h3 class="modal-title">Download CSV for {{quiz.description}} </h3>
-            <button type="button" class="close" data-dismiss="modal">
-              <i class="fa fa-close"></i>
-            </button>
+      <div class="col-md-9">
+        <div class="row">
+          <div class="col-md-5">
+            <ul>
+              <li>
+                Download the CSV file from the button
+              </li>
+              <li>
+                Edit and upload the same
+              </li>
+              <li>
+                <b>Note: Do not change the CSV Headers</b>
+              </li>
+            </ul>
           </div>
-          <form action="{% url 'yaksh:download_quiz_csv' course.id quiz.id %}" method="post">
-          {% csrf_token %}
-          <div class="modal-body">
-            <b>Uncheck unwanted columns</b>
-            <br>
-              {% for field in csv_fields %}
-              <div class="form-check form-check-inline">
-                <label class="form-check-label">
-                    {% if field == 'username' or field == 'questions' %}
-                    <input class="form-check-input" name="csv_fields" type="checkbox" value="{{ field }}" checked onclick="return false"> {{ field }}
-                    {% else %}
-                    <input class="form-check-input" name="csv_fields" type="checkbox" value="{{ field }}" checked> {{ field }}
-                    {% endif %}
-                </label>
-              </div>
-              <br>
-              {% endfor %}
-              <b>Select Attempt Number: Default latest attempt</b>
-              <select class="form-control" name = "attempt_number">
-                  {%for attempt_number in attempt_numbers %}
-                  {% if forloop.last %}
-                  <option value="{{ attempt_number }}" selected>{{ attempt_number }} (Latest)</option>
-                  {% else %}
-                  <option value = "{{ attempt_number }}"> {{ attempt_number }}</option>
-                  {% endif %}
-                  {% endfor %}
-              </select>
+          <div class="col-md-6">
+          <form id="upload_users" action="{% url 'yaksh:upload_marks' course.id papers.0.question_paper.id %}" method="POST" enctype="multipart/form-data">
+              {% csrf_token %}
+              <input type="file" class="custom-file-input" name="csv_file" id="upload"/>
+              <button class="btn btn-outline-primary" type="submit">
+                  <i class="fa fa-upload"></i>
+                  Upload
+              </button>
+          </form>
           </div>
-          <div class="modal-footer">
-            <button type="submit" class="btn btn-success">
-              <span class="fa fa-save"></span>&nbsp;Download
-            </button>
-            <button type="button" class="btn btn-secondary" data-dismiss="modal">
-              Close
-            </button>
+        </div>
+        <hr>
+        <div class="row">
+          <div class="col-md-3">
+            <b>Select Attempt number:</b>
           </div>
-          </form>
+          <div class="col-md-2">
+            <select id="attempt" onchange="window.location.href=this.value" class="custom-select">
+              <option selected="">Select</option>
+              {% for attempt in attempt_numbers %}
+                <option value="{% url 'yaksh:monitor' quiz.id course.id attempt %}">
+              {{attempt}}
+              </option>
+              {% endfor %}
+            </select>
           </div>
+        </div>
+        <br>
+        <div class="card">
+          {% if total_papers > 10 %}
+          <div class="table-responsive" style="height: 800px">
+          {% else %}
+          <div class="table-responsive">
+          {% endif %}
+          <table id="result-table" class="table table-dark table-responsive-sm">
+            <thead class="thead-dark">
+            <tr>
+              <th> Sr No. </th>
+              <th> Name&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Roll No&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Marks&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Questions Attempted&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Time Left&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Status&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Time Extension&nbsp;<i class="fa fa-sort"></i> </th>
+              <th> Special Attempt&nbsp;<i class="fa fa-sort"></i> </th>
+            </tr>
+            </thead>
+            <tbody class="list">
+            {% for paper in papers %}
+            <tr>
+                <td>{{forloop.counter}}</td>
+                {% with paper.user as student %}
+                <td>
+                  <i class="fa fa-edit"></i>
+                  <a href="{% url 'yaksh:user_data' paper.user_id paper.question_paper_id course.id %}" class="text-white">
+                    {{ student.get_full_name.title }}
+                  </a>
+                </td>
+                <td> {{ student.profile.roll_number }} </td>
+                {% endwith %}
+                <td> {{ paper.marks_obtained }} </td>
+                <td>
+                  {% get_dict_value questions_attempted paper.id as que_attempt %}
+                  {{que_attempt}} out of {{questions_count}}
+                </td>
+                <td id="time_left{{forloop.counter0}}"> {{ paper.time_left }} </td>
+                <td> {% if paper.is_attempt_inprogress %}
+                          <span class="badge badge-warning"> Inprogress </span>
+                      {% else %}
+                          <span class="badge badge-success"> Completed </span>
+                     {% endif %}
+                </td>
+                <td>
+                  <form method="post" action="{% url 'yaksh:extend_time' paper.id %}">
+                    {% csrf_token %}
+                      <div class="input-group">
+                      <input type="number" step="any" class="form-control form-control-sm" id="extra_time" name="extra_time" required>
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-success btn-sm" type="submit">
+                          <i class="fa fa-plus"></i>
+                        </button>
+                      </div>
+                      </div>
+                  </form>
+                </td>
+                <td>{% specail_attempt_monitor paper.user.id course.id quiz.id %}</td>
+            </tr>
+            {% endfor %}
+            </tbody>
+          </table>
           </div>
-      </div>
-    {% else %}
-      <div class="col-md-12">
-        <div class="alert alert-warning">
-          <center>
-            <h4>No Users Found for {{ quiz.description }}</h4>
-          </center>
         </div>
-      </div>
-    {% endif %} {# if papers #}
-  {% else %}
-    <h4>No Quiz Found</h4>
-  {% endif %}
+        <!-- CSV Modal -->
+        <div class="modal fade" id="csvModal" role="dialog">
+            <div class="modal-dialog">
+            <!-- Modal content-->
+            <div class="modal-content">
+            <div class="modal-header">
+              <h3 class="modal-title">Download CSV for {{quiz.description}} </h3>
+              <button type="button" class="close" data-dismiss="modal">
+                <i class="fa fa-close"></i>
+              </button>
+            </div>
+            <form action="{% url 'yaksh:download_quiz_csv' course.id quiz.id %}" method="post">
+            {% csrf_token %}
+            <div class="modal-body">
+                <b>Select Attempt Number: Default latest attempt</b>
+                <select class="form-control" name = "attempt_number">
+                    {% for attempt_number in attempt_numbers %}
+                    {% if forloop.last %}
+                    <option value="{{ attempt_number }}" selected>{{ attempt_number }} (Latest)</option>
+                    {% else %}
+                    <option value = "{{ attempt_number }}"> {{ attempt_number }}</option>
+                    {% endif %}
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="modal-footer">
+              <button type="submit" class="btn btn-success">
+                <span class="fa fa-save"></span>&nbsp;Download
+              </button>
+              <button type="button" class="btn btn-secondary" data-dismiss="modal">
+                Close
+              </button>
+            </div>
+            </form>
+            </div>
+            </div>
+        </div>
+      {% else %}
+        <div class="col-md-12">
+          <div class="alert alert-warning">
+            <center>
+              <p>No Users Found for {{ quiz.description }}</p>
+            </center>
+          </div>
+        </div>
+      {% endif %} {# if papers #}
+    {% else %}
+      <h4>No Quiz Found</h4>
+    {% endif %}
+  </div>
 </div>
 {% endblock %}
diff --git a/yaksh/templates/yaksh/post_comments.html b/yaksh/templates/yaksh/post_comments.html
index 70aac47..17576b8 100644
--- a/yaksh/templates/yaksh/post_comments.html
+++ b/yaksh/templates/yaksh/post_comments.html
@@ -25,8 +25,8 @@
               </center>
            </div>
        {% endif %}
-        <div class="card mb-2 border-dark">
-            <div class="card-header text-white bg-dark py-2 px-3">
+        <div class="card mb-2">
+            <div class="card-header py-2 px-3">
                 {{post.title}}
                 <br>
                 <small>
@@ -77,7 +77,7 @@
                                 </strong>
                             </div>
                             <div class="col-6 text-right">
-                                <small class="text-muted">{{comment.created_at}} {% if user == course.creator or user in course.get_teachers %} <a href="{% url 'yaksh:hide_comment' post.target.id comment.uid %}" class="fa fa-trash"></a>{% endif %}</small>
+                                <small class="text-muted">{{comment.created_at}} {% if user == course.creator or user in course.get_teachers %} <a href="{% url 'yaksh:hide_comment' course.id comment.uid %}" class="fa fa-trash"></a>{% endif %}</small>
                             </div>
                         </div>
                         <p class="card-text description">{{comment.description|safe}}</p>
diff --git a/yaksh/templates/yaksh/question.html b/yaksh/templates/yaksh/question.html
index 9189324..61b2b3b 100644
--- a/yaksh/templates/yaksh/question.html
+++ b/yaksh/templates/yaksh/question.html
@@ -152,34 +152,24 @@ question_type = "{{ question.type }}";
           <div>
             <h2>{{ question.summary }}</h2>
           </div>
-          <div>
+          <div style="font-size: 20px">
             {% if question.language == "other" %}
               <small class="text text-muted"><strong>Topic:</strong> <span class="badge badge-primary">{{question.topic}}</small></span>
             {% else %}
               <small class="textx text-muted"><strong>Language:</strong> <span class="badge badge-primary">{{question.language}}</span></small>
             {% endif %}
-            {% if question.type == "mcq" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">SINGLE CORRECT CHOICE</span></small>
-            {% elif question.type == "mcc" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">MULTIPLE CORRECT CHOICES</span></small>
-            {% elif question.type == "code" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">PROGRAMMING</span></small>
-            {% elif question.type == "upload" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">ASSIGNMENT UPLOAD</span></small>
-            {% elif question.type == "integer" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">FILL IN THE BLANKS WITH INTEGER ANSWER</span></small>
-            {% elif question.type == "string" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">FILL IN THE BLANKS WITH STRING ANSWER</span></small>
-              {% if testcase.string_check == "lower" %}
-                  <br>(CASE INSENSITIVE)
-              {% else %}
-                  <br>(CASE SENSITIVE)
+            <small class="text text-muted"><strong>Type:</strong>
+              <span class="badge badge-primary">
+              {{question.get_type_display}}
+              {% if question.type == "string" %}
+                {% if testcase.string_check == "lower" %}
+                    (CASE INSENSITIVE)
+                {% else %}
+                    (CASE SENSITIVE)
+                {% endif %}
               {% endif %}
-            {% elif question.type == "float" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">FILL IN THE BLANKS WITH FLOAT ANSWER</span></small>
-            {% elif question.type == "arrange" %}
-              <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">ARRANGE THE OPTIONS IN CORRECT ORDER</span></small>
-            {% endif %}
+              </span>
+            </small>
             <span class="badge badge-info pull-right">
               <small><strong>Marks: {{ question.points }}</strong></small>
             </span>
diff --git a/yaksh/templates/yaksh/quit.html b/yaksh/templates/yaksh/quit.html
index a801ea8..828ad60 100644
--- a/yaksh/templates/yaksh/quit.html
+++ b/yaksh/templates/yaksh/quit.html
@@ -4,43 +4,37 @@
 {% block title %} Quit Quiz {% endblock %}
 
 {% block nav %} 
-<div class="container-fluid yakshnav">
-  <nav class="navbar fixed-top navbar-expand-lg yakshheading yakshnav">
-    <div class="container">
-        <a class="navbar-brand" href="{% url 'yaksh:index' %}">
-            <img src="{% static 'yaksh/images/yaksh_banner.png' %}" alt="YAKSH">
-        </a>
-    </div><!-- /.container -->
-  </nav><!-- /.navbar -->
-</div>
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
+    <a class="navbar-brand" href="{% url 'yaksh:index' %}">
+        <img src="{% static 'yaksh/images/yaksh_banner.png' %}" alt="YAKSH">
+    </a>
+</nav>
 {% endblock %}
 
 {% block content %}
 <center>
 <div class="col-md-8">
     <h3>Submission Status</h3>
-    <table class="table table-bordered table-responsive-sm" >
-        <thead>
-            <tr class="text-center">
+    <table class="table table-dark table-responsive-sm" >
+        <thead class="thead-dark">
+            <tr>
                 <th> Question</th>
                 <th> Status </th>
             </tr>
         </thead>
-
+        <tbody class="list">
         {% for question in paper.questions.all %}
-            <tbody>
-                {% if question in paper.questions_answered.all %}
-                    <tr class="table-success">
-                    <td> {{ question.summary }} </td>
-                    <td> Attempted </td>
-                {% else %}
-                    <tr class="table-warning">
-                    <td> {{ question }} </td>
-                    <td> Not completed </td>
-                {% endif %}
-                </tr>
-            </tbody>
+            <tr>
+            {% if question in paper.questions_answered.all %}
+                <td> {{ question.summary }} </td>
+                <td> <span class="badge badge-success">Attempted</span> </td>
+            {% else %}
+                <td> {{ question }} </td>
+                <td> <span class="badge badge-warning">Not Attempted</span> </td>
+            {% endif %}
+            </tr>
         {% endfor %}
+        </tbody>
     </table>
 </div>
 </center>
diff --git a/yaksh/templates/yaksh/quizzes_user.html b/yaksh/templates/yaksh/quizzes_user.html
index e28cb69..3dfcbac 100644
--- a/yaksh/templates/yaksh/quizzes_user.html
+++ b/yaksh/templates/yaksh/quizzes_user.html
@@ -28,7 +28,7 @@
         </div>
         {% if "Search" in title %}
         <div class="col-md-4">
-            <a href="{% url 'yaksh:quizlist_user' %}" class="btn btn-primary">
+            <a href="{% url 'yaksh:quizlist_user' %}" class="btn btn-outline-danger">
                 <i class="fa fa-times"></i>&nbsp;Clear search
             </a>
         </div>
@@ -61,13 +61,13 @@
                         <div class="row">
                             <div class="col-md-7">{{course.data.name}}</div>
                             <div class="col-md-2">
-                                <a class="card-link btn btn-info" data-toggle="collapse" href="#collapse{{course.data.id}}">
+                                <a class="card-link btn btn-outline-info" data-toggle="collapse" href="#collapse{{course.data.id}}">
                                     Details&nbsp;<i class="fa fa-toggle-down" id="toggle_course_{{course.id}}"></i>
                                 </a>
                             </div>
                             <div class="col-md-2">
                                 {% if user in course.data.requests.all %}
-                                    <span class="badge badge-warning badge-pill">
+                                    <span class="badge badge-primary badge-pill">
                                         Request Pending
                                     </span>
                                 {% elif user in course.data.rejected.all %}
@@ -94,7 +94,7 @@
                                             {% endif %}
                                         {% else %}
                                             <span class="badge badge-danger badge-pill">
-                                                Enrollment Closed
+                                                No Enrollments allowed
                                             </span>
                                         {% endif %}
                                     {% else %}
@@ -135,24 +135,34 @@
                                     <p><b>Starts On:</b> {{course.data.start_enroll_time}}</p>
                                     <p><b>Ends On:</b> {{course.data.end_enroll_time}}</p>
                                     {% with course.completion_percentage as percent %}
-                                    <p><b>Course Progress:</b></p>
-                                    <div class="progress">
-                                        {% if percent %}
-                                            {% if percent <= 50 %}
-                                                <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{percent}}"
-                                                aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                                            {% elif percent <= 75 %}
-                                                <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{percent}}"
-                                                aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                                            {% else %}
-                                                <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
-                                                aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                                            {% endif %}
-                                            <b style="color: white;">{{percent}}% completed</b>
+                                    <div class="progress-wrapper">
+                                        <div class="progress-info">
+                                            <div class="progress-label">
+                                              <span>Course completed</span>
                                             </div>
-                                        {% else %}
-                                            <b style="color: black;">0% completed</b>
-                                        {% endif %}
+                                            <div class="progress-percentage">
+                                              <span>
+                                                {% if percent %} {{percent}} {% else %} 0 {% endif %}%
+                                              </span>
+                                            </div>
+                                        </div>
+                                        <div class="progress">
+                                            {% if percent %}
+                                                {% if percent <= 50 %}
+                                                    <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{percent}}"
+                                                    aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
+                                                    </div>
+                                                {% elif percent <= 75 %}
+                                                    <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{percent}}"
+                                                    aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
+                                                    </div>
+                                                {% else %}
+                                                    <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
+                                                    aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
+                                                    </div>
+                                                {% endif %}
+                                            {% endif %}
+                                        </div>
                                     </div>
                                     {% endwith %}
                                 </div>
diff --git a/yaksh/templates/yaksh/show_lesson_quiz.html b/yaksh/templates/yaksh/show_lesson_quiz.html
index 82e01bc..48765bd 100644
--- a/yaksh/templates/yaksh/show_lesson_quiz.html
+++ b/yaksh/templates/yaksh/show_lesson_quiz.html
@@ -5,8 +5,8 @@
         document.body,
         {
           delimiters: [
-            {left: "$$", right: "$$", display: false},
-            {left: "$", right: "$", display: true},
+            {left: "$$", right: "$$", display: true},
+            {left: "$", right: "$", display: false},
           ]
         }
       );
@@ -35,24 +35,18 @@
                 {% else %}
                   <small class="textx text-muted"><strong>Language:</strong> <span class="badge badge-primary">{{question.language}}</span></small>
                 {% endif %}
-                {% if question.type == "mcq" %}
-                  <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">SINGLE CORRECT CHOICE</span></small>
-                {% elif question.type == "mcc" %}
-                  <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">MULTIPLE CORRECT CHOICES</span></small>
-                {% elif question.type == "integer" %}
-                  <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">FILL IN THE BLANKS WITH INTEGER ANSWER</span></small>
-                {% elif question.type == "string" %}
-                  <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">FILL IN THE BLANKS WITH STRING ANSWER</span></small>
-                  {% if testcase.string_check == "lower" %}
-                      <br>(CASE INSENSITIVE)
-                  {% else %}
-                      <br>(CASE SENSITIVE)
+                <small class="text text-muted"><strong>Type:</strong>
+                <span class="badge badge-primary">
+                  {{question.get_type_display}}
+                  {% if question.type == "string" %}
+                    {% if testcase.string_check == "lower" %}
+                        (CASE INSENSITIVE)
+                    {% else %}
+                        (CASE SENSITIVE)
+                    {% endif %}
                   {% endif %}
-                {% elif question.type == "float" %}
-                  <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">FILL IN THE BLANKS WITH FLOAT ANSWER</span></small>
-                {% elif question.type == "arrange" %}
-                  <small class="text text-muted"><strong>Type:</strong> <span class="badge badge-primary">ARRANGE THE OPTIONS IN CORRECT ORDER</span></small>
-                {% endif %}
+                </span>
+              </small>
                 <span class="badge badge-info pull-right">
                   <small><strong>Points: {{ question.points }}</strong></small>
                 </span>
@@ -71,7 +65,7 @@
                   <input name="answer" type="radio" value="{{ test_case.id }}" checked />
                     {{ test_case.options|safe }} <br/>
                   {% else %}
-                  <input name="answer" type="radio" value="{{ test_case.id }}" />
+                  <input name="answer" type="radio" value="{{ test_case.id }}" required="" />
                     {{ test_case.options|safe }} <br/>
                   {% endif %}
                 {% endfor %}
@@ -80,21 +74,21 @@
             {% if question.type == "integer" %}
             <!-- Integer type Question -->
                 Enter Integer:<br/>
-                <input autofocus class="form-control" name="answer" type="number" id="integer" value="{{ last_attempt|to_integer }}" />
+                <input autofocus class="form-control" name="answer" type="number" id="integer" value="{{ last_attempt|to_integer }}" required=""/>
                 <br><br>
             {% endif %}
 
             {% if question.type == "string" %}
             <!-- String type question -->
                 Enter Text:<br/>
-                <textarea autofocus name="answer" id="string" class="form-control" style="width: 100%">{{ last_attempt|to_str }}</textarea>
+                <textarea autofocus name="answer" id="string" class="form-control" style="width: 100%" required="">{{ last_attempt|to_str }}</textarea>
                 <br/><br/>
             {% endif %}
 
             {% if question.type == "float" %}
             <!-- Float type question -->
                 Enter Decimal Value :<br/>
-                <input autofocus class="form-control" name="answer" type="number" step="any" id="float" value="{{ last_attempt|to_float }}" />
+                <input autofocus class="form-control" name="answer" type="number" step="any" id="float" value="{{ last_attempt|to_float }}" required=""/>
                 <br/><br/>
             {% endif %}
 
diff --git a/yaksh/templates/yaksh/show_lesson_statistics.html b/yaksh/templates/yaksh/show_lesson_statistics.html
index 31261f3..0da20ee 100644
--- a/yaksh/templates/yaksh/show_lesson_statistics.html
+++ b/yaksh/templates/yaksh/show_lesson_statistics.html
@@ -1,14 +1,42 @@
 {% extends "manage.html" %}
+{% load static %}
 {% load custom_filters %}
-{% block title %} Lesson Statistics {% endblock %}
+{% block title %} Lesson Quiz Stats {% endblock %}
 {% block pagetitle %} Statistics for {{lesson}} {% endblock %}
+{% block script %}
+<script type="text/javascript" src="{% static 'yaksh/js/jquery.tablesorter.min.js' %}">
+</script>
+<script type="text/javascript">
+    $(document).ready(function() {
+        $.tablesorter.addWidget({
+            id: "numbering",
+            format: function(table) {
+                var c = table.config;
+                $("tr:visible", table.tBodies[0]).each(function(i) {
+                    $(this).find('td').eq(0).text(i + 1);
+                });
+            }
+        });
+        $("#stats-table").tablesorter({
+            headers: {
+                0: { sorter: false }
+            },
+            widgets: ['numbering']
+        });
+    });
+</script>
+{% endblock %}
 {% block content %}
 <div class="container-fluid">
     <br>
-    <a class="btn btn-primary" href="{% url 'yaksh:get_course_modules' course_id %}">
-        <i class="fa fa-arrow-left"></i>&nbsp;Back
-    </a>
-    <br><br>
+    <div class="row">
+        <div class="col-md-2">
+            <a class="btn btn-primary" href="{% url 'yaksh:get_course_modules' course_id %}">
+                <i class="fa fa-arrow-left"></i>&nbsp;Back
+            </a>
+        </div>
+    </div>
+    <br>
     {% if data %}
     <div class="row">
         <div class="col-md-4">
@@ -53,8 +81,8 @@
             {% else %}
                 <div class="card">
                     <div class="card-header">
-                        {{question.summary}}
-                        <div>
+                        <b>{{question.summary}}</b>
+                        <div style="font-size: 20px">
                         {% if question.language == "other" %}
                           <small class="text text-muted"><strong>Topic:</strong> <span class="badge badge-primary">{{question.topic}}</small></span>
                         {% else %}
@@ -104,15 +132,21 @@
                             {{tc.options}}
                             {% if per_tc_ans %}
                                 {% get_tc_percent tc.id per_tc_ans as percent %}
-                                <div class="progress" style="width: 30%">
-                                {% if percent %}
-                                    <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
-                                      aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                                        <b style="color: white;">{{percent}}%</b>
+                                <div class="progress-wrapper col-md-4">
+                                    <div class="progress-info">
+                                        <div class="progress-percentage">
+                                          <span>
+                                            {% if percent %} {{percent|floatformat}} {% else %} 0 {% endif %}%
+                                          </span>
+                                        </div>
+                                    </div>
+                                    <div class="progress">
+                                        {% if percent %}
+                                            <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
+                                              aria-valuemin="0" aria-valuemax="100" style="width:{{percent|floatformat}}%">
+                                            </div>
+                                        {% endif %}
                                     </div>
-                                {% else %}
-                                    <b style="color: black;">0%</b>
-                                {% endif %}
                                 </div>
                             {% endif %}
                             {% elif question.type == "integer" %}
@@ -152,23 +186,36 @@
                     <br><br>
                 {% endif %}
                 {% include "yaksh/paginator.html" %}
-                <table class="table table-responsive">
-                    <tr>
-                        <th>Sr No.</th>
-                        <th>Student Name</th>
-                        <th>Email</th>
-                        <th>Latest Submission</th>
-                    </tr>
-                    {% for data in objects.object_list %}
+                {% if objects.object_list|length > 10 %}
+                <div class="table-responsive" style="height: 700px">
+                {% else %}
+                <div class="table-responsive">
+                {% endif %}
+                    <table class="table table-dark table-responsive" id="stats-table">
+                        <thead class="thead-dark">
                         <tr>
-                            <td>{{ forloop.counter0|add:objects.start_index }}</td>
-                            <td>{{data.student__first_name}} {{data.student__last_name}}</td>
-                            <td>{{data.student__email}}</td>
-                            {% get_answers data.toc_id data.student_id as user_answer %}
-                            <td>{{ user_answer.0 }}</td>
+                            <th>Sr No.</th>
+                            <th>Student Name&nbsp;<i class="fa fa-sort"></i></th>
+                            <th>Roll No&nbsp;<i class="fa fa-sort"></i></th>
+                            <th>Email&nbsp;<i class="fa fa-sort"></i></th>
+                            <th>Latest Submission&nbsp;<i class="fa fa-sort"></i></th>
                         </tr>
-                    {% endfor %}
-                </table>
+                        </thead>
+                        <tbody class="list">
+                        {% for data in objects.object_list %}
+                            <tr>
+                                <td>{{ forloop.counter }}</td>
+                                <td>{{data.student__first_name}} {{data.student__last_name}}</td>
+                                <td>{{data.student__profile__roll_number}}</td>
+                                <td>{{data.student__email}}</td>
+                                {% get_answers data.toc_id data.student_id as user_answer %}
+                                <td>{{ user_answer.0 }}</td>
+                            </tr>
+                        {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+                <br>
                 {% include "yaksh/paginator.html" %}
             {% endif %}
         </div>
diff --git a/yaksh/templates/yaksh/show_video.html b/yaksh/templates/yaksh/show_video.html
index d27293e..faa7735 100644
--- a/yaksh/templates/yaksh/show_video.html
+++ b/yaksh/templates/yaksh/show_video.html
@@ -9,24 +9,20 @@
     var contents_by_time = JSON.parse('{{ contents_by_time|safe }}');
     var loc = 0;
     var video_time = [];
+    var markers = [];
+    var track_count = 0;
 </script>
-<script type="text/javascript" src="{% static 'yaksh/js/jquery-ui.js' %}"></script>
 <script type="text/javascript" src="{% static 'yaksh/js/show_toc.js' %}">
 </script>
 <script src="{% static 'yaksh/js/jquery-sortable.js' %}"></script>
-<script type="text/javascript" src="{% static 'yaksh/js/mathjax/MathJax.js' %}?config=TeX-MML-AM_CHTML">
-</script>
 <script type="text/javascript" src="{% static 'yaksh/js/tinymce/js/tinymce/tinymce.min.js' %}"></script>
 {% endblock %}
-{% block css %}
-<link rel="stylesheet" href="{% static 'yaksh/css/jquery-ui/jquery-ui.css' %}">
-{% endblock %}
 {% block main %}
 <div class="wrapper">
     <!-- Sidebar  -->
     <nav id="sidebar">
-        <div class="sidebar-header">
-            <a class="text-light" href="{% url 'yaksh:course_modules' course.id %}">
+        <div class="sidebar-header bg-info">
+            <a class="text-white" href="{% url 'yaksh:course_modules' course.id %}">
                 {{course.name}}
             </a>
         </div>
@@ -59,14 +55,16 @@
                             {% for unit in module.get_learning_units %}
                                 {% get_unit_status course module unit user as status %}
                                 {% if unit.type == "quiz" %}
-                                    <a href="{% url 'yaksh:start_quiz' unit.quiz.questionpaper_set.get.id module.id course.id %}" class="list-group-item">
-                                        {% if status == "completed" %}
-                                          <i class="fa fa-check-square"></i>
-                                        {% else %}
-                                          <i class="fa fa-square-o"></i>
-                                        {% endif %}
-                                        {{ unit.quiz.description }}
-                                    </a>
+                                    {% if unit.quiz.questionpaper_set.get.id %}
+                                        <a href="{% url 'yaksh:start_quiz' unit.quiz.questionpaper_set.get.id module.id course.id %}" class="list-group-item">
+                                            {% if status == "completed" %}
+                                              <i class="fa fa-check-square"></i>
+                                            {% else %}
+                                              <i class="fa fa-square-o"></i>
+                                            {% endif %}
+                                            {{ unit.quiz.description }}
+                                        </a>
+                                    {% endif %}
                                 {% else %}
                                     <a href="{% url 'yaksh:show_lesson' unit.lesson.id module.id course.id %}" class="list-group-item">
                                         {% if status == "completed" %}
@@ -196,6 +194,11 @@
                     {% endif %}
                 {% endif %}
                 <div class="col-md-8">
+                    <form action="{% url 'stats:add_tracker' track_id %}" method="POST" id="track-form">
+                        {% csrf_token %}
+                        <input type="hidden" name="video_duration" id="video_duration">
+                        <input type="hidden" name="current_video_time" id="current_video_time">
+                    </form>
                     <div class="card">
                         <div class="card-header"><h3><strong>Lesson Description</strong></h3></div>
                         <div class="card-body">
@@ -226,7 +229,7 @@
                 </div>
             </div>
             <br>
-            <a href="{% url 'yaksh:next_unit' course.id learning_module.id current_unit.id %}" class="btn btn-info btn-lg" >
+            <a href="{% url 'yaksh:next_unit' course.id learning_module.id current_unit.id %}" class="btn btn-info btn-lg" id="next_unit">
                     Next&nbsp;<i class="fa fa-step-forward"></i>
             </a>
         {% endif %}
@@ -276,6 +279,12 @@
         {% endif %}
     </div>
 </div>
-<div id="dialog"></div>
+<div class="modal" tabindex="-1" role="dialog" id="myModal">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-body" id="lesson_quiz_question"></div>
+    </div>
+  </div>
+</div>
 {% endblock %}
 
diff --git a/yaksh/templates/yaksh/showquestions.html b/yaksh/templates/yaksh/showquestions.html
index daeaea7..aefb3a6 100644
--- a/yaksh/templates/yaksh/showquestions.html
+++ b/yaksh/templates/yaksh/showquestions.html
@@ -51,26 +51,17 @@
                   <br><br>
                   <h4> Or </h4>
                   <br>
-                  <div class="input-group mb-3">
                       <div class="custom-file">
-                          {{ upload_form }}
+                          {{ upload_form.file }}
                           <label class="custom-file-label" for="id_file">
                               Choose file
                           </label>
                       </div>
+                      <br><br>
                       <div class="input-group-append">
                         <button class="btn btn-outline-primary" type="submit" name="upload" value="upload"><i class="fa fa-upload"></i>&nbsp;Upload File</button>
                       </div>
-                  </div>
               </div>
-              <script>
-                  $('#id_file').on('change',function(){
-                      //get the file name
-                      var fileName = $(this).val();
-                      //replace the "Choose a file" label
-                      $(this).next('.custom-file-label').html(fileName);
-                  })
-              </script>
           </form>
         </div>
       </div>
@@ -87,119 +78,128 @@
           </div>
           {% endfor %}
         {% endif %}
-        <div class="card">
-          <div class="card-body">
-            <!-- Filter Questions -->
-            <h4>Filters Questions: </h4>
-            <form method="GET" action="{% url 'yaksh:questions_filter' %}">
-
-              <div class="row">
-                  <div class="col-md-4">{{ form.question_type }}</div>
-                  <div class="col-md-4">{{ form.language }}</div>
-                  <div class="col-md-4">{{ form.marks }}</div>
-                  <br><br>
-                  <div class="col">
-                    <button class="btn btn-outline-success">
-                      <i class="fa fa-filter"></i>&nbsp;Filter
+        <div class="row">
+          <div class="col">
+          <div class="card">
+            <div class="card-body">
+              <!-- Filter Questions -->
+              <h4>Filters Questions: </h4>
+              <form method="GET" action="{% url 'yaksh:questions_filter' %}">
+                {{form.as_table}}
+                <br><br>
+                <button class="btn btn-outline-success">
+                  <i class="fa fa-filter"></i>&nbsp;Filter
+                </button>
+              </form>
+              <!-- End Filter Questions -->
+              <hr>
+              <h4>OR</h4>
+              <!-- Search by Tags -->
+              <h4>Search using Tags: </h4>
+              <select class="form-control" id="sel1" onchange="append_tag(this);">
+                {% if all_tags %}
+                 <option value="" disabled selected>Available Tags</option>
+                {% for tag in all_tags %}
+                <option>
+                    {{tag}}
+                </option>
+                {% endfor %}
+                {% else %}
+                 <option value="" disabled selected>No Available Tags</option>
+                {% endif %}
+              </select>
+              <br>
+              <form method="GET" action="{% url 'yaksh:search_questions_by_tags' %}">
+                <div class="input-group">
+                  <input type="text" name="question_tags" id="question_tags" class="form-control" type="search"  placeholder="Search questions using comma separated Tags">
+                  <span class="input-group-append">
+                    <button class="btn btn-outline-success" type="submit">
+                      <i class="fa fa-search"></i>
                     </button>
-                  </div>
-              </div>
-            </form>
-            <!-- End Filter Questions -->
-            <hr>
-            <!-- Search by Tags -->
-            <h4 >Search using Tags: </h4>
-            <div class="row">
-              <div class="col">
-                <form method="GET" action="{% url 'yaksh:search_questions_by_tags' %}">
-                  <div class="input-group">
-                    <input type="text" name="question_tags" id="question_tags" class="form-control" type="search"  placeholder="Search questions using comma separated Tags">
-                    <span class="input-group-append">
-                      <button class="btn btn-outline-success" type="submit">
-                        <i class="fa fa-search"></i>&nbsp;Search
-                      </button>
-                    </span>
-                  </div>
-                </form>
-              </div>
-              <div class="col">
-                <select class="form-control" id="sel1" onchange="append_tag(this);">
-                  {% if all_tags %}
-                   <option value="" disabled selected>Available Tags</option>
-                  {% for tag in all_tags %}
-                  <option>
-                      {{tag}}
-                  </option>
-                  {% endfor %}
-                  {% else %}
-                   <option value="" disabled selected>No Available Tags</option>
-                  {% endif %}
-                </select>
-              </div>
+                  </span>
+                </div>
+              </form>
+              <br>
+              <!-- End Search by Tags -->
+              <a class="btn btn-outline-danger" href="{% url 'yaksh:show_questions' %}">
+                <i class="fa fa-times"></i>&nbsp;Clear
+              </a>
             </div>
-            <br>
-            <!-- End Search by Tags -->
-            <a class="btn btn-outline-danger" href="{% url 'yaksh:show_questions' %}">
-              <i class="fa fa-times"></i>&nbsp;Clear
-            </a>
+            <!-- End Card body -->
           </div>
-          <!-- End Card body -->
         </div>
+        <div id="question-list">
         <!-- End card filters and search -->
         <form name=frm action="{% url 'yaksh:show_questions' %}" method="post">
           {% csrf_token %}
           <div id="filtered-questions">
             <br>
-            <a class="btn btn-lg btn-success" href="{% url 'yaksh:add_question' %}">
-              <i class="fa fa-plus-circle"></i>&nbsp;Add Question</a>
             {% if objects %}
-              <div>
-                <br>
+              <div class="row">
+                <div class="col">
                 {% include "yaksh/paginator.html" %}
-                <br>
-                <h5><input id="checkall" type="checkbox"> Select All </h5>
-                 <div class="table-wrapper-2">
-                    <table id="questions-table" class="tablesorter table  table-striped table-responsive-sm">
-                      <thead>
-                        <tr>
-                          <th> Select </th>
-                          <th> Sr No. </th>
-                          <th> Summary&nbsp;<i class="fa fa-sort"></i> </th>
-                          <th> Language&nbsp;<i class="fa fa-sort"></i> </th>
-                          <th> Type&nbsp;<i class="fa fa-sort"></i> </th>
-                          <th> Marks&nbsp;<i class="fa fa-sort"></i> </th>
-                          <th>Test</th>
-                          <th>Download</th>
-                          <th>Delete</th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        {% for question in objects %}
-                        <tr>
-                          <td>
-                           <input type="checkbox" name="question" value="{{ question.id }}">
-                          </td>
-                          <td>{{forloop.counter}}</td>
-                          <td><a href="{% url 'yaksh:add_question' question.id %}">{{question.summary|capfirst}}</a></td>
-                          <td>{{question.language|capfirst}}</td>
-                          <td>{{question.type|capfirst}}</td>
-                          <td>{{question.points}}</td>
-                          <td>
-                            <a href="{% url 'yaksh:test_question' question.id %}" class="btn btn-info">
-                              Test
-                            </a>
-                          </td>
-                          <td><a href="{% url 'yaksh:download_question' question.id %}" class="btn btn-primary">
-                            <i class="fa fa-download"></i>&nbsp;Download</a></td>
-                          <td><a href="{% url 'yaksh:delete_question' question.id %}" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete {{question.summary|capfirst}}?')">
-                          <i class="fa fa-trash"></i>&nbsp;Delete</a></td>
-                        </tr>
-                        {% endfor %}
-                      </tbody>
-                    </table>
-                  </div>
+                </div>
+                <div class="col">
+                  <a class="btn btn-lg btn-success" href="{% url 'yaksh:add_question' %}">
+                    <i class="fa fa-plus-circle"></i>&nbsp;Add Question
+                  </a>
+                </div>
               </div>
-            {% include "yaksh/paginator.html" %}
+              <br>
+              <h5><input id="checkall" type="checkbox"> Select All </h5>
+                <div class="card">
+                  {% if requested_users|length > 10 %}
+                  <div class="table-responsive" style="height: 700px">
+                  {% else %}
+                  <div class="table-responsive">
+                  {% endif %}
+                  <table id="questions-table" class="table table-dark table-responsive-sm">
+                    <thead class="thead-dark">
+                      <tr>
+                        <th> Select </th>
+                        <th> Sr No.</th>
+                        <th> Summary&nbsp;<i class="fa fa-sort"></i> </th>
+                        <th> Language&nbsp;<i class="fa fa-sort"></i> </th>
+                        <th> Type&nbsp;<i class="fa fa-sort"></i> </th>
+                        <th> Marks&nbsp;<i class="fa fa-sort"></i> </th>
+                        <th>Test</th>
+                        <th>Download</th>
+                        <th>Delete</th>
+                      </tr>
+                    </thead>
+                    <tbody class="list">
+                      {% for question in objects %}
+                      <tr>
+                        <td>
+                         <input type="checkbox" name="question" value="{{ question.id }}">
+                        </td>
+                        <td>
+                          {{forloop.counter}}
+                        </td>
+                        <td>
+                          <a href="{% url 'yaksh:add_question' question.id %}" class="text-white">
+                            {{question.summary|capfirst}}
+                          </a>
+                        </td>
+                        <td>{{question.language|capfirst}}</td>
+                        <td>{{question.type|capfirst}}</td>
+                        <td>{{question.points}}</td>
+                        <td>
+                          <a href="{% url 'yaksh:test_question' question.id %}" class="btn btn-info">
+                            Test
+                          </a>
+                        </td>
+                        <td><a href="{% url 'yaksh:download_question' question.id %}" class="btn btn-primary">
+                          <i class="fa fa-download"></i></a></td>
+                        <td><a href="{% url 'yaksh:delete_question' question.id %}" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete {{question.summary|capfirst}}?')">
+                        <i class="fa fa-trash"></i></a></td>
+                      </tr>
+                      {% endfor %}
+                    </tbody>
+                  </table>
+                  </div>
+                </div>
+              {% include "yaksh/paginator.html" %}
             {% else %}
               <br><br>
               <div class="alert alert-info">
@@ -217,6 +217,8 @@
             {% endif %}
           </center>
         </form>
+        </div>
+      </div>
       </div>
     </div>
   </div>
diff --git a/yaksh/templates/yaksh/sidebar.html b/yaksh/templates/yaksh/sidebar.html
index 7d0ac74..f6edc7f 100644
--- a/yaksh/templates/yaksh/sidebar.html
+++ b/yaksh/templates/yaksh/sidebar.html
@@ -1,8 +1,16 @@
 <!-- Sidebar -->
-<div class="bg-light border-right" id="sidebar-wrapper">
-  <div class="list-group list-group-flush">
-    <a href="{% url 'yaksh:course_forum' course.id %}" class="list-group-item list-group-item-action {% if '/course_forum/' in request.path %}active{% endif %}">Course Forum</a>
-    <a href="{% url 'yaksh:lessons_forum' course.id %}" class="list-group-item list-group-item-action {% if '/lessons_forum/' in request.path %}active{% endif %}">Lessons Forum</a>
-  </div>
+<div>
+  <ul class="nav nav-pills">
+    <li class="nav-item">
+        <a href="{% url 'yaksh:course_forum' course.id %}" class="nav-link {% if '/course_forum/' in request.path %}active{% endif %}">
+            Course Forum
+        </a>
+    </li>
+    <li class="nav-item">
+        <a href="{% url 'yaksh:lessons_forum' course.id %}" class="nav-link {% if '/lessons_forum/' in request.path %}active{% endif %}">
+            Lessons Forum
+        </a>
+    </li>
+  </ul>
 </div>
 <!-- /#sidebar-wrapper -->
diff --git a/yaksh/templates/yaksh/statistics_question.html b/yaksh/templates/yaksh/statistics_question.html
index 52c29d3..588e131 100644
--- a/yaksh/templates/yaksh/statistics_question.html
+++ b/yaksh/templates/yaksh/statistics_question.html
@@ -1,4 +1,5 @@
 {% extends "manage.html" %}
+{% load custom_filters %}
 
 {% block title %} Question Statistics {% endblock %}
 {% block pagetitle %} Statistics for {{ quiz.description }}{% endblock pagetitle %}
@@ -17,16 +18,34 @@
             </ul>
         </div>
         <div class="col-md-9">
+            {% if messages %}
+                {% for message in messages %}
+                <div class="alert alert-dismissible alert-{{ message.tags }}">
+                    <button type="button" class="close" data-dismiss="alert">
+                        <i class="fa fa-close"></i>
+                    </button>
+                    <strong>{{ message }}</strong>
+                </div>
+                {% endfor %}
+            {% endif %}
             {% if question_stats %}
                 <p><b>Total number of participants: {{ total }}</b></p>
                 <table class="table table-responsive-sm">
-                    <tr class="bg-light yakshred"><th>Question</th><th></th><th>Type</th><th>Total</th><th>Answered Correctly</th></tr>
-                    {% for question, value in question_stats.items  %}
+                    <tr class="bg-light">
+                        <th>Question</th>
+                        <th>Type</th>
+                        <th>Total attempts</th>
+                        <th>Answered Correctly</th>
+                    </tr>
+                    {% for question, data in question_stats.items  %}
                     <tr>
-                        <td width="45%">{{ question.summary }}
+                        <td style="width: 45%">
+                            <a href="#collapse_question_{{question.id}}" data-toggle="collapse">
+                            <i class="fa fa-plus"></i>&nbsp;{{ question.summary }}</a>
                             <div class="collapse" id="collapse_question_{{question.id}}">
                                 <br>
-                                <div class="card card-body">
+                                <div class="card">
+                                    <div class="card-body">
                                     <strong>
                                         Summary:
                                     </strong>
@@ -36,7 +55,7 @@
                                     <strong>
                                         Description:
                                     </strong>
-                                    <p>
+                                    <p width="100%">
                                         {{ question.description|safe }}
                                     </p>
                                     <strong>
@@ -51,89 +70,49 @@
                                     <p>
                                         {{ question.get_type_display }}
                                     </p>
-                                    {% if question.type in 'mcq mcc' %}
-                                    <strong>
-                                        Test Cases:
-                                    </strong>
-                                    <p>
-                                        <ol>
-                                        {% for tc in question.testcase_set.all %}
-                                                <li>              
-                                                    {{ tc.mcqtestcase.options }}
-                                                    {% if tc.mcqtestcase.correct %}
-                                                        <span class="badge badge-primary">Correct</span>
-                                                    {% endif %}
-                                                </li>
+                                    {% if question.type in "mcq mcc" %}
+                                        {% for tc in question.get_test_cases %}
+                                            {% if tc.correct %}
+                                            <span class="badge badge-pill badge-success">
+                                                {{forloop.counter}}.
+                                            </span>
+                                            {% else %}
+                                            <span class="badge badge-pill badge-dark">
+                                                {{ forloop.counter }}.
+                                            </span>
+                                            {% endif %}
+                                            {{tc.options}}
+                                                {% get_percent_value data.3 tc.id total as percent %}
+                                                <div class="progress-wrapper col-md-4">
+                                                    <div class="progress-info">
+                                                        <div class="progress-percentage">
+                                                          <span>
+                                                            {% if percent %} {{percent|floatformat}} {% else %} 0 {% endif %}%
+                                                          </span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="progress">
+                                                        {% if percent %}
+                                                            <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{percent}}"
+                                                              aria-valuemin="0" aria-valuemax="100" style="width:{{percent|floatformat}}%">
+                                                            </div>
+                                                        {% endif %}
+                                                    </div>
+                                                </div>
+                                            <br>
                                         {% endfor %}
-                                        </ol>
-                                    </p>
                                     {% endif %}
+                                    </div>
                                 </div>
                             </div>
                         </td>
-                        <td>
-                            <button class="btn btn-outline-primary" type="button" data-toggle="collapse" data-target="#collapse_question_{{question.id}}" aria-expanded="false" aria-controls="collapseExample">
-                            <i class="fa fa-angle-down"></i>&nbsp;More
-                            </button>
-                        </td>
-                        <td>{{ question.type }}</td>
-                        <td>{{value.1}}</td><td>{{ value.0 }} ({% widthratio value.0 value.1 100 %}%)</td>
-
-
+                        <td>{{ question.get_type_display }}</td>
+                        <td>{{data.0}} out of {{total}}</td>
+                        <td>{{ data.1 }} out of {{data.0}} ({{data.2}}%)</td>
                     </tr>
                     {% endfor %}
                 </table>
             {% endif %}
-
-            <!-- The Modal -->
-            <div class="modal" id="question_detail_modal">
-            <div class="modal-dialog">
-              <div class="modal-content">
-              
-                <!-- Modal Header -->
-                <div class="modal-header">
-                  <h4 class="modal-title">Question Details</h4>
-                  <button type="button" class="close" data-dismiss="modal">&times;</button>
-                </div>
-                
-                <!-- Modal body -->
-                <div class="modal-body">
-                    <table>
-                        <tr>
-                            <td>Summary</td>
-                            <td>{{ question.summary }}</td>
-                        </tr>
-                        <tr>
-                            <td>Description</td>
-                            <td>{{ question.description }}</td>
-                        </tr>                        <tr>
-                            <td>Type</td>
-                            <td>{{ question.type }}</td>
-                        </tr>                        <tr>
-                            <td>Points</td>
-                            <td>{{ question.points }}</td>
-                        </tr>
-                        <tr>
-                            {% for tc in question.testcase_set.all %}
-                                tc
-                            {% endfor %}
-                            <br><br>
-                        </tr>
-                    </table>
-                </div>
-                
-                <!-- Modal footer -->
-                <div class="modal-footer">
-                  <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
-                </div>
-                
-              </div>
-            </div>
-            </div>
-
-              </div>
-            </div>
-            <!-- end Modal outer -->
         </div>
     </div>
 </div>
diff --git a/yaksh/templates/yaksh/upload_download_course_md.html b/yaksh/templates/yaksh/upload_download_course_md.html
new file mode 100644
index 0000000..072ae4c
--- /dev/null
+++ b/yaksh/templates/yaksh/upload_download_course_md.html
@@ -0,0 +1,13 @@
+<div>
+    <a href="{% url 'upload:download_course_md' course.id %}">
+        <i class="fa fa-download"></i>&nbsp;Download
+    </a>
+    <br><br>
+    <form action="" method="POST" enctype="multipart/form-data">
+        {% csrf_token %}
+        <input type="file" name="course_upload_md" required="">
+        <button class="btn btn-outline-success" id="course_upload_md_btn" name="course_upload_md_btn">
+            <i class="fa fa-upload"></i>&nbsp;Upload
+        </button>
+    </form>
+</div>
\ No newline at end of file
diff --git a/yaksh/templates/yaksh/user_data.html b/yaksh/templates/yaksh/user_data.html
index a79071d..8d4a727 100644
--- a/yaksh/templates/yaksh/user_data.html
+++ b/yaksh/templates/yaksh/user_data.html
@@ -65,28 +65,25 @@
             Submission Details
           </div>
           <div class="card-body">
-            <table class="tablesorter table table-striped table-bordered table-responsive-sm" id='marks_table'>
-              <thead>
+            <table class="table table-dark table-responsive-sm" id='marks_table'>
+              <thead class="thead-dark">
                 <tr>
                 <th>Questions</th>
                 <th>Type</th>
                 <th>Marks Obtained</th>
                 </tr>
                 </thead>
-                <tbody>
+                <tbody class="list">
                   {% for question, answers in paper.get_question_answers.items %}
                     <tr>
                       <td>{{question.summary}}</td>
                       <td>{{question.type}}</td>
-                      <td>
-                        {% for answer in answers %}
-                          {{answer.marks}}
-                        {% endfor %}
-                      </td>
+                      <td>{{ answers|last }}</td>
                     </tr>
                   {% endfor %}
                 </tbody>
             </table>
+            <br>
             {% for question, answers in paper.get_question_answers.items %}
               <div class="card" id="question_{{question.id}}">
                 <div class="card-header text-white bg-info">
@@ -181,30 +178,34 @@
                       </center>
                     {% endif %} <!-- End has_user_assignments -->
                   {% else %}
-                  {% for ans in answers %}
+
+                  {% if answers|first is None %}
+                    <p> Did not attempt </p>
+                  {% else %}
+                  {% for ans in answers|slice:":-1" %}
                     <strong>
                       Attempt Number: {{forloop.counter}}
                     </strong>
                     <div id="accordian">
                       <div class="card">
                         {% if ans.answer.correct %}
-                          <div class="card-header">
+                          <div class="card-header bg-success">
                             <span class="badge badge-success">
                               Correct answer:
                             </span>
                             <a class="card-link" data-toggle="collapse" href="#submitted_{{ans.answer.id}}">
-                              <span class="pull-right">
+                              <span class="pull-right text-white">
                                 Details&nbsp;<i class="fa fa-toggle-down"></i>
                               </span>
                             </a>
                           </div>
                         {% else %}
-                          <div class="card-header">
+                          <div class="card-header bg-danger">
                             <span class="badge badge-danger">
                               Error:
                             </span>
                             <a class="card-link" data-toggle="collapse" href="#submitted_{{ans.answer.id}}">
-                              <span class="pull-right">
+                              <span class="pull-right text-white">
                                 Details&nbsp;<i class="fa fa-toggle-down"></i>
                               </span>
                             </a>
@@ -303,6 +304,7 @@
                     </div>
                     <br>
                   {% endfor %} <!-- End for ans in answers -->
+                  {% endif %}<!-- check if attempted -->
                 </div>
               </div>
               {% endif %}
@@ -310,9 +312,7 @@
               <div class="form-group">
                 <div class="col-md-2">
                   <label class="col-form-label" for="q{{ question.id }}">Marks:</label>
-                  {% with answers|last as answer %}
-                    <input id="q{{ question.id }}" type="text" name="q{{ question.id }}_marks" size="4" class="form-control" value="{{ answer.marks }}" readonly=""><br><br>
-                  {% endwith %}
+                    <input id="q{{ question.id }}" type="text" name="q{{ question.id }}_marks" size="4" class="form-control" value="{{ answers|last }}" readonly=""><br><br>
                 </div>
               </div>
               <hr/>
diff --git a/yaksh/templates/yaksh/user_status.html b/yaksh/templates/yaksh/user_status.html
index 5f006c9..b5fe74e 100644
--- a/yaksh/templates/yaksh/user_status.html
+++ b/yaksh/templates/yaksh/user_status.html
@@ -1,19 +1,26 @@
 {% if status %}
     <strong>Student Name: {{student.get_full_name|title}}</strong>
     <br>
-    <strong>Overall Course Progress:</strong>
-    <div class="progress">
-        {% if course_percentage <= 50 %}
-            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40"
-            aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
-        {% elif course_percentage <= 75 %}
-            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40"
-            aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
-        {% else %}
-            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
-            aria-valuemin="0" aria-valuemax="100" style="width:{{course_percentage}}%">
-        {% endif %}
-        <b style="color: black;">{{course_percentage}}% Completed</b>
+    <div class="progress-wrapper">
+        <div class="progress-info">
+            <div class="progress-label">
+              <span>Course completed</span>
+            </div>
+            <div class="progress-percentage">
+              <span>
+                {% if course_percentage %} {{course_percentage}} {% else %} 0 {% endif %}%
+              </span>
+            </div>
+        </div>
+        <div class="progress">
+            <div
+                class="progress-bar progress-bar-primary"
+                role="progressbar"
+                aria-valuenow="{{course_percentage}}"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                style="width:{{course_percentage}}%">
+            </div>
         </div>
     </div>
     <br>
@@ -22,17 +29,25 @@
     <table class="table">
         {% for module, percent in modules %}
             <tr>
-                <td width="30%">{{ module.name }}</td>
+                <td>{{ module.name }}</td>
                 <td>
-                    <div class="progress">
-                        {% if percent <= 50 %}
-                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                        {% elif percent <= 75 %}
-                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                        {% else %}
-                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:{{percent}}%">
-                        {% endif %}
-                        <b style="color: black;">{{percent}}% Completed</b>
+                    <div class="progress-wrapper">
+                        <div class="progress-info">
+                            <div class="progress-percentage">
+                              <span>
+                                {% if percent %} {{percent}} {% else %} 0 {% endif %}%
+                              </span>
+                            </div>
+                        </div>
+                        <div class="progress">
+                            <div
+                                class="progress-bar progress-bar-primary"
+                                role="progressbar"
+                                aria-valuenow="{{percent}}"
+                                aria-valuemin="0"
+                                aria-valuemax="100"
+                                style="width:{{percent}}%">
+                            </div>
                         </div>
                     </div>
                 </td>
diff --git a/yaksh/templates/yaksh/view_answerpaper.html b/yaksh/templates/yaksh/view_answerpaper.html
index 905a111..43fb97a 100644
--- a/yaksh/templates/yaksh/view_answerpaper.html
+++ b/yaksh/templates/yaksh/view_answerpaper.html
@@ -70,17 +70,16 @@
             Submission Details
           </div>
           <div class="card-body">
-            <table class="tablesorter table table-striped table-bordered table-responsive-sm" id='marks_table'>
-              <thead>
+            <table class="table table-dark table-responsive-sm" id='marks_table'>
+              <thead class="thead-dark">
                 <tr>
                 <th>Questions</th>
                 <th>Type</th>
                 <th>Marks Obtained</th>
                 </tr>
                 </thead>
-                <tbody>
+                <tbody class="list">
                 {% for question, answers in paper.get_question_answers.items %}
-                  {% with answers|last as answer %}
                       <tr>
                       <td>
                         <a href="#question_{{question.id}}">
@@ -88,12 +87,12 @@
                         </a>
                       </td>
                       <td>{{ question.type }}</td>
-                      <td>{{ answer.answer.marks }}</td>
+                      <td>{{ answers|last  }}{{ answer.answer.marks }}</td>
                       </tr>
-                  {% endwith %}
                 {% endfor %}
                 </tbody>
             </table>
+            <br>
             {% for question, answers in paper.get_question_answers.items %}
               <div class="card" id="question_{{question.id}}">
                 <div class="card-header text-white bg-info">
@@ -200,30 +199,33 @@
                       </center>
                     {% endif %} <!-- End has_user_assignments -->
                   {% else %}
-                  {% for ans in answers %}
+                  {% if answers|first is None %}
+                    <p> Did not attempt </p>
+                  {% else %}
+                  {% for ans in answers|slice:":-1" %}
                     <strong>
                       Attempt Number: {{forloop.counter}}
                     </strong>
                     <div id="accordian">
                       <div class="card">
                         {% if ans.answer.correct %}
-                          <div class="card-header">
+                          <div class="card-header bg-success">
                             <span class="badge badge-success">
                               Correct answer:
                             </span>
                             <a class="card-link" data-toggle="collapse" href="#submitted_{{ans.answer.id}}">
-                              <span class="pull-right">
+                              <span class="pull-right text-white">
                                 Details&nbsp;<i class="fa fa-toggle-down"></i>
                               </span>
                             </a>
                           </div>
                         {% else %}
-                          <div class="card-header">
+                          <div class="card-header bg-danger">
                             <span class="badge badge-danger">
                               Error:
                             </span>
                             <a class="card-link" data-toggle="collapse" href="#submitted_{{ans.answer.id}}">
-                              <span class="pull-right">
+                              <span class="pull-right text-white">
                                 Details&nbsp;<i class="fa fa-toggle-down"></i>
                               </span>
                             </a>
@@ -324,6 +326,7 @@
                     </div>
                     <br>
                   {% endfor %} <!-- End for ans in answers -->
+                  {% endif %}<!-- check if attempted -->
                 </div>
               </div>
               {% endif %}
@@ -331,9 +334,7 @@
               <div class="form-group">
                 <div class="col-md-2">
                   <label class="col-form-label" for="q{{ question.id }}">Marks:</label>
-                  {% with answers|last as answer %}
-                  <input id="q{{ question.id }}" type="text" name="q{{ question.id }}_marks" size="4" class="form-control" value="{{ answer.answer.marks }}" readonly=""><br><br>
-                  {% endwith %}
+                  <input id="q{{ question.id }}" type="text" name="q{{ question.id }}_marks" size="4" class="form-control" value="{{ answers|last }}" readonly=""><br><br>
                 </div>
               </div>
               <hr/>
diff --git a/yaksh/templates/yaksh/view_notifications.html b/yaksh/templates/yaksh/view_notifications.html
index 48193ed..72a8fd2 100644
--- a/yaksh/templates/yaksh/view_notifications.html
+++ b/yaksh/templates/yaksh/view_notifications.html
@@ -38,7 +38,7 @@
                               <span class="fa fa-check" aria-hidden="true" title="Mark as read"></span>
                             </a>
                         </div>
-                        <div class="toast-body">
+                        <div class="toast-body bg-white">
                             {% if user.id != message.creator.id %}
                                 <p><b>From: </b>{{message.creator.get_full_name}}</p>
                             {% endif %}
diff --git a/yaksh/templatetags/custom_filters.py b/yaksh/templatetags/custom_filters.py
index a3cd3f1..bd97d2e 100644
--- a/yaksh/templatetags/custom_filters.py
+++ b/yaksh/templatetags/custom_filters.py
@@ -11,7 +11,11 @@ except ImportError:
 from pygments import highlight
 from pygments.lexers import get_lexer_by_name
 from pygments.formatters import HtmlFormatter
+
+# Local Imports
 from yaksh.models import User, Course, Quiz, TableOfContents, Lesson
+from stats.models import TrackLesson
+
 
 register = template.Library()
 
@@ -80,12 +84,15 @@ def get_answer_for_arrange_options(ans, question):
         ans = ans.decode("utf-8")
     else:
         ans = str(ans)
-    answer = literal_eval(ans)
-    testcases = []
-    for answer_id in answer:
-        tc = question.get_test_case(id=int(answer_id))
-        testcases.append(tc)
-    return testcases
+    try:
+        answer = literal_eval(ans)
+        testcases = []
+        for answer_id in answer:
+            tc = question.get_test_case(id=int(answer_id))
+            testcases.append(tc)
+        return testcases
+    except Exception:
+        return None
 
 
 @register.filter(name='replace_spaces')
@@ -198,5 +205,22 @@ def has_lesson_video(lesson_id):
 
 @register.simple_tag
 def get_tc_percent(tc_id, data):
-    return data.get(str(tc_id), 0)
+    return data.get(str(tc_id), 0) if data else None
+
+
+@register.simple_tag
+def get_lesson_views(course_id, lesson_id):
+    course = Course.objects.get(id=course_id)
+    return TrackLesson.objects.filter(
+        course_id=course_id, lesson_id=lesson_id, watched=True
+    ).count(), course.students.count()
 
+
+@register.simple_tag
+def get_percent_value(dictionary, key, total):
+    return round((dictionary.get(str(key), 0)/total)*100) if dictionary else None
+
+
+@register.simple_tag
+def get_dict_value(dictionary, key):
+    return dictionary.get(key, 0) if dictionary else None
diff --git a/yaksh/test_models.py b/yaksh/test_models.py
index d6e5a12..70fdb17 100644
--- a/yaksh/test_models.py
+++ b/yaksh/test_models.py
@@ -109,6 +109,7 @@ def setUpModule():
     MicroManager.objects.create(manager=user, course=course, quiz=quiz,
                                 student=course_user)
 
+
 def tearDownModule():
     User.objects.all().delete()
     Question.objects.all().delete()
@@ -285,8 +286,9 @@ class LearningModuleTestCases(unittest.TestCase):
         self.learning_module_two = LearningModule.objects.get(name='LM2')
         self.creator = User.objects.get(username='creator')
         self.student = User.objects.get(username='course_user')
-        self.learning_unit_one = LearningUnit.objects.get(id=1)
-        self.learning_unit_two = LearningUnit.objects.get(id=2)
+        learning_units = self.learning_module.learning_unit.order_by("order")
+        self.learning_unit_one = learning_units[0]
+        self.learning_unit_two = learning_units[1]
         self.quiz = Quiz.objects.get(description='demo quiz 1')
         self.lesson = Lesson.objects.get(name='L1')
         self.course = Course.objects.get(name='Python Course')
@@ -1417,29 +1419,36 @@ class AnswerPaperTestCases(unittest.TestCase):
     def test_get_per_question_score(self):
         # Given
         question_id = self.question4.id
-        expected_score = 1
+        question_name = self.question4.summary
+        expected_score = {"Q4": 1.0}
         # When
         score = self.answerpaper_single_question.get_per_question_score(
-            question_id
+            [(question_name, question_id, f"{question_id}-comments")]
             )
         # Then
-        self.assertEqual(score, expected_score)
+        self.assertEqual(score['Q4'], expected_score['Q4'])
 
         # Given
         question_id = self.question2.id
-        expected_score = 0
+        question_name = self.question2.summary
+        expected_score = {"Q2": 0.0}
         # When
-        score = self.answerpaper.get_per_question_score(question_id)
+        score = self.answerpaper.get_per_question_score(
+            [(question_name, question_id, f"{question_id}-comments")]
+        )
         # Then
-        self.assertEqual(score, expected_score)
+        self.assertEqual(score["Q2"], expected_score["Q2"])
 
         # Given
         question_id = 131
-        expected_score = 'NA'
+        question_name = "NA"
+        expected_score = {'NA': 0}
         # When
-        score = self.answerpaper.get_per_question_score(question_id)
+        score = self.answerpaper.get_per_question_score(
+            [(question_name, question_id, f"{question_id}-comments")]
+        )
         # Then
-        self.assertEqual(score, expected_score)
+        self.assertEqual(score["NA"], expected_score["NA"])
 
     def test_returned_question_is_not_none(self):
         # Test add_completed_question and next_question
@@ -2195,17 +2204,37 @@ class TestCaseTestCases(unittest.TestCase):
 
 
 class AssignmentUploadTestCases(unittest.TestCase):
+
     def setUp(self):
-        self.user1 = User.objects.get(username="creator")
-        self.user1.first_name = "demo"
-        self.user1.last_name = "user"
-        self.user1.save()
-        self.user2 = User.objects.get(username="demo_user3")
-        self.user2.first_name = "demo"
-        self.user2.last_name = "user3"
-        self.user2.save()
-        self.quiz = Quiz.objects.get(description="demo quiz 1")
-        self.course = Course.objects.get(name="Python Course")
+        self.user1 = User.objects.create_user(
+            username='creator1',
+            password='demo',
+            email='demo@test1.com'
+        )
+        self.user2 = User.objects.create_user(
+            username='creator2',
+            password='demo',
+            email='demo@test2.com'
+        )
+        self.quiz = Quiz.objects.create(
+            start_date_time=datetime(
+                2015, 10, 9, 10, 8, 15, 0, tzinfo=pytz.utc
+            ),
+            end_date_time=datetime(
+                2199, 10, 9, 10, 8, 15, 0, tzinfo=pytz.utc
+            ),
+            duration=30, active=True,
+            attempts_allowed=1, time_between_attempts=0,
+            description='demo quiz 1', pass_criteria=0,
+            instructions="Demo Instructions"
+        )
+
+        self.course = Course.objects.create(
+            name="Python Course",
+            enrollment="Enroll Request",
+            creator=self.user1
+        )
+
         self.questionpaper = QuestionPaper.objects.create(
             quiz=self.quiz, total_marks=0.0, shuffle_questions=True
         )
@@ -2217,17 +2246,22 @@ class AssignmentUploadTestCases(unittest.TestCase):
         self.questionpaper.fixed_question_order = "{0}".format(
             self.question.id)
         self.questionpaper.fixed_questions.add(self.question)
+
+        attempt = 1
+        ip = '127.0.0.1'
+        self.answerpaper1 = self.questionpaper.make_answerpaper(
+                self.user1, ip, attempt, self.course.id
+            )
+
         file_path1 = os.path.join(tempfile.gettempdir(), "upload1.txt")
         file_path2 = os.path.join(tempfile.gettempdir(), "upload2.txt")
         self.assignment1 = AssignmentUpload.objects.create(
-            user=self.user1, assignmentQuestion=self.question,
-            assignmentFile=file_path1, question_paper=self.questionpaper,
-            course=self.course
+            assignmentQuestion=self.question,
+            assignmentFile=file_path1, answer_paper=self.answerpaper1,
             )
         self.assignment2 = AssignmentUpload.objects.create(
-            user=self.user2, assignmentQuestion=self.question,
-            assignmentFile=file_path2, question_paper=self.questionpaper,
-            course=self.course
+            assignmentQuestion=self.question,
+            assignmentFile=file_path2, answer_paper=self.answerpaper1,
             )
 
     def test_get_assignments_for_user_files(self):
@@ -2236,7 +2270,7 @@ class AssignmentUploadTestCases(unittest.TestCase):
                                     self.user1.id, self.course.id
                                     )
         self.assertIn("upload1.txt", assignment_files[0].assignmentFile.name)
-        self.assertEqual(assignment_files[0].user, self.user1)
+        self.assertEqual(assignment_files[0].answer_paper.user, self.user1)
         actual_file_name = self.user1.get_full_name().replace(" ", "_")
         file_name = file_name.replace(" ", "_")
         self.assertEqual(file_name, actual_file_name)
@@ -2247,7 +2281,8 @@ class AssignmentUploadTestCases(unittest.TestCase):
             )
         files = [os.path.basename(file.assignmentFile.name)
                  for file in assignment_files]
-        question_papers = [file.question_paper for file in assignment_files]
+        question_papers = [
+            file.answer_paper.question_paper for file in assignment_files]
         self.assertIn("upload1.txt", files)
         self.assertIn("upload2.txt", files)
         self.assertEqual(question_papers[0].quiz, self.questionpaper.quiz)
@@ -2255,6 +2290,14 @@ class AssignmentUploadTestCases(unittest.TestCase):
         file_name = file_name.replace(" ", "_")
         self.assertIn(actual_file_name, file_name)
 
+    def tearDown(self):
+        self.questionpaper.delete()
+        self.question.delete()
+        self.course.delete()
+        self.quiz.delete()
+        self.user2.delete()
+        self.user1.delete()
+
 
 class CourseStatusTestCases(unittest.TestCase):
     def setUp(self):
diff --git a/yaksh/test_views.py b/yaksh/test_views.py
index 4e1343e..925c3d1 100644
--- a/yaksh/test_views.py
+++ b/yaksh/test_views.py
@@ -23,7 +23,6 @@ from django.core.files.uploadedfile import SimpleUploadedFile
 from django.core.files import File
 from django.contrib.messages import get_messages
 from django.contrib.contenttypes.models import ContentType
-from celery.contrib.testing.worker import start_worker
 from django.test import SimpleTestCase
 
 
@@ -41,6 +40,8 @@ from online_test.celery_settings import app
 
 from notifications_plugin.models import Notification
 
+app.conf.update(CELERY_ALWAYS_EAGER=True)
+
 
 class TestUserRegistration(TestCase):
     def setUp(self):
@@ -614,10 +615,7 @@ class TestMonitor(TestCase):
 
         self.assertEqual(response.status_code, 200)
         self.assertTemplateUsed(response, "yaksh/monitor.html")
-        self.assertEqual(response.context['msg'], "Quiz Results")
         self.assertEqual(response.context['papers'][0], self.answerpaper)
-        self.assertEqual(response.context['latest_attempts'][0],
-                         self.answerpaper)
 
     def test_get_quiz_user_data(self):
         """
@@ -941,36 +939,38 @@ class TestDownloadAssignment(TestCase):
             )
         self.question_paper.fixed_questions.add(self.question)
 
+        attempt = 1
+        ip = '127.0.0.1'
+        self.answerpaper1 = self.question_paper.make_answerpaper(
+                self.student1, ip, attempt, self.course.id
+            )
+
+        self.answerpaper2 = self.question_paper.make_answerpaper(
+                self.student2, ip, attempt, self.course.id
+            )
+
         # create assignment file
         assignment_file1 = SimpleUploadedFile("file1.txt", b"Test")
         assignment_file2 = SimpleUploadedFile("file2.txt", b"Test")
+
         self.assignment1 = AssignmentUpload.objects.create(
-            user=self.student1, assignmentQuestion=self.question,
-            course=self.course,
-            assignmentFile=assignment_file1, question_paper=self.question_paper
+            assignmentQuestion=self.question,
+            assignmentFile=assignment_file1, answer_paper=self.answerpaper1
             )
         self.assignment2 = AssignmentUpload.objects.create(
-            user=self.student2, assignmentQuestion=self.question,
-            course=self.course,
-            assignmentFile=assignment_file2, question_paper=self.question_paper
+            assignmentQuestion=self.question,
+            assignmentFile=assignment_file2, answer_paper=self.answerpaper1
+            )
+
+        self.assignment1 = AssignmentUpload.objects.create(
+            assignmentQuestion=self.question,
+            assignmentFile=assignment_file1, answer_paper=self.answerpaper2
+            )
+        self.assignment2 = AssignmentUpload.objects.create(
+            assignmentQuestion=self.question,
+            assignmentFile=assignment_file2, answer_paper=self.answerpaper2
             )
 
-    def tearDown(self):
-        self.client.logout()
-        self.user.delete()
-        self.student1.delete()
-        self.student2.delete()
-        self.assignment1.delete()
-        self.assignment2.delete()
-        self.quiz.delete()
-        self.course.delete()
-        self.learning_module.delete()
-        self.learning_unit.delete()
-        self.mod_group.delete()
-        dir_name = self.course.name.replace(" ", "_")
-        file_path = os.sep.join((settings.MEDIA_ROOT, dir_name))
-        if os.path.exists(file_path):
-            shutil.rmtree(file_path)
 
     def test_download_assignment_denies_student(self):
         """
@@ -1040,10 +1040,27 @@ class TestDownloadAssignment(TestCase):
         zip_file = string_io(response.content)
         zipped_file = zipfile.ZipFile(zip_file, 'r')
         self.assertIsNone(zipped_file.testzip())
-        self.assertIn('file2.txt', zipped_file.namelist()[0])
+        self.assertIn('file1.txt', zipped_file.namelist()[0])
         zip_file.close()
         zipped_file.close()
 
+    def tearDown(self):
+        self.client.logout()
+        self.user.delete()
+        self.student1.delete()
+        self.student2.delete()
+        self.assignment1.delete()
+        self.assignment2.delete()
+        self.quiz.delete()
+        self.learning_module.delete()
+        self.learning_unit.delete()
+        self.mod_group.delete()
+        dir_name = f'Course_{self.course.id}'
+        file_path = os.sep.join((settings.MEDIA_ROOT, dir_name))
+        if os.path.exists(file_path):
+            shutil.rmtree(file_path)
+        self.course.delete()
+
 
 class TestAddQuiz(TestCase):
     def setUp(self):
@@ -2168,7 +2185,8 @@ class TestCourses(TestCase):
         # Teacher Login
         # Given
         # Add files to a lesson
-        lesson_file = SimpleUploadedFile("file1.txt", b"Test")
+        file_content = b"Test"
+        lesson_file = SimpleUploadedFile("file1.txt", file_content)
         django_file = File(lesson_file)
         lesson_file_obj = LessonFile()
         lesson_file_obj.lesson = self.lesson
@@ -2203,18 +2221,18 @@ class TestCourses(TestCase):
         self.assertEqual(response.status_code, 200)
         self.assertEqual(courses.last().creator, self.teacher)
         self.assertEqual(courses.last().name, "Copy Of Python Course")
-        self.assertEqual(module.name, "Copy of demo module")
+        self.assertEqual(module.name, "demo module")
         self.assertEqual(module.creator, self.teacher)
         self.assertEqual(module.order, 0)
         self.assertEqual(len(units), 2)
-        self.assertEqual(cloned_lesson.name, "Copy of demo lesson")
+        self.assertEqual(cloned_lesson.name, "demo lesson")
         self.assertEqual(cloned_lesson.creator, self.teacher)
-        self.assertEqual(cloned_quiz.description, "Copy of demo quiz")
+        self.assertEqual(cloned_quiz.description, "demo quiz")
         self.assertEqual(cloned_quiz.creator, self.teacher)
         self.assertEqual(cloned_qp.__str__(),
-                         "Question Paper for Copy of demo quiz")
-        self.assertEqual(os.path.basename(expected_lesson_files[0].file.name),
-                         os.path.basename(actual_lesson_files[0].file.name))
+                         "Question Paper for demo quiz")
+        self.assertTrue(expected_lesson_files.exists())
+        self.assertEquals(expected_lesson_files[0].file.read(), file_content)
 
         for lesson_file in self.all_files:
             file_path = lesson_file.file.path
@@ -3780,7 +3798,7 @@ class TestCourseDetail(TestCase):
         self.assertEqual(response.status_code, 200)
         data = response.json()['user_data']
         self.assertIn("Student_First_Name Student_Last_Name", data)
-        self.assertIn("Overall Course Progress", data)
+        self.assertIn("Course completed", data)
         self.assertIn("Per Module Progress", data)
 
 
@@ -4420,9 +4438,6 @@ class TestGrader(SimpleTestCase):
             end_time=timezone.now()+timezone.timedelta(minutes=20),
             )
 
-        self.celery_worker = start_worker(app)
-        self.celery_worker.__enter__()
-
     def tearDown(self):
         User.objects.all().delete()
         Course.objects.all().delete()
@@ -4431,7 +4446,6 @@ class TestGrader(SimpleTestCase):
         QuestionPaper.objects.all().delete()
         AnswerPaper.objects.all().delete()
         self.mod_group.delete()
-        self.celery_worker.__exit__(None, None, None)
 
     def test_regrade_denies_anonymous(self):
         # Given
@@ -4954,6 +4968,14 @@ class TestDownloadCsv(TestCase):
             total_marks=1.0, fixed_question_order=str(self.question.id)
             )
         self.question_paper.fixed_questions.add(self.question)
+        self.learning_unit = LearningUnit.objects.create(
+            order=1, type="quiz", quiz=self.quiz)
+        self.learning_module = LearningModule.objects.create(
+            order=1, name="download module", description="download module",
+            check_prerequisite=False, creator=self.user)
+        self.learning_module.learning_unit.add(self.learning_unit.id)
+        self.course.learning_module.add(self.learning_module)
+
 
         # student answerpaper
         user_answer = "def add(a, b)\n\treturn a+b"
@@ -5055,7 +5077,9 @@ class TestDownloadCsv(TestCase):
                     kwargs={'course_id': self.course.id}),
             follow=True
             )
-        file_name = "{0}.csv".format(self.course.name.lower())
+        file_name = "{0}.csv".format(
+            self.course.name.replace(" ", "_").lower()
+        )
         self.assertEqual(response.status_code, 200)
         self.assertEqual(response.get('Content-Disposition'),
                          'attachment; filename="{0}"'.format(file_name))
@@ -5088,15 +5112,16 @@ class TestDownloadCsv(TestCase):
             username=self.user.username,
             password=self.user_plaintext_pass
         )
-        response = self.client.get(
+        response = self.client.post(
             reverse('yaksh:download_quiz_csv',
                     kwargs={"course_id": self.course.id,
                             "quiz_id": self.quiz.id}),
+            data={"attempt_number": 1},
             follow=True
             )
-        file_name = "{0}-{1}-attempt{2}.csv".format(
-            self.course.name.replace('.', ''),
-            self.quiz.description.replace('.', ''), 1
+        file_name = "{0}-{1}-attempt-{2}.csv".format(
+            self.course.name.replace(' ', '_'),
+            self.quiz.description.replace(' ', '_'), 1
             )
         self.assertEqual(response.status_code, 200)
         self.assertEqual(response.get('Content-Disposition'),
@@ -5655,13 +5680,13 @@ class TestShowStatistics(TestCase):
                             "course_id": self.course.id}),
             follow=True
             )
+        question_stats = response.context['question_stats']
         self.assertEqual(response.status_code, 200)
         self.assertTemplateUsed(response, 'yaksh/statistics_question.html')
-        self.assertSequenceEqual(
-            response.context['question_stats'][self.question], [1, 1]
-            )
-        self.assertEqual(response.context['attempts'][0], 1)
-        self.assertEqual(response.context['total'], 1)
+        self.assertIn(self.question, list(question_stats.keys()))
+        q_data = list(question_stats.values())[0]
+        self.assertSequenceEqual(q_data[0:2], [1, 1])
+        self.assertEqual(100, q_data[2])
 
 
 class TestQuestionPaper(TestCase):
diff --git a/yaksh/urls.py b/yaksh/urls.py
index 0107988..a1aa607 100644
--- a/yaksh/urls.py
+++ b/yaksh/urls.py
@@ -100,6 +100,8 @@ urlpatterns = [
     url(r'^manage/monitor/$', views.monitor, name="monitor"),
     url(r'^manage/monitor/(?P<quiz_id>\d+)/(?P<course_id>\d+)/$',
         views.monitor, name="monitor"),
+    url(r'^manage/monitor/(?P<quiz_id>\d+)/(?P<course_id>\d+)/(?P<attempt_number>\d+)/$',
+        views.monitor, name="monitor"),
     url(r'^manage/user_data/(?P<user_id>\d+)/(?P<questionpaper_id>\d+)/'
         '(?P<course_id>\d+)/$',
         views.user_data, name="user_data"),
@@ -274,4 +276,6 @@ urlpatterns = [
          views.download_sample_toc, name='download_sample_toc'),
     path('manage/upload_marks/<int:course_id>/<int:questionpaper_id>/',
          views.upload_marks, name='upload_marks'),
+    path(r'manage/upload_download_course_md/<int:course_id>',
+        views.upload_download_course_md, name="upload_download_course_md"),
 ]
diff --git a/yaksh/views.py b/yaksh/views.py
index 7ec6f0f..86c92d4 100644
--- a/yaksh/views.py
+++ b/yaksh/views.py
@@ -26,12 +26,14 @@ from textwrap import dedent
 import zipfile
 import markdown
 import ruamel
+import pandas as pd
 try:
     from StringIO import StringIO as string_io
 except ImportError:
     from io import BytesIO as string_io
 import re
 # Local imports.
+from online_test.celery_settings import app
 from yaksh.code_server import get_result as get_result_from_code_server
 from yaksh.models import (
     Answer, AnswerPaper, AssignmentUpload, Course, FileUpload, FloatTestCase,
@@ -41,8 +43,9 @@ from yaksh.models import (
     get_model_class, FIXTURES_DIR_PATH, MOD_GROUP_NAME, Lesson, LessonFile,
     LearningUnit, LearningModule, CourseStatus, question_types, Post, Comment,
     Topic, TableOfContents, LessonQuizAnswer, MicroManager, QRcode,
-    QRcodeHandler
+    QRcodeHandler, dict_to_yaml
 )
+from stats.models import TrackLesson
 from yaksh.forms import (
     UserRegisterForm, UserLoginForm, QuizForm, QuestionForm,
     QuestionFilterForm, CourseForm, ProfileForm,
@@ -56,7 +59,7 @@ from .file_utils import extract_files, is_csv
 from .send_emails import (send_user_mail,
                           generate_activation_key, send_bulk_mail)
 from .decorators import email_verified, has_profile
-from .tasks import regrade_papers
+from .tasks import regrade_papers, update_user_marks
 from notifications_plugin.models import Notification
 import hashlib
 
@@ -81,7 +84,10 @@ def is_moderator(user, group_name=MOD_GROUP_NAME):
     """Check if the user is having moderator rights"""
     try:
         group = Group.objects.get(name=group_name)
-        return user.profile.is_moderator and user in group.user_set.all()
+        return (
+                user.profile.is_moderator and
+                group.user_set.filter(id=user.id).exists()
+            )
     except Profile.DoesNotExist:
         return False
     except Group.DoesNotExist:
@@ -100,10 +106,6 @@ def add_as_moderator(users, group_name=MOD_GROUP_NAME):
             user.profile.save()
 
 
-CSV_FIELDS = ['name', 'username', 'roll_number', 'institute', 'department',
-              'questions', 'marks_obtained', 'out_of', 'percentage', 'status']
-
-
 def get_html_text(md_text):
     """Takes markdown text and converts it to html"""
     return markdown.markdown(
@@ -231,6 +233,9 @@ def results_user(request):
 @email_verified
 def add_question(request, question_id=None):
     user = request.user
+    if not is_moderator(user):
+        raise Http404('You are not allowed to view this page !')
+
     test_case_type = None
 
     if question_id is not None:
@@ -680,8 +685,9 @@ def show_question(request, question, paper, error_message=None,
         delay_time = paper.time_left_on_question(question)
 
     if previous_question and quiz.is_exercise:
-        if (delay_time <= 0 or previous_question in
-                paper.questions_answered.all()):
+        is_prev_que_answered = paper.questions_answered.filter(
+            id=previous_question.id).exists()
+        if (delay_time <= 0 or is_prev_que_answered):
             can_skip = True
         question = previous_question
     if not question:
@@ -705,7 +711,7 @@ def show_question(request, question, paper, error_message=None,
             )
     else:
         quiz_type = 'Exercise'
-    if question in paper.questions_answered.all():
+    if paper.questions_answered.filter(id=question.id).exists():
         notification = (
             'You have already attempted this question successfully'
             if question.type == "code" else
@@ -718,9 +724,7 @@ def show_question(request, question, paper, error_message=None,
     if question.type == 'upload':
         assignment_files = AssignmentUpload.objects.filter(
                             assignmentQuestion_id=question.id,
-                            course_id=course_id,
-                            user=request.user,
-                            question_paper_id=paper.question_paper_id
+                            answer_paper=paper
                         )
         handlers = QRcodeHandler.objects.filter(user=request.user,
                                                 question=question,
@@ -805,6 +809,14 @@ def check(request, q_id, attempt_num=None, questionpaper_id=None,
         course_id=course_id
     )
     current_question = get_object_or_404(Question, pk=q_id)
+    def is_valid_answer(answer):
+        status = True
+        if ((current_question.type == "mcc" or
+                current_question.type == "arrange") and not answer):
+            status = False
+        elif answer is None or not str(answer):
+            status = False
+        return status
 
     if request.method == 'POST':
         # Add the answer submitted, regardless of it being correct or not.
@@ -854,22 +866,15 @@ def check(request, q_id, attempt_num=None, questionpaper_id=None,
                     course_id=course_id, module_id=module_id,
                     previous_question=current_question
                 )
+            uploaded_files = []
             for fname in assignment_filename:
                 fname._name = fname._name.replace(" ", "_")
-                assignment_files = AssignmentUpload.objects.filter(
-                    assignmentQuestion=current_question, course_id=course_id,
-                    assignmentFile__icontains=fname, user=user,
-                    question_paper=questionpaper_id)
-                if assignment_files.exists():
-                    assign_file = assignment_files.first()
-                    if os.path.exists(assign_file.assignmentFile.path):
-                        os.remove(assign_file.assignmentFile.path)
-                    assign_file.delete()
-                AssignmentUpload.objects.create(
-                    user=user, assignmentQuestion=current_question,
-                    course_id=course_id,
-                    assignmentFile=fname, question_paper_id=questionpaper_id
-                )
+                uploaded_files.append(AssignmentUpload(
+                                    assignmentQuestion=current_question,
+                                    assignmentFile=fname,
+                                    answer_paper_id=paper.id
+                                ))
+            AssignmentUpload.objects.bulk_create(uploaded_files)
             user_answer = 'ASSIGNMENT UPLOADED'
             if not current_question.grade_assignment_upload:
                 new_answer = Answer(
@@ -884,7 +889,7 @@ def check(request, q_id, attempt_num=None, questionpaper_id=None,
                                      previous_question=current_question)
         else:
             user_answer = request.POST.get('answer')
-        if not str(user_answer):
+        if not is_valid_answer(user_answer):
             msg = "Please submit a valid answer."
             return show_question(
                 request, current_question, paper, notification=msg,
@@ -1333,10 +1338,10 @@ def show_statistics(request, questionpaper_id, attempt_number=None,
     attempt_numbers = AnswerPaper.objects.get_attempt_numbers(
         questionpaper_id, course_id)
     quiz = get_object_or_404(QuestionPaper, pk=questionpaper_id).quiz
+    context = {'quiz': quiz, 'attempts': attempt_numbers,
+               'questionpaper_id': questionpaper_id,
+               'course_id': course_id}
     if attempt_number is None:
-        context = {'quiz': quiz, 'attempts': attempt_numbers,
-                   'questionpaper_id': questionpaper_id,
-                   'course_id': course_id}
         return my_render_to_response(
             request, 'yaksh/statistics_question.html', context
         )
@@ -1345,7 +1350,10 @@ def show_statistics(request, questionpaper_id, attempt_number=None,
                                                   course_id)
     if not AnswerPaper.objects.has_attempt(questionpaper_id, attempt_number,
                                            course_id):
-        return my_redirect('/exam/manage/')
+        messages.warning(request, "No answerpapers found")
+        return my_render_to_response(
+            request, 'yaksh/statistics_question.html', context
+        )
     question_stats = AnswerPaper.objects.get_question_statistics(
         questionpaper_id, attempt_number, course_id
     )
@@ -1360,58 +1368,49 @@ def show_statistics(request, questionpaper_id, attempt_number=None,
 
 @login_required
 @email_verified
-def monitor(request, quiz_id=None, course_id=None):
+def monitor(request, quiz_id=None, course_id=None, attempt_number=1):
     """Monitor the progress of the papers taken so far."""
 
     user = request.user
     if not is_moderator(user):
         raise Http404('You are not allowed to view this page!')
 
-    # quiz_id is not None.
-    try:
-        quiz = get_object_or_404(Quiz, id=quiz_id)
-        course = get_object_or_404(Course, id=course_id)
-        if not course.is_creator(user) and not course.is_teacher(user):
-            raise Http404('This course does not belong to you')
-        q_paper = QuestionPaper.objects.filter(quiz__is_trial=False,
-                                               quiz_id=quiz_id).distinct()
-    except (QuestionPaper.DoesNotExist, Course.DoesNotExist):
-        papers = []
-        q_paper = None
-        latest_attempts = []
-        attempt_numbers = []
+    course = get_object_or_404(Course, id=course_id)
+    if not course.is_creator(user) and not course.is_teacher(user):
+        raise Http404('This course does not belong to you')
+
+    quiz = get_object_or_404(Quiz, id=quiz_id)
+    q_paper = QuestionPaper.objects.filter(quiz__is_trial=False,
+                                           quiz_id=quiz_id).distinct().last()
+    attempt_numbers = AnswerPaper.objects.get_attempt_numbers(
+        q_paper.id, course.id
+    )
+    questions_count = 0
+    questions_attempted = {}
+    completed_papers = 0
+    inprogress_papers = 0
+    papers = AnswerPaper.objects.filter(
+        question_paper_id=q_paper.id, attempt_number=attempt_number,
+        course_id=course_id
+        ).order_by('user__first_name')
+    papers = papers.filter(attempt_number=attempt_number)
+    if not papers.exists():
+        messages.warning(request, "No AnswerPapers found")
     else:
-        if q_paper:
-            attempt_numbers = AnswerPaper.objects.get_attempt_numbers(
-                q_paper.last().id, course.id)
-        else:
-            attempt_numbers = []
-        latest_attempts = []
-        papers = AnswerPaper.objects.filter(
-            question_paper_id=q_paper.first().id,
-            course_id=course_id).order_by(
-                'user__profile__roll_number'
+        questions_count = q_paper.get_questions_count()
+        questions_attempted = AnswerPaper.objects.get_questions_attempted(
+            papers.values_list("id", flat=True)
         )
-        users = papers.values_list('user').distinct()
-        for auser in users:
-            last_attempt = papers.filter(user__in=auser).aggregate(
-                last_attempt_num=Max('attempt_number')
-            )
-            latest_attempts.append(
-                papers.get(
-                    user__in=auser,
-                    attempt_number=last_attempt['last_attempt_num']
-                )
-            )
-    csv_fields = CSV_FIELDS
+        completed_papers = papers.filter(status="completed").count()
+        inprogress_papers = papers.filter(status="inprogress").count()
     context = {
-        "papers": papers,
-        "quiz": quiz,
-        "msg": "Quiz Results",
-        "latest_attempts": latest_attempts,
-        "csv_fields": csv_fields,
+        "papers": papers, "quiz": quiz,
+        "inprogress_papers": inprogress_papers,
         "attempt_numbers": attempt_numbers,
-        "course": course
+        "course": course, "total_papers": papers.count(),
+        "completed_papers": completed_papers,
+        "questions_attempted": questions_attempted,
+        "questions_count": questions_count
     }
     return my_render_to_response(request, 'yaksh/monitor.html', context)
 
@@ -1824,18 +1823,6 @@ def user_data(request, user_id, questionpaper_id=None, course_id=None):
     return my_render_to_response(request, 'yaksh/user_data.html', context)
 
 
-def _expand_questions(questions, field_list):
-    i = field_list.index('questions')
-    field_list.remove('questions')
-    for question in questions:
-        field_list.insert(
-            i, 'Q-{0}-{1}-{2}-marks'.format(question.id, question.summary,
-                                            question.points))
-        field_list.insert(
-            i+1, 'Q-{0}-{1}-comments'.format(question.id, question.summary))
-    return field_list
-
-
 @login_required
 @email_verified
 def download_quiz_csv(request, course_id, quiz_id):
@@ -1843,84 +1830,46 @@ def download_quiz_csv(request, course_id, quiz_id):
     if not is_moderator(current_user):
         raise Http404('You are not allowed to view this page!')
     course = get_object_or_404(Course, id=course_id)
-    quiz = get_object_or_404(Quiz, id=quiz_id)
     if not course.is_creator(current_user) and \
             not course.is_teacher(current_user):
         raise Http404('The quiz does not belong to your course')
-    users = course.get_enrolled().order_by('first_name')
-    if not users:
-        return monitor(request, quiz_id)
-    csv_fields = []
-    attempt_number = None
+    quiz = get_object_or_404(Quiz, id=quiz_id)
     question_paper = quiz.questionpaper_set.last()
-    last_attempt_number = AnswerPaper.objects.get_attempt_numbers(
-        question_paper.id, course.id).last()
     if request.method == 'POST':
-        csv_fields = request.POST.getlist('csv_fields')
-        attempt_number = request.POST.get('attempt_number',
-                                          last_attempt_number)
-    if not csv_fields:
-        csv_fields = CSV_FIELDS
-    if not attempt_number:
-        attempt_number = last_attempt_number
-
-    questions = question_paper.get_question_bank()
-    answerpapers = AnswerPaper.objects.filter(
-        question_paper=question_paper,
-        attempt_number=attempt_number, course_id=course_id)
-    if not answerpapers:
+        attempt_number = request.POST.get('attempt_number')
+        questions = question_paper.get_question_bank()
+        answerpapers = AnswerPaper.objects.select_related(
+            "user").select_related('question_paper').prefetch_related(
+            'answers').filter(
+            course_id=course_id, question_paper_id=question_paper.id,
+            attempt_number=attempt_number
+        ).order_by("user__first_name")
+        que_summaries = [
+            (f"Q-{que.id}-{que.summary}-{que.points}-marks", que.id,
+                f"Q-{que.id}-{que.summary}-comments"
+                )
+            for que in questions
+        ]
+        user_data = list(answerpapers.values(
+            "user__username", "user__first_name", "user__last_name",
+            "user__profile__roll_number", "user__profile__institute",
+            "user__profile__department", "marks_obtained",
+            "question_paper__total_marks", "percent", "status"
+        ))
+        for idx, ap in enumerate(answerpapers):
+            que_data = ap.get_per_question_score(que_summaries)
+            user_data[idx].update(que_data)
+        df = pd.DataFrame(user_data)
+        response = HttpResponse(content_type='text/csv')
+        response['Content-Disposition'] = \
+            'attachment; filename="{0}-{1}-attempt-{2}.csv"'.format(
+                course.name.replace(' ', '_'),
+                quiz.description.replace(' ', '_'), attempt_number
+            )
+        df.to_csv(response, index=False)
+        return response
+    else:
         return monitor(request, quiz_id, course_id)
-    response = HttpResponse(content_type='text/csv')
-    response['Content-Disposition'] = \
-        'attachment; filename="{0}-{1}-attempt{2}.csv"'.format(
-            course.name.replace('.', ''),  quiz.description.replace('.', ''),
-            attempt_number)
-    writer = csv.writer(response)
-    if 'questions' in csv_fields:
-        csv_fields = _expand_questions(questions, csv_fields)
-    writer.writerow(csv_fields)
-
-    csv_fields_values = {
-            'name': 'user.get_full_name().title()',
-            'roll_number': 'user.profile.roll_number',
-            'institute': 'user.profile.institute',
-            'department': 'user.profile.department',
-            'username': 'user.username',
-            'marks_obtained': 'answerpaper.marks_obtained',
-            'out_of': 'question_paper.total_marks',
-            'percentage': 'answerpaper.percent',
-            'status': 'answerpaper.status'}
-    questions_scores = {}
-    for question in questions:
-        questions_scores['Q-{0}-{1}-{2}-marks'.format(
-            question.id, question.summary, question.points)] \
-            = 'answerpaper.get_per_question_score({0})'.format(question.id)
-        answer = question.answer_set.last()
-        comment = None
-        if answer:
-            comment = answer.comment
-        else:
-            comment = ''
-        questions_scores['Q-{0}-{1}-comments'.format(
-            question.id, question.summary)] \
-            = 'answerpaper.get_answer_comment({0})'.format(question.id)
-    csv_fields_values.update(questions_scores)
-
-    users = users.exclude(id=course.creator.id).exclude(
-        id__in=course.teachers.all())
-    for user in users:
-        row = []
-        answerpaper = None
-        papers = answerpapers.filter(user=user)
-        if papers:
-            answerpaper = papers.first()
-        for field in csv_fields:
-            try:
-                row.append(eval(csv_fields_values[field]))
-            except AttributeError:
-                row.append('-')
-        writer.writerow(row)
-    return response
 
 
 @login_required
@@ -1931,6 +1880,7 @@ def grade_user(request, quiz_id=None, user_id=None, attempt_number=None,
     and update all their marks and also give comments for each paper.
     """
     current_user = request.user
+    papers = AnswerPaper.objects.filter(user=current_user)
     if not is_moderator(current_user):
         raise Http404('You are not allowed to view this page!')
     if not course_id:
@@ -1955,7 +1905,8 @@ def grade_user(request, quiz_id=None, user_id=None, attempt_number=None,
                 course.is_teacher(current_user):
             raise Http404('This course does not belong to you')
         has_quiz_assignments = AssignmentUpload.objects.filter(
-            course_id=course_id, question_paper_id__in=questionpaper_id
+                answer_paper__course_id=course_id,
+                answer_paper__question_paper_id__in=questionpaper_id
             ).exists()
         context = {
             "users": user_details,
@@ -1974,9 +1925,11 @@ def grade_user(request, quiz_id=None, user_id=None, attempt_number=None,
                     attempt_number = attempts[0].attempt_number
             except IndexError:
                 raise Http404('No attempts for paper')
+
             has_user_assignments = AssignmentUpload.objects.filter(
-                course_id=course_id, question_paper_id__in=questionpaper_id,
-                user_id=user_id
+                answer_paper__course_id=course_id,
+                answer_paper__question_paper_id__in=questionpaper_id,
+                answer_paper__user_id=user_id
                 ).exists()
             user = User.objects.get(id=user_id)
             data = AnswerPaper.objects.get_user_data(
@@ -2194,7 +2147,7 @@ def test_mode(user, godmode=False, questions_list=None, quiz_id=None,
             order=1, type="quiz", quiz=trial_quiz,
             check_prerequisite=False)
         module, created = LearningModule.objects.get_or_create(
-            order=1, creator=user, check_prerequisite=False,
+            order=1, creator=user, check_prerequisite=False, is_trial=True,
             name="Trial for {0}".format(trial_course.name))
         module.learning_unit.add(trial_unit)
         trial_course.learning_module.add(module.id)
@@ -2221,12 +2174,16 @@ def test_quiz(request, mode, quiz_id, course_id=None):
             request,
             "{0} is either expired or inactive".format(quiz.description)
         )
-        return my_redirect('/exam/manage')
+        return my_redirect(reverse("yaksh:index"))
 
     trial_questionpaper, trial_course, trial_module = test_mode(
         current_user, godmode, None, quiz_id, course_id)
-    return my_redirect("/exam/start/{0}/{1}/{2}".format(
-        trial_questionpaper.id, trial_module.id, trial_course.id))
+    return my_redirect(
+        reverse(
+            "yaksh:start_quiz",
+            args=[trial_questionpaper.id, trial_module.id,  trial_course.id]
+            )
+        )
 
 
 @login_required
@@ -2239,8 +2196,8 @@ def view_answerpaper(request, questionpaper_id, course_id):
         data = AnswerPaper.objects.get_user_data(user, questionpaper_id,
                                                  course_id)
         has_user_assignments = AssignmentUpload.objects.filter(
-            user=user, course_id=course.id,
-            question_paper_id=questionpaper_id
+            answer_paper__user=user, answer_paper__course_id=course.id,
+            answer_paper__question_paper_id=questionpaper_id
         ).exists()
         context = {'data': data, 'quiz': quiz, 'course_id': course.id,
                    "has_user_assignments": has_user_assignments}
@@ -2277,20 +2234,24 @@ def regrade(request, course_id, questionpaper_id, question_id=None,
                                   course.is_teacher(user)):
         raise Http404('You are not allowed to view this page!')
     questionpaper = get_object_or_404(QuestionPaper, pk=questionpaper_id)
-    details = []
     quiz = questionpaper.quiz
     data = {"user_id": user.id, "course_id": course_id,
             "questionpaper_id": questionpaper_id, "question_id": question_id,
             "answerpaper_id": answerpaper_id, "quiz_id": quiz.id,
             "quiz_name": quiz.description, "course_name": course.name
             }
-    regrade_papers.delay(data)
-    msg = dedent("""
-            {0} is submitted for re-evaluation. You will receive a
-            notification for the re-evaluation status
-            """.format(quiz.description)
-        )
-    messages.info(request, msg)
+    is_celery_alive = app.control.ping()
+    if is_celery_alive:
+        regrade_papers.delay(data)
+        msg = dedent("""
+                {0} is submitted for re-evaluation. You will receive a
+                notification for the re-evaluation status
+                """.format(quiz.description)
+            )
+        messages.info(request, msg)
+    else:
+        msg = "Unable to submit for regrade. Please contact admin"
+        messages.warning(request, msg)
     return redirect(
         reverse("yaksh:grade_user", args=[quiz.id, course_id])
     )
@@ -2302,40 +2263,36 @@ def download_course_csv(request, course_id):
     user = request.user
     if not is_moderator(user):
         raise Http404('You are not allowed to view this page!')
-    course = Course.objects.prefetch_related("learning_module").get(
-        id=course_id)
+    course = get_object_or_404(
+        Course.objects.prefetch_related("learning_module"), id=course_id
+    )
     if not course.is_creator(user) and not course.is_teacher(user):
-        raise Http404('The question paper does not belong to your course')
-    students = course.get_only_students().annotate(
+        raise Http404('You are not allowed to view this course')
+    students = list(course.get_only_students().annotate(
         roll_number=F('profile__roll_number'),
         institute=F('profile__institute')
     ).values(
-        "id", "first_name", "last_name",
-        "email", "institute", "roll_number"
-    )
-    quizzes = course.get_quizzes()
-
+        "id", "first_name", "last_name", "email", "institute", "roll_number"
+    ))
+    que_pprs = [
+        quiz.questionpaper_set.values(
+            "id", "quiz__description", "total_marks")[0]
+        for quiz in course.get_quizzes()
+    ]
+    total_course_marks = sum([qp.get("total_marks", 0) for qp in que_pprs])
+    qp_ids = [
+        (qp.get("id"), qp.get("quiz__description"), qp.get("total_marks"))
+        for qp in que_pprs
+    ]
     for student in students:
-        total_course_marks = 0.0
         user_course_marks = 0.0
-        for quiz in quizzes:
-            quiz_best_marks = AnswerPaper.objects. \
-                get_user_best_of_attempts_marks(quiz, student["id"], course_id)
-            user_course_marks += quiz_best_marks
-            total_course_marks += quiz.questionpaper_set.values_list(
-                "total_marks", flat=True)[0]
-            student["{}".format(quiz.description)] = quiz_best_marks
-        student["total_scored"] = user_course_marks
+        AnswerPaper.objects.get_user_scores(qp_ids, student, course_id)
         student["out_of"] = total_course_marks
+    df = pd.DataFrame(students)
     response = HttpResponse(content_type='text/csv')
     response['Content-Disposition'] = 'attachment; filename="{0}.csv"'.format(
-                                      (course.name).lower().replace('.', ''))
-    header = ['first_name', 'last_name', "roll_number", "email", "institute"]\
-        + [quiz.description for quiz in quizzes] + ['total_scored', 'out_of']
-    writer = csv.DictWriter(response, fieldnames=header, extrasaction='ignore')
-    writer.writeheader()
-    for student in students:
-        writer.writerow(student)
+                                      (course.name).lower().replace(' ', '_'))
+    output_file = df.to_csv(response, index=False)
     return response
 
 
@@ -2440,7 +2397,7 @@ def download_assignment_file(request, quiz_id, course_id,
     zipfile_name = string_io()
     zip_file = zipfile.ZipFile(zipfile_name, "w")
     for f_name in assignment_files:
-        folder = f_name.user.get_full_name().replace(" ", "_")
+        folder = f_name.answer_paper.user.get_full_name().replace(" ", "_")
         sub_folder = f_name.assignmentQuestion.summary.replace(" ", "_")
         folder_name = os.sep.join((folder, sub_folder, os.path.basename(
                         f_name.assignmentFile.name))
@@ -2631,6 +2588,23 @@ def download_sample_toc(request):
 
 @login_required
 @email_verified
+def download_toc(request, course_id, lesson_id):
+    user = request.user
+    tmp_file_path = tempfile.mkdtemp()
+    yaml_path = os.path.join(tmp_file_path, "lesson_toc.yaml")
+    TableOfContents.objects.get_all_tocs_as_yaml(course_id, lesson_id, yaml_path)
+
+    with open(yaml_path, 'r') as yml_file:
+        response = HttpResponse(yml_file.read(), content_type='text/yaml')
+        response['Content-Disposition'] = (
+            'attachment; filename="lesson_toc.yaml"'
+        )
+        return response
+
+
+
+@login_required
+@email_verified
 def duplicate_course(request, course_id):
     user = request.user
     course = Course.objects.get(id=course_id)
@@ -2828,6 +2802,9 @@ def show_lesson(request, lesson_id, module_id, course_id):
         if not learn_unit.is_prerequisite_complete(user, learn_module, course):
             msg = "You have not completed previous Lesson/Quiz/Exercise"
             return view_module(request, learn_module.id, course_id, msg=msg)
+    track, created = TrackLesson.objects.get_or_create(
+        user_id=user.id, course_id=course_id, lesson_id=lesson_id
+        )
 
     lesson_ct = ContentType.objects.get_for_model(learn_unit.lesson)
     title = learn_unit.lesson.name
@@ -2860,7 +2837,7 @@ def show_lesson(request, lesson_id, module_id, course_id):
                'course': course, 'state': "lesson", "all_modules": all_modules,
                'learning_units': learning_units, "current_unit": learn_unit,
                'learning_module': learn_module, 'toc': toc,
-               'contents_by_time': contents_by_time,
+               'contents_by_time': contents_by_time, 'track_id': track.id,
                'comments': comments, 'form': form, 'post': post}
     return my_render_to_response(request, 'yaksh/show_video.html', context)
 
@@ -3244,7 +3221,7 @@ def course_status(request, course_id):
 
     stud_details = [(student, course.get_grade(student),
                      course.get_completion_percent(student),
-                     course.get_current_unit(student))
+                     course.get_current_unit(student.id))
                     for student in students.object_list]
     context = {
         'course': course, 'objects': students, 'is_progress': True,
@@ -3427,19 +3404,22 @@ def download_course_progress(request, course_id):
     course = get_object_or_404(Course, pk=course_id)
     if not course.is_creator(user) and not course.is_teacher(user):
         raise Http404('This course does not belong to you')
-    students = course.students.order_by("-id")
-    stud_details = [(student.get_full_name(), course.get_grade(student),
-                     course.get_completion_percent(student),
-                     course.get_current_unit(student))
-                     for student in students]
+    students = course.students.order_by("-id").values_list("id")
+    stud_details = list(CourseStatus.objects.filter(
+        course_id=course_id, user_id__in=students
+    ).values(
+        "user_id", "user__first_name", "user__last_name",
+        "grade", "percent_completed"
+    ))
+    for student in stud_details:
+        student["current_unit"] = course.get_current_unit(
+            student.pop("user_id")
+        )
+    df = pd.DataFrame(stud_details)
     response = HttpResponse(content_type='text/csv')
     response['Content-Disposition'] = 'attachment; filename="{0}.csv"'.format(
                                       (course.name).lower().replace(' ', '_'))
-    header = ['Name', 'Grade', 'Completion Percent', 'Current Unit']
-    writer = csv.writer(response)
-    writer.writerow(header)
-    for student in stud_details:
-        writer.writerow(student)
+    df.to_csv(response, index=False)
     return response
 
 
@@ -3514,6 +3494,7 @@ def course_forum(request, course_id):
             new_post.target = course
             new_post.anonymous = request.POST.get('anonymous', '') == 'on'
             new_post.save()
+            messages.success(request, "Added post successfully")
             return redirect('yaksh:post_comments',
                             course_id=course.id, uuid=new_post.uid)
     else:
@@ -3572,6 +3553,7 @@ def post_comments(request, course_id, uuid):
             new_comment.post_field = post
             new_comment.anonymous = request.POST.get('anonymous', '') == 'on'
             new_comment.save()
+            messages.success(request, "Added comment successfully")
             return redirect(request.path_info)
     return render(request, 'yaksh/post_comments.html', {
         'post': post,
@@ -3596,6 +3578,7 @@ def hide_post(request, course_id, uuid):
     post.comment.active = False
     post.active = False
     post.save()
+    messages.success(request, "Post deleted successfully")
     return redirect('yaksh:course_forum', course_id)
 
 
@@ -3613,6 +3596,7 @@ def hide_comment(request, course_id, uuid):
     post_uid = comment.post_field.uid
     comment.active = False
     comment.save()
+    messages.success(request, "Post comment deleted successfully")
     return redirect('yaksh:post_comments', course_id, post_uid)
 
 
@@ -4075,15 +4059,23 @@ def upload_marks(request, course_id, questionpaper_id):
         if not is_csv_file:
             messages.warning(request, "The file uploaded is not a CSV file.")
             return redirect('yaksh:monitor', quiz.id, course_id)
-        try:
-            reader = csv.DictReader(
-                csv_file.read().decode('utf-8').splitlines(),
-                dialect=dialect)
-        except TypeError:
-            messages.warning(request, "Bad CSV file")
-            return redirect('yaksh:monitor', quiz.id, course_id)
-        question_ids = _get_header_info(reader)
-        _read_marks_csv(request, reader, course, question_paper, question_ids)
+        data = {
+            "course_id": course_id, "questionpaper_id": questionpaper_id,
+            "csv_data": csv_file.read().decode('utf-8').splitlines(),
+            "user_id": request.user.id
+        }
+        is_celery_alive = app.control.ping()
+        if is_celery_alive:
+            update_user_marks.delay(data)
+            msg = dedent("""
+                {0} is submitted for marks update. You will receive a
+                notification for the update status
+                """.format(quiz.description)
+            )
+            messages.info(request, msg)
+        else:
+            msg = "Unable to submit for marks update. Please check with admin"
+            messages.warning(request, msg)
     return redirect('yaksh:monitor', quiz.id, course_id)
 
 
@@ -4210,3 +4202,25 @@ def upload_file(request, key):
             context['msg'] = msg
             return render(request, 'yaksh/upload_file.html', context)
     return render(request, 'yaksh/upload_file.html', context)
+
+
+@login_required
+@email_verified
+def upload_download_course_md(request, course_id):
+    course = get_object_or_404(Course, pk=course_id)
+    if request.method == "POST":
+        from upload.views import upload_course_md
+        status, msg = upload_course_md(request)
+        if status:
+            messages.success(request, "MD File Successfully uploaded to course")
+        else:
+            messages.warning(request, "{0}".format(msg))
+        return redirect(
+            'yaksh:course_detail', course.id
+        )
+    else:
+        context = {
+            'course': course,
+            'is_upload_download_md': True,
+        }
+        return my_render_to_response(request, 'yaksh/course_detail.html', context)