diff --git a/app/__init__.py b/app/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/app/admin (copy 1).py b/app/admin (copy 1).py new file mode 100644 index 0000000..933cb44 --- /dev/null +++ b/app/admin (copy 1).py @@ -0,0 +1,347 @@ +from django import forms +from django.contrib import admin +from django.shortcuts import render +from django.template.response import TemplateResponse +from django.urls import path +from django.utils.translation import gettext_lazy as _ + +from app.forms import MarksheetForm, SubjectForm +from app.models import ( + AcademicYear, + Attendance, + Course, + Library, + Marksheet, + NewsEvent, + Staff, + Student, + Subject, + SubjectMark, + Teacher, +) + + +# BaseUserAdmin to handle common behavior for BaseUser-based models +class BaseUserAdmin(admin.ModelAdmin): + exclude = ["user"] + + def save_model(self, request, obj, form, change): + super().save_model(request, obj, form, change) + if obj.user: + obj.user.groups.set(obj.group.all()) + obj.user.save() + + +@admin.register(Teacher) +class TeacherAdmin(admin.ModelAdmin): + list_display = ( + "first_name", + "last_name", + "email", + "phone", + "gender", + "qualification", + "specialization", + ) + search_fields = ("first_name", "last_name", "email", "phone", "specialization") + list_filter = ("gender", "qualification", "date_of_joining") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.teacher_list_view, name="teacher_changelist"), + ] + return custom_urls + urls + + def teacher_list_view(self, request): + teachers = Teacher.objects.all() + context = { + **self.admin_site.each_context(request), + "title": "Teacher List", + "teachers": teachers, + "opts": self.model._meta, + } + return TemplateResponse(request, "Hod/teacher.html", context) + + +@admin.register(Student) +class StudentAdmin(admin.ModelAdmin): + list_display = ( + "first_name", + "last_name", + "email", + "phone", + "course", + "academic_year", + ) + search_fields = ("first_name", "last_name", "email", "phone", "course__name") + list_filter = ("gender", "academic_year", "course") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.student_list_view, name="student_changelist"), + ] + return custom_urls + urls + + def student_list_view(self, request): + students = Student.objects.select_related("course", "academic_year").all() + context = { + **self.admin_site.each_context(request), + "title": "Student List", + "students": students, + "opts": self.model._meta, + } + return TemplateResponse(request, "Hod/student.html", context) + + +@admin.register(Staff) +class StaffAdmin(admin.ModelAdmin): + list_display = ("first_name", "last_name", "email", "position", "date_of_joining") + search_fields = ("first_name", "last_name", "email", "position") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.staff_list_view, name="staff_list"), + ] + return custom_urls + urls + + def staff_list_view(self, request): + staff_members = Staff.objects.all() + context = { + **self.admin_site.each_context(request), + "title": "Staff List", + "staff_members": staff_members, + } + return TemplateResponse(request, "Hod/staff.html", context) + + +@admin.register(Course) +class CourseAdmin(admin.ModelAdmin): + list_display = ("name", "level", "course_type", "duration") + list_filter = ("level", "course_type") + search_fields = ("name",) + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.course_list_view, name="course_changelist"), + ] + return custom_urls + urls + + def course_list_view(self, request): + # Get all courses + courses = Course.objects.all().order_by("name") + + # Prepare the context with your model's specific fields + context = { + **self.admin_site.each_context(request), + "title": "Course List", + "courses": courses, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + "level_choices": dict(Course.level_choice), + "course_type_choices": dict( + [("semester", "Semester-based"), ("yearly", "Yearly-based")] + ), + } + + return TemplateResponse(request, "Hod/add_course.html", context) + + +@admin.register(AcademicYear) +class AcademicYearAdmin(admin.ModelAdmin): + list_display = ("id", "year") + search_fields = ("year",) + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.academic_year_list_view, name="academic_year_changelist"), + ] + return custom_urls + urls + + def academic_year_list_view(self, request): + # Get all academic years + academic_years = AcademicYear.objects.all().order_by("year") + + # Prepare the context with your model's specific fields + context = { + **self.admin_site.each_context(request), + "title": "Academic List", + "academic_years": academic_years, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + + return TemplateResponse(request, "Hod/academic_year.html", context) + + +@admin.register(Subject) +class SubjectAdmin(admin.ModelAdmin): + form = SubjectForm + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("list/", self.subject_list_view, name="subject_changelist"), + ] + return custom_urls + urls + + def subject_list_view(self, request): + subjects = Subject.objects.all().select_related("course", "teacher") + context = { + **self.admin_site.each_context(request), + "title": "Subjects", + "subjects": subjects, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/subject.html", context) + + class Media: + js = ("dist/js/update_period.js",) + + +@admin.register(NewsEvent) +class NewsEventAdmin(admin.ModelAdmin): + list_display = ("title", "type", "created_at") + search_fields = ("title", "summary", "type") + list_filter = ("type", "created_at") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.news_event_list_view, name="newsevent_changelist"), + ] + return custom_urls + urls + + def news_event_list_view(self, request): + news_events = NewsEvent.objects.all().order_by("-created_at") + context = { + **self.admin_site.each_context(request), + "title": "News and Events", + "news_events": news_events, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/news_events.html", context) + + +@admin.register(Attendance) +class AttendanceAdmin(admin.ModelAdmin): + list_display = ("student", "subject", "date", "status") + search_fields = ("student__name", "subject__name", "status") + list_filter = ("status", "date", "subject") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.attendance_list_view, name="attendance_changelist"), + ] + return custom_urls + urls + + def attendance_list_view(self, request): + attendance_records = ( + Attendance.objects.select_related("student", "subject") + .all() + .order_by("-date") + ) + context = { + **self.admin_site.each_context(request), + "title": "Attendance Records", + "attendance_records": attendance_records, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/attendance.html", context) + + +# admin.site.register() + + +@admin.register(Library) +class LibraryAdmin(admin.ModelAdmin): + list_display = ( + "book_name", + "category", + "publication", + "publication_year", + "quantity", + "available", + "date_added", + ) + search_fields = ("book_name", "category", "publication") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.library_list_view, name="library_changelist"), + ] + return custom_urls + urls + + def library_list_view(self, request): + books = Library.objects.all().order_by("-date_added") + context = { + **self.admin_site.each_context(request), + "title": "Library", + "books": books, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/library.html", context) + + +class SubjectMarkInline(admin.TabularInline): + model = SubjectMark + extra = 1 + + +class SubjectMarkInline(admin.TabularInline): + model = SubjectMark + extra = 1 # Number of extra forms to display + fields = ( + "subject", + "obtained_practical_marks", + "total_practical_marks", + "obtained_theory_marks", + "total_theory_marks", + "total_marks", + ) + readonly_fields = ("total_marks",) # Make total_marks read-only + + def save_related(self, request, formset, change): + super().save_related(request, formset, change) + for marksheet in formset.instance: + marksheet.save() # Ensure the Marksheet instance saves after each inline + + +@admin.register(Marksheet) +class MarksheetAdmin(admin.ModelAdmin): + form = MarksheetForm + # inlines = [SubjectMarkInline] + list_display = ("student", "course", "total_marks", "obtained_marks", "grade") + list_filter = ("course", "grade") + search_fields = ("student__first_name", "student__last_name", "course__name") + + class Media: + js = "js/marksheet_admin.js" + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.marksheet_list_view, name="marksheet_changelist"), + ] + return custom_urls + urls + + def marksheet_list_view(self, request): + marksheets = Marksheet.objects.select_related("student", "course").all() + context = { + **self.admin_site.each_context(request), + "title": "Marksheet List", + "marksheets": marksheets, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/marksheet.html", context) diff --git a/app/admin.py b/app/admin.py new file mode 100644 index 0000000..f7ff8cf --- /dev/null +++ b/app/admin.py @@ -0,0 +1,441 @@ +from django import forms +from django.contrib import admin +from django.db.models import Max +from django.shortcuts import render +from django.template.response import TemplateResponse +from django.urls import path +from django.utils.translation import gettext_lazy as _ + +from app.forms import SubjectForm +from app.models import ( + AcademicYear, + Attendance, + Certificate, + ClassRoutine, + Complaint, + Course, + Library, + Marksheet, + NewsEvent, + Notes, + Staff, + Student, + Subject, + SubjectMark, + Teacher, + TeacherLeave, + StudentLeave, + FeedbackStudent, + FeedbackTeacher, +) + +admin.site.register(Notes) +admin.site.register(StudentLeave) +admin.site.register(TeacherLeave) +admin.site.register(FeedbackStudent) +admin.site.register(FeedbackTeacher) + + +@admin.register(Complaint) +class ComplaintAdmin(admin.ModelAdmin): + pass + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.complaint_list_view, name="complaint_changelist"), + ] + return custom_urls + urls + + def complaint_list_view(self, request): + complaints = Complaint.objects.all() + context = { + **self.admin_site.each_context(request), + "title": "Complaint List", + "complaints": complaints, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/complaint.html", context) + + +# BaseUserAdmin to handle common behavior for BaseUser-based models +class BaseUserAdmin(admin.ModelAdmin): + exclude = [ + "user", + ] + + def save_model(self, request, obj, form, change): + super().save_model(request, obj, form, change) + if obj.user: + obj.user.groups.set(obj.group.all()) + obj.user.save() + + +@admin.register(Teacher) +class TeacherAdmin(BaseUserAdmin): + list_display = ( + "first_name", + "last_name", + "email", + "phone", + "gender", + "qualification", + "specialization", + ) + search_fields = ("first_name", "last_name", "email", "phone", "specialization") + list_filter = ("gender", "qualification", "date_of_joining") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.teacher_list_view, name="teacher_changelist"), + ] + return custom_urls + urls + + def teacher_list_view(self, request): + teachers = Teacher.objects.all() + context = { + **self.admin_site.each_context(request), + "title": "Teacher List", + "teachers": teachers, + "opts": self.model._meta, + } + return TemplateResponse(request, "Hod/teacher.html", context) + + +@admin.register(Student) +class StudentAdmin(BaseUserAdmin): + list_display = ( + "first_name", + "last_name", + "email", + "phone", + "course", + "academic_year", + ) + search_fields = ("first_name", "last_name", "email", "phone", "course__name") + list_filter = ("gender", "academic_year", "course") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.student_list_view, name="student_changelist"), + ] + return custom_urls + urls + + def student_list_view(self, request): + students = Student.objects.select_related("course", "academic_year").all() + context = { + **self.admin_site.each_context(request), + "title": "Student List", + "students": students, + "opts": self.model._meta, + } + return TemplateResponse(request, "Hod/student.html", context) + + +@admin.register(Staff) +class StaffAdmin(BaseUserAdmin): + list_display = ("first_name", "last_name", "email", "position", "date_of_joining") + search_fields = ("first_name", "last_name", "email", "position") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.staff_list_view, name="staff_list"), + ] + return custom_urls + urls + + def staff_list_view(self, request): + staff_members = Staff.objects.all() + context = { + **self.admin_site.each_context(request), + "title": "Staff List", + "staff_members": staff_members, + } + return TemplateResponse(request, "Hod/staff.html", context) + + +@admin.register(Course) +class CourseAdmin(admin.ModelAdmin): + list_display = ("name", "level", "course_type", "duration") + list_filter = ("level", "course_type") + search_fields = ("name",) + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.course_list_view, name="course_changelist"), + ] + return custom_urls + urls + + def course_list_view(self, request): + # Get all courses + courses = Course.objects.all().order_by("name") + + # Prepare the context with your model's specific fields + context = { + **self.admin_site.each_context(request), + "title": "Course List", + "courses": courses, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + "level_choices": dict(Course.level_choice), + "course_type_choices": dict( + [("semester", "Semester-based"), ("yearly", "Yearly-based")] + ), + } + + return TemplateResponse(request, "Hod/add_course.html", context) + + +@admin.register(AcademicYear) +class AcademicYearAdmin(admin.ModelAdmin): + list_display = ("id", "year") + search_fields = ("year",) + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.academic_year_list_view, name="academic_year_changelist"), + ] + return custom_urls + urls + + def academic_year_list_view(self, request): + academic_years = AcademicYear.objects.all().order_by("year") + + context = { + **self.admin_site.each_context(request), + "title": "Academic List", + "academic_years": academic_years, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + + return TemplateResponse(request, "Hod/academic_year.html", context) + + +@admin.register(Subject) +class SubjectAdmin(admin.ModelAdmin): + form = SubjectForm + list_display = ("name", "course", "semester_or_year_number", "teacher") + search_fields = ("name", "course__name", "teacher__name") + list_filter = ("course", "semester_or_year_number") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.subject_list_view, name="subject_changelist"), + ] + return custom_urls + urls + + def subject_list_view(self, request): + course_id = request.GET.get("course") + semester_or_year = request.GET.get("semester_or_year_number") + + subjects = Subject.objects.all().select_related("course", "teacher") + courses = Course.objects.all() + + if course_id: + subjects = subjects.filter(course_id=course_id) + if semester_or_year: + subjects = subjects.filter(semester_or_year_number=semester_or_year) + + periods = [] + if course_id: + try: + course = Course.objects.get(pk=course_id) + period_type = "Semester" if course.course_type == "semester" else "Year" + periods = [ + {"number": str(i), "display": f"{period_type} {i}"} + for i in range(1, course.duration + 1) + ] + except Course.DoesNotExist: + pass + + context = { + **self.admin_site.each_context(request), + "title": "Subjects", + "subjects": subjects, + "opts": self.model._meta, + "courses": courses, + "periods": periods, + "selected_course": course_id, + "selected_period": semester_or_year, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/subject.html", context) + + class Media: + js = ("dist/js/update_period.js",) + + +@admin.register(NewsEvent) +class NewsEventAdmin(admin.ModelAdmin): + list_display = ("title", "type", "created_at") + search_fields = ("title", "summary", "type") + list_filter = ("type", "created_at") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.news_event_list_view, name="newsevent_changelist"), + ] + return custom_urls + urls + + def news_event_list_view(self, request): + news_events = NewsEvent.objects.all().order_by("-created_at") + context = { + **self.admin_site.each_context(request), + "title": "News and Events", + "news_events": news_events, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/news_events.html", context) + + +@admin.register(Attendance) +class AttendanceAdmin(admin.ModelAdmin): + list_display = ("student", "subject", "date", "status") + search_fields = ("student__name", "subject__name", "status") + list_filter = ("status", "date", "subject") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.attendance_list_view, name="attendance_changelist"), + ] + return custom_urls + urls + + def attendance_list_view(self, request): + attendance_records = ( + Attendance.objects.select_related("student", "subject") + .all() + .order_by("-date") + ) + context = { + **self.admin_site.each_context(request), + "title": "Attendance Records", + "attendance_records": attendance_records, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/attendance.html", context) + + +# admin.site.register() + + +@admin.register(Library) +class LibraryAdmin(admin.ModelAdmin): + list_display = ( + "book_name", + "category", + "publication", + "publication_year", + "quantity", + "available", + "date_added", + ) + search_fields = ("book_name", "category", "publication") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.library_list_view, name="library_changelist"), + ] + return custom_urls + urls + + def library_list_view(self, request): + books = Library.objects.all().order_by("-date_added") + context = { + **self.admin_site.each_context(request), + "title": "Library", + "books": books, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/library.html", context) + + +class SubjectMarkInline(admin.TabularInline): + model = SubjectMark + extra = 1 + + +class SubjectMarkInline(admin.TabularInline): + model = SubjectMark + extra = 1 # Number of extra forms to display + fields = ( + "subject", + "obtained_practical_marks", + "total_practical_marks", + "obtained_theory_marks", + "total_theory_marks", + "total_marks", + ) + readonly_fields = ("total_marks",) # Make total_marks read-only + + def save_related(self, request, formset, change): + super().save_related(request, formset, change) + for marksheet in formset.instance: + marksheet.save() # Ensure the Marksheet instance saves after each inline + + +@admin.register(Marksheet) +class MarksheetAdmin(admin.ModelAdmin): + inlines = [SubjectMarkInline] + list_display = ("student", "course", "total_marks", "obtained_marks", "grade") + list_filter = ("course", "grade") + search_fields = ("student__first_name", "student__last_name", "course__name") + + class Media: + js = "js/marksheet_admin.js" + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.marksheet_list_view, name="marksheet_changelist"), + ] + return custom_urls + urls + + def marksheet_list_view(self, request): + marksheets = Marksheet.objects.select_related("student", "course").all() + context = { + **self.admin_site.each_context(request), + "title": "Marksheet List", + "marksheets": marksheets, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/marksheet.html", context) + + +@admin.register(Certificate) +class CertificateAdmin(admin.ModelAdmin): + list_display = ("student", "date") + + def get_urls(self): + urls = super().get_urls() + custom_urls = [ + path("", self.certificate_list_view, name="certificate_changelist"), + ] + return custom_urls + urls + + def certificate_list_view(self, request): + certificates = Certificate.objects.all() + context = { + **self.admin_site.each_context(request), + "title": "Certificate List", + "certificates": certificates, + "opts": self.model._meta, + "has_add_permission": self.has_add_permission(request), + } + return TemplateResponse(request, "Hod/certificate.html", context) + + +@admin.register(ClassRoutine) +class ClassRoutineAdmin(admin.ModelAdmin): + pass diff --git a/app/apps.py b/app/apps.py new file mode 100644 index 0000000..9244162 --- /dev/null +++ b/app/apps.py @@ -0,0 +1,9 @@ +from django.apps import AppConfig + + +class AppConfig(AppConfig): + default_auto_field = "django.db.models.BigAutoField" + name = "app" + + def ready(self): + import app.signals diff --git a/app/forms.py b/app/forms.py new file mode 100644 index 0000000..06ea9fd --- /dev/null +++ b/app/forms.py @@ -0,0 +1,44 @@ +from django import forms +from django.utils.translation import gettext_lazy as _ + +from app.models import Course, Marksheet, Subject + +# class MarksheetForm(forms.ModelForm): +# class Meta: +# model = Marksheet +# fields = "__all__" +# +# def __init__(self, *args, **kwargs): +# super().__init__(*args, **kwargs) +# +# if self.instance.pk and self.instance.course: +# self.fields["subject"].queryset = Subject.objects.filter( +# course=self.instance.course, +# semester_or_year_number=self.instance.period_number, +# ) +# # else: +# # self.fields["subject"].queryset = Subject.objects.none() + + +class SubjectForm(forms.ModelForm): + class Meta: + model = Subject + fields = ["name", "course", "semester_or_year_number", "teacher"] + + def __init__(self, *args, **kwargs): + super().__init__(*args, **kwargs) + + if "course" in self.data: + try: + course_id = int(self.data.get("course")) + course = Course.objects.get(pk=course_id) + self.fields["semester_or_year_number"].choices = [ + (i, i) for i in range(1, course.duration + 1) + ] + except (ValueError, Course.DoesNotExist): + pass + elif self.instance.pk: + course = self.instance.course + self.fields["semester_or_year_number"].choices = [ + (i, i) for i in range(1, course.duration + 1) + ] diff --git a/app/migrations/0001_initial.py b/app/migrations/0001_initial.py new file mode 100644 index 0000000..3898bf2 --- /dev/null +++ b/app/migrations/0001_initial.py @@ -0,0 +1,796 @@ +# Generated by Django 5.1.4 on 2025-01-15 05:35 + +import django.core.validators +import django.db.models.deletion +from decimal import Decimal +from django.conf import settings +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ("auth", "0012_alter_user_first_name_max_length"), + migrations.swappable_dependency(settings.AUTH_USER_MODEL), + ] + + operations = [ + migrations.CreateModel( + name="AcademicYear", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("year", models.CharField(max_length=255, unique=True)), + ], + options={ + "verbose_name": "Academic Year", + "verbose_name_plural": "Academic Years", + }, + ), + migrations.CreateModel( + name="Course", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("name", models.CharField(max_length=100)), + ( + "level", + models.CharField( + choices=[ + ("basic", "Basic"), + ("primary", "Primary"), + ("secondary", "Secondary"), + ("vocational training", "Vocational Training"), + ("higher secondary", "Higher Secondary"), + ("graduation", "Graduation"), + ("post graduation", "Post Graduation"), + ], + max_length=45, + ), + ), + ( + "course_type", + models.CharField( + choices=[ + ("semester", "Semester-based"), + ("yearly", "Yearly-based"), + ], + max_length=10, + ), + ), + ("duration", models.PositiveIntegerField()), + ], + options={ + "verbose_name": "Course", + "verbose_name_plural": "Courses", + }, + ), + migrations.CreateModel( + name="Library", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("category", models.CharField(max_length=255)), + ("book_name", models.CharField(max_length=255)), + ("description", models.CharField(max_length=255)), + ("publication", models.CharField(max_length=255)), + ("publication_year", models.PositiveIntegerField()), + ("quantity", models.PositiveIntegerField()), + ( + "available", + models.CharField(choices=[("Y", "Yes"), ("N", "NO")], max_length=1), + ), + ("date_added", models.DateField(auto_now_add=True)), + ], + options={ + "verbose_name": "Library", + "verbose_name_plural": "Library", + }, + ), + migrations.CreateModel( + name="NewsEvent", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("title", models.CharField(max_length=255)), + ("summary", models.TextField()), + ( + "type", + models.CharField( + choices=[("news", "News"), ("event", "Event")], max_length=5 + ), + ), + ("created_at", models.DateTimeField(auto_now_add=True)), + ], + options={ + "verbose_name": "News/Event", + "verbose_name_plural": "News/Events", + }, + ), + migrations.CreateModel( + name="Attendance", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("date", models.DateField()), + ( + "status", + models.CharField( + choices=[("present", "Present"), ("absent", "Absent")], + max_length=10, + ), + ), + ( + "session_year", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + to="app.academicyear", + ), + ), + ], + options={ + "verbose_name": "Attendance", + "verbose_name_plural": "Attendance Records", + }, + ), + migrations.CreateModel( + name="Staff", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("active_status", models.BooleanField(default=True)), + ("first_name", models.CharField(max_length=255)), + ( + "middle_name", + models.CharField(blank=True, max_length=255, null=True), + ), + ("last_name", models.CharField(max_length=255)), + ("email", models.EmailField(max_length=255, unique=True)), + ( + "phone", + models.CharField( + max_length=10, + validators=[ + django.core.validators.RegexValidator("^\\+?1?\\d{9,15}$") + ], + ), + ), + ( + "username", + models.CharField( + blank=True, max_length=255, null=True, unique=True + ), + ), + ("password", models.CharField(max_length=255)), + ( + "gender", + models.CharField( + choices=[("M", "Male"), ("F", "Female")], max_length=1 + ), + ), + ( + "position", + models.CharField( + choices=[ + ("lab Assistant", "Lab Assistant"), + ("librarian", "Librarian"), + ("accountant", "Accountant"), + ("guard", "Guard"), + ("driver", "Driver"), + ("helper", "Helper"), + ("cleaner", "Cleaner"), + ], + max_length=255, + ), + ), + ("address", models.CharField(max_length=255)), + ( + "marital_status", + models.CharField( + choices=[ + ("married", "Married"), + ("widowed", "Widowed"), + ("separated", "Separated"), + ("divorced", "Divorced"), + ("single", "Single"), + ], + max_length=10, + ), + ), + ("date_of_joining", models.DateField()), + ("group", models.ManyToManyField(blank=True, to="auth.group")), + ( + "user", + models.OneToOneField( + blank=True, + null=True, + on_delete=django.db.models.deletion.CASCADE, + to=settings.AUTH_USER_MODEL, + ), + ), + ], + options={ + "verbose_name": "Staff", + "verbose_name_plural": "Staff", + }, + ), + migrations.CreateModel( + name="Student", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("active_status", models.BooleanField(default=True)), + ("first_name", models.CharField(max_length=255)), + ( + "middle_name", + models.CharField(blank=True, max_length=255, null=True), + ), + ("last_name", models.CharField(max_length=255)), + ("email", models.EmailField(max_length=255, unique=True)), + ( + "phone", + models.CharField( + max_length=10, + validators=[ + django.core.validators.RegexValidator("^\\+?1?\\d{9,15}$") + ], + ), + ), + ( + "username", + models.CharField( + blank=True, max_length=255, null=True, unique=True + ), + ), + ("password", models.CharField(max_length=255)), + ("date_of_birth", models.DateField()), + ( + "gender", + models.CharField( + choices=[("M", "Male"), ("F", "Female")], max_length=1 + ), + ), + ("address", models.CharField(max_length=255)), + ("father_name", models.CharField(max_length=100)), + ( + "father_phone_no", + models.CharField( + max_length=10, + validators=[ + django.core.validators.RegexValidator("^\\+?1?\\d{9,15}$") + ], + ), + ), + ( + "father_email", + models.EmailField(blank=True, max_length=254, null=True), + ), + ( + "father_occupation", + models.CharField( + choices=[ + ("agriculture", "Agriculture"), + ("banker", "Banker"), + ("business", "Business"), + ("doctor", "Doctor"), + ("farmer", "Farmer"), + ("fisherman", "Fisherman"), + ("public service", "Public Service"), + ("private service", "Private Service"), + ("shopkeeper", "Shopkeeper"), + ("driver", "Driver"), + ("worker", "Worker"), + ("N/A", "N/A"), + ], + default="N/A", + max_length=45, + ), + ), + ("mother_name", models.CharField(max_length=100)), + ( + "mother_phone_no", + models.CharField( + blank=True, + max_length=10, + null=True, + validators=[ + django.core.validators.RegexValidator("^\\+?1?\\d{9,15}$") + ], + ), + ), + ( + "mother_email", + models.EmailField(blank=True, max_length=254, null=True), + ), + ( + "mother_occupation", + models.CharField( + choices=[ + ("agriculture", "Agriculture"), + ("banker", "Banker"), + ("business", "Business"), + ("doctor", "Doctor"), + ("farmer", "Farmer"), + ("fisherman", "Fisherman"), + ("public service", "Public Service"), + ("private service", "Private Service"), + ("shopkeeper", "Shopkeeper"), + ("driver", "Driver"), + ("houseWife", "HouseWife"), + ("worker", "Worker"), + ("N/A", "N/A"), + ], + default="N/A", + max_length=45, + ), + ), + ("guardian_name", models.CharField(max_length=100)), + ( + "guardian_phone_no", + models.CharField( + max_length=10, + validators=[ + django.core.validators.RegexValidator("^\\+?1?\\d{9,15}$") + ], + ), + ), + ( + "guardian_email", + models.EmailField(blank=True, max_length=254, null=True), + ), + ( + "relationship_with_student", + models.CharField( + choices=[ + ("father", "Father"), + ("mother", "Mother"), + ("brother", "Brother"), + ("sister", "Sister"), + ("uncle", "Uncle"), + ("aunt", "Aunt"), + ("grandfather", "Grandfather"), + ], + max_length=45, + ), + ), + ( + "academic_year", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + to="app.academicyear", + ), + ), + ( + "course", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.course" + ), + ), + ("group", models.ManyToManyField(blank=True, to="auth.group")), + ( + "user", + models.OneToOneField( + blank=True, + null=True, + on_delete=django.db.models.deletion.CASCADE, + to=settings.AUTH_USER_MODEL, + ), + ), + ], + options={ + "verbose_name": "Student", + "verbose_name_plural": "Students", + }, + ), + migrations.CreateModel( + name="Marksheet", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ( + "period_number", + models.PositiveIntegerField( + help_text="Select the semester/year number within the course duration." + ), + ), + ( + "total_marks", + models.PositiveIntegerField( + blank=True, + default=Decimal("0.00"), + null=True, + validators=[django.core.validators.MinValueValidator(0)], + ), + ), + ( + "obtained_marks", + models.PositiveIntegerField( + default=Decimal("0.00"), + validators=[django.core.validators.MinValueValidator(0)], + ), + ), + ( + "grade", + models.CharField( + blank=True, + choices=[ + ("A+", "A+"), + ("A", "A"), + ("B+", "B+"), + ("B", "B"), + ("C+", "C+"), + ("C", "C"), + ("D", "D"), + ("E", "E"), + ], + max_length=2, + null=True, + ), + ), + ( + "course", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + related_name="marksheets", + to="app.course", + ), + ), + ( + "student", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + related_name="marksheets", + to="app.student", + ), + ), + ], + options={ + "verbose_name": "Marksheet", + "verbose_name_plural": "Marksheets", + "unique_together": {("student", "course", "period_number")}, + }, + ), + migrations.CreateModel( + name="Certificate", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("finished_year", models.CharField(max_length=5)), + ("issued_by", models.CharField(max_length=255)), + ("checked_by", models.CharField(max_length=255)), + ("principle", models.CharField(max_length=255)), + ("date", models.DateField()), + ( + "student", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + related_name="certificate", + to="app.student", + ), + ), + ], + ), + migrations.CreateModel( + name="AttendanceReport", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("status", models.BooleanField(default=False)), + ("created_at", models.DateTimeField(auto_now_add=True)), + ("updated_at", models.DateTimeField(auto_now_add=True)), + ( + "attendance_id", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.attendance" + ), + ), + ( + "student_id", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.student" + ), + ), + ], + ), + migrations.AddField( + model_name="attendance", + name="student", + field=models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.student" + ), + ), + migrations.CreateModel( + name="Subject", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("name", models.CharField(max_length=255)), + ("semester_or_year_number", models.PositiveIntegerField()), + ( + "course", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + related_name="subjects", + to="app.course", + ), + ), + ], + options={ + "verbose_name": "Subject", + "verbose_name_plural": "Subjects", + "ordering": ["course", "semester_or_year_number", "name"], + }, + ), + migrations.CreateModel( + name="Result", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ( + "practical_marks", + models.DecimalField( + decimal_places=2, default=Decimal("0.00"), max_digits=5 + ), + ), + ( + "exam_marks", + models.DecimalField( + decimal_places=2, default=Decimal("0.00"), max_digits=5 + ), + ), + ( + "total_marks", + models.DecimalField( + decimal_places=2, + default=Decimal("0.00"), + editable=False, + max_digits=5, + ), + ), + ( + "student", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.student" + ), + ), + ( + "subject", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.subject" + ), + ), + ], + options={ + "verbose_name": "Result", + "verbose_name_plural": "Results", + }, + ), + migrations.AddField( + model_name="attendance", + name="subject", + field=models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.subject" + ), + ), + migrations.CreateModel( + name="Teacher", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("active_status", models.BooleanField(default=True)), + ("first_name", models.CharField(max_length=255)), + ( + "middle_name", + models.CharField(blank=True, max_length=255, null=True), + ), + ("last_name", models.CharField(max_length=255)), + ("email", models.EmailField(max_length=255, unique=True)), + ( + "phone", + models.CharField( + max_length=10, + validators=[ + django.core.validators.RegexValidator("^\\+?1?\\d{9,15}$") + ], + ), + ), + ( + "username", + models.CharField( + blank=True, max_length=255, null=True, unique=True + ), + ), + ("password", models.CharField(max_length=255)), + ("address", models.CharField(max_length=255)), + ( + "gender", + models.CharField( + choices=[("M", "Male"), ("F", "Female")], max_length=1 + ), + ), + ( + "qualification", + models.CharField( + choices=[ + ("BA", "BA"), + ("BBS", "BBS"), + ("BE", "BE"), + ("BEd", "BEd"), + ("BSc", "BSc"), + ("MA", "MA"), + ("MSc", "MSc"), + ("MBS", "MBS"), + ("ME", "ME"), + ("PhD", "PhD"), + ("Others", "Others"), + ], + max_length=45, + ), + ), + ("specialization", models.CharField(max_length=255)), + ( + "marital_status", + models.CharField( + choices=[ + ("married", "Married"), + ("widowed", "Widowed"), + ("separated", "Separated"), + ("divorced", "Divorced"), + ("single", "Single"), + ], + max_length=10, + ), + ), + ("date_of_joining", models.DateField()), + ("group", models.ManyToManyField(blank=True, to="auth.group")), + ( + "user", + models.OneToOneField( + blank=True, + null=True, + on_delete=django.db.models.deletion.CASCADE, + to=settings.AUTH_USER_MODEL, + ), + ), + ], + options={ + "verbose_name": "Teacher", + "verbose_name_plural": "Teachers", + }, + ), + migrations.AddField( + model_name="subject", + name="teacher", + field=models.ForeignKey( + blank=True, + null=True, + on_delete=django.db.models.deletion.CASCADE, + related_name="subjects", + to="app.teacher", + ), + ), + migrations.CreateModel( + name="SubjectMark", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ( + "obtained_practical_marks", + models.DecimalField( + decimal_places=2, default=Decimal("0.00"), max_digits=5 + ), + ), + ( + "total_practical_marks", + models.DecimalField( + decimal_places=2, default=Decimal("20.00"), max_digits=5 + ), + ), + ( + "obtained_theory_marks", + models.DecimalField( + decimal_places=2, default=Decimal("0.00"), max_digits=5 + ), + ), + ( + "total_theory_marks", + models.DecimalField( + decimal_places=2, default=Decimal("80.00"), max_digits=5 + ), + ), + ( + "total_marks", + models.DecimalField( + decimal_places=2, default=Decimal("0.00"), max_digits=5 + ), + ), + ( + "marksheet", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + related_name="subject_marks", + to="app.marksheet", + ), + ), + ( + "subject", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + related_name="subject_marks", + to="app.subject", + ), + ), + ], + options={ + "unique_together": {("marksheet", "subject")}, + }, + ), + ] diff --git a/app/migrations/0002_remove_attendancereport_status.py b/app/migrations/0002_remove_attendancereport_status.py new file mode 100644 index 0000000..78f1f67 --- /dev/null +++ b/app/migrations/0002_remove_attendancereport_status.py @@ -0,0 +1,17 @@ +# Generated by Django 5.1.4 on 2025-01-15 05:39 + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0001_initial"), + ] + + operations = [ + migrations.RemoveField( + model_name="attendancereport", + name="status", + ), + ] diff --git a/app/migrations/0003_delete_attendancereport.py b/app/migrations/0003_delete_attendancereport.py new file mode 100644 index 0000000..0e760f9 --- /dev/null +++ b/app/migrations/0003_delete_attendancereport.py @@ -0,0 +1,16 @@ +# Generated by Django 5.1.4 on 2025-01-15 05:42 + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0002_remove_attendancereport_status"), + ] + + operations = [ + migrations.DeleteModel( + name="AttendanceReport", + ), + ] diff --git a/app/migrations/0004_classroutine.py b/app/migrations/0004_classroutine.py new file mode 100644 index 0000000..51e915f --- /dev/null +++ b/app/migrations/0004_classroutine.py @@ -0,0 +1,40 @@ +# Generated by Django 5.1.4 on 2025-01-15 05:59 + +import django.db.models.deletion +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0003_delete_attendancereport"), + ] + + operations = [ + migrations.CreateModel( + name="ClassRoutine", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("start_time", models.TimeField()), + ("end_time", models.TimeField()), + ( + "course", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.course" + ), + ), + ( + "subject", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.subject" + ), + ), + ( + "teacher", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.teacher" + ), + ), + ], + ), + ] diff --git a/app/migrations/0005_complaint.py b/app/migrations/0005_complaint.py new file mode 100644 index 0000000..730ab2b --- /dev/null +++ b/app/migrations/0005_complaint.py @@ -0,0 +1,30 @@ +# Generated by Django 5.1.4 on 2025-01-15 06:04 + +import django.db.models.deletion +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0004_classroutine"), + ] + + operations = [ + migrations.CreateModel( + name="Complaint", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("subject", models.CharField(max_length=255)), + ("description", models.TextField()), + ("date", models.DateField()), + ( + "academic_year", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, + to="app.academicyear", + ), + ), + ], + ), + ] diff --git a/app/migrations/0006_remove_complaint_academic_year.py b/app/migrations/0006_remove_complaint_academic_year.py new file mode 100644 index 0000000..c14fe19 --- /dev/null +++ b/app/migrations/0006_remove_complaint_academic_year.py @@ -0,0 +1,17 @@ +# Generated by Django 5.1.4 on 2025-01-15 06:05 + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0005_complaint"), + ] + + operations = [ + migrations.RemoveField( + model_name="complaint", + name="academic_year", + ), + ] diff --git a/app/migrations/0007_notes.py b/app/migrations/0007_notes.py new file mode 100644 index 0000000..50570fe --- /dev/null +++ b/app/migrations/0007_notes.py @@ -0,0 +1,33 @@ +# Generated by Django 5.1.4 on 2025-01-15 06:11 + +import django.db.models.deletion +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0006_remove_complaint_academic_year"), + ] + + operations = [ + migrations.CreateModel( + name="Notes", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("notes", models.FileField(upload_to="media/notes")), + ( + "course", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.course" + ), + ), + ( + "subject", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.subject" + ), + ), + ], + ), + ] diff --git a/app/migrations/0008_rename_active_status_staff_is_active_and_more.py b/app/migrations/0008_rename_active_status_staff_is_active_and_more.py new file mode 100644 index 0000000..e914263 --- /dev/null +++ b/app/migrations/0008_rename_active_status_staff_is_active_and_more.py @@ -0,0 +1,28 @@ +# Generated by Django 5.1.4 on 2025-01-16 02:10 + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0007_notes"), + ] + + operations = [ + migrations.RenameField( + model_name="staff", + old_name="active_status", + new_name="is_active", + ), + migrations.RenameField( + model_name="student", + old_name="active_status", + new_name="is_active", + ), + migrations.RenameField( + model_name="teacher", + old_name="active_status", + new_name="is_active", + ), + ] diff --git a/app/migrations/0009_remove_staff_group_remove_student_group_and_more.py b/app/migrations/0009_remove_staff_group_remove_student_group_and_more.py new file mode 100644 index 0000000..caf043f --- /dev/null +++ b/app/migrations/0009_remove_staff_group_remove_student_group_and_more.py @@ -0,0 +1,76 @@ +# Generated by Django 5.1.4 on 2025-01-16 05:47 + +import django.db.models.deletion +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0008_rename_active_status_staff_is_active_and_more"), + ] + + operations = [ + migrations.RemoveField( + model_name="staff", + name="group", + ), + migrations.RemoveField( + model_name="student", + name="group", + ), + migrations.RemoveField( + model_name="teacher", + name="group", + ), + migrations.CreateModel( + name="StudentLeave", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("date", models.DateField(max_length=100)), + ("message", models.TextField()), + ("status", models.IntegerField(default=0)), + ("created_at", models.DateTimeField(auto_now_add=True, null=True)), + ("updated_at", models.DateTimeField(auto_now=True)), + ( + "student_id", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.student" + ), + ), + ], + ), + migrations.CreateModel( + name="TeacherLeave", + fields=[ + ( + "id", + models.BigAutoField( + auto_created=True, + primary_key=True, + serialize=False, + verbose_name="ID", + ), + ), + ("date", models.DateField(max_length=100)), + ("message", models.TextField()), + ("status", models.IntegerField(default=0)), + ("created_at", models.DateTimeField(auto_now_add=True, null=True)), + ("updated_at", models.DateTimeField(auto_now=True)), + ( + "teacher_id", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.teacher" + ), + ), + ], + ), + ] diff --git a/app/migrations/0010_staff_group_student_group_teacher_group.py b/app/migrations/0010_staff_group_student_group_teacher_group.py new file mode 100644 index 0000000..6bf1ec0 --- /dev/null +++ b/app/migrations/0010_staff_group_student_group_teacher_group.py @@ -0,0 +1,29 @@ +# Generated by Django 5.1.4 on 2025-01-16 06:07 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0009_remove_staff_group_remove_student_group_and_more"), + ("auth", "0012_alter_user_first_name_max_length"), + ] + + operations = [ + migrations.AddField( + model_name="staff", + name="group", + field=models.ManyToManyField(blank=True, to="auth.group"), + ), + migrations.AddField( + model_name="student", + name="group", + field=models.ManyToManyField(blank=True, to="auth.group"), + ), + migrations.AddField( + model_name="teacher", + name="group", + field=models.ManyToManyField(blank=True, to="auth.group"), + ), + ] diff --git a/app/migrations/0011_feedbackstudent_feedbackteacher.py b/app/migrations/0011_feedbackstudent_feedbackteacher.py new file mode 100644 index 0000000..29cce0b --- /dev/null +++ b/app/migrations/0011_feedbackstudent_feedbackteacher.py @@ -0,0 +1,42 @@ +# Generated by Django 5.1.4 on 2025-01-16 06:52 + +import django.db.models.deletion +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ("app", "0010_staff_group_student_group_teacher_group"), + ] + + operations = [ + migrations.CreateModel( + name="FeedBackStudent", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("feedback", models.TextField()), + ("feedback_reply", models.TextField()), + ( + "student_id", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.student" + ), + ), + ], + ), + migrations.CreateModel( + name="FeedBackTeacher", + fields=[ + ("id", models.AutoField(primary_key=True, serialize=False)), + ("feedback", models.TextField()), + ("feedback_reply", models.TextField()), + ( + "staff_id", + models.ForeignKey( + on_delete=django.db.models.deletion.CASCADE, to="app.teacher" + ), + ), + ], + ), + ] diff --git a/app/migrations/__init__.py b/app/migrations/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/app/models.py b/app/models.py new file mode 100644 index 0000000..6c634bf --- /dev/null +++ b/app/models.py @@ -0,0 +1,613 @@ +import random +from decimal import Decimal + +from django.contrib.auth.hashers import make_password +from django.contrib.auth.models import AbstractUser, Group, User +from django.core.validators import MaxValueValidator, MinValueValidator, RegexValidator +from django.db import models + + +# Abstract BaseUser Model +class BaseUser(models.Model): + is_active = models.BooleanField(default=True) + group = models.ManyToManyField(Group, blank=True) + first_name = models.CharField(max_length=255) + middle_name = models.CharField(max_length=255, blank=True, null=True) + last_name = models.CharField(max_length=255) + email = models.EmailField(max_length=255, unique=True) + phone = models.CharField( + max_length=10, validators=[RegexValidator(r"^\+?1?\d{9,15}$")] + ) + username = models.CharField(max_length=255, unique=True, blank=True, null=True) + password = models.CharField(max_length=255) + # group = models.ManyToManyField(Group, blank=True) + user = models.OneToOneField(User, on_delete=models.CASCADE, null=True, blank=True) + + class Meta: + abstract = True + + def save(self, *args, **kwargs): + if not self.username: + self.username = f"{self.first_name.lower()}_{random.randint(1000, 9999)}" + + if self._state.adding or not self.password.startswith("pbkdf2_"): + self.password = make_password(self.password) + + if not self.user: + self.user = User.objects.create( + username=self.username, + email=self.email, + first_name=self.first_name, + last_name=self.last_name, + is_staff=True, + is_active=self.is_active, + password=self.password, + ) + else: + self.user.username = self.username + self.user.email = self.email + self.user.first_name = self.first_name + self.user.last_name = self.last_name + self.user.is_active = self.is_active + self.user.is_staff = True + self.user.password = self.password + + super().save(*args, **kwargs) + if hasattr(self, "group") and self.group.exists(): + self.user.groups.set(self.group.all()) + self.user.save() + + def __str__(self): + return f"{self.first_name} {self.last_name}" + + +# Teacher model +class Teacher(BaseUser): + address = models.CharField(max_length=255) + gender = models.CharField(max_length=1, choices=[("M", "Male"), ("F", "Female")]) + qualification_choice = ( + ("BA", "BA"), + ("BBS", "BBS"), + ("BE", "BE"), + ("BEd", "BEd"), + ("BSc", "BSc"), + ("MA", "MA"), + ("MSc", "MSc"), + ("MBS", "MBS"), + ("ME", "ME"), + ("PhD", "PhD"), + ("Others", "Others"), + ) + qualification = models.CharField(choices=qualification_choice, max_length=45) + specialization = models.CharField(max_length=255) + marital_status_choice = ( + ("married", "Married"), + ("widowed", "Widowed"), + ("separated", "Separated"), + ("divorced", "Divorced"), + ("single", "Single"), + ) + marital_status = models.CharField(choices=marital_status_choice, max_length=10) + date_of_joining = models.DateField() + + class Meta: + verbose_name = "Teacher" + verbose_name_plural = "Teachers" + + +# Course model +class Course(models.Model): + name = models.CharField(max_length=100) + level_choice = ( + ("basic", "Basic"), + ("primary", "Primary"), + ("secondary", "Secondary"), + ("vocational training", "Vocational Training"), + ("higher secondary", "Higher Secondary"), + ("graduation", "Graduation"), + ("post graduation", "Post Graduation"), + ) + level = models.CharField(choices=level_choice, max_length=45) + course_type = models.CharField( + max_length=10, + choices=[("semester", "Semester-based"), ("yearly", "Yearly-based")], + ) + duration = models.PositiveIntegerField() + + @property + def duration_display(self): + if self.course_type == "semester": + return ( + f"{self.duration} {'Semester' if self.duration == 1 else 'Semesters'}" + ) + else: + return f"{self.duration} {'Year' if self.duration == 1 else 'Years'}" + + def __str__(self): + return f"{self.name} " + + class Meta: + verbose_name = "Course" + verbose_name_plural = "Courses" + + +# AcademicYear model +class AcademicYear(models.Model): + year = models.CharField(max_length=255, unique=True) + + def __str__(self): + return self.year + + class Meta: + verbose_name = "Academic Year" + verbose_name_plural = "Academic Years" + + +# Student model +class Student(BaseUser): + date_of_birth = models.DateField(blank=False) + gender = models.CharField(max_length=1, choices=[("M", "Male"), ("F", "Female")]) + address = models.CharField(max_length=255) + course = models.ForeignKey(Course, on_delete=models.CASCADE) + academic_year = models.ForeignKey(AcademicYear, on_delete=models.CASCADE) + father_name = models.CharField(max_length=100) + father_phone_no = models.CharField( + max_length=10, validators=[RegexValidator(r"^\+?1?\d{9,15}$")] + ) + father_email = models.EmailField(blank=True, null=True) + occupation_choice = ( + ("agriculture", "Agriculture"), + ("banker", "Banker"), + ("business", "Business"), + ("doctor", "Doctor"), + ("farmer", "Farmer"), + ("fisherman", "Fisherman"), + ("public service", "Public Service"), + ("private service", "Private Service"), + ("shopkeeper", "Shopkeeper"), + ("driver", "Driver"), + ("housewife", "HouseWife"), + ("worker", "Worker"), + ("N/A", "N/A"), + ) + father_occupation = models.CharField( + choices=occupation_choice, max_length=45, default="N/A" + ) + mother_name = models.CharField(max_length=100) + mother_phone_no = models.CharField( + max_length=10, + validators=[RegexValidator(r"^\+?1?\d{9,15}$")], + blank=True, + null=True, + ) + mother_email = models.EmailField(blank=True, null=True) + mother_occupation = models.CharField( + choices=occupation_choice, max_length=45, default="N/A" + ) + guardian_name = models.CharField(max_length=100) + guardian_phone_no = models.CharField( + max_length=10, validators=[RegexValidator(r"^\+?1?\d{9,15}$")] + ) + guardian_email = models.EmailField(blank=True, null=True) + relationship_choice = ( + ("father", "Father"), + ("mother", "Mother"), + ("brother", "Brother"), + ("sister", "Sister"), + ("uncle", "Uncle"), + ("aunt", "Aunt"), + ("grandfather", "Grandfather"), + ) + relationship_with_student = models.CharField( + choices=relationship_choice, max_length=45 + ) + + def save(self, *args, **kwargs): + super().save(*args, **kwargs) + + if hasattr(self, "group") and self.group.exists(): + if hasattr(self, "user"): + self.user.groups.set(self.group.all()) + super().save(*args, **kwargs) + + class Meta: + verbose_name = "Student" + verbose_name_plural = "Students" + + +# Staff model +class Staff(BaseUser): + gender = models.CharField(max_length=1, choices=[("M", "Male"), ("F", "Female")]) + position = models.CharField( + max_length=255, + choices=[ + ("lab Assistant", "Lab Assistant"), + ("librarian", "Librarian"), + ("accountant", "Accountant"), + ("guard", "Guard"), + ("driver", "Driver"), + ("helper", "Helper"), + ("cleaner", "Cleaner"), + ], + ) + address = models.CharField(max_length=255) + marital_status_choice = ( + ("married", "Married"), + ("widowed", "Widowed"), + ("separated", "Separated"), + ("divorced", "Divorced"), + ("single", "Single"), + ) + marital_status = models.CharField(choices=marital_status_choice, max_length=10) + date_of_joining = models.DateField() + + class Meta: + verbose_name = "Staff" + verbose_name_plural = "Staff" + + +# Subject model +class Subject(models.Model): + name = models.CharField(max_length=255) + course = models.ForeignKey( + Course, on_delete=models.CASCADE, related_name="subjects" + ) + semester_or_year_number = models.PositiveIntegerField() + teacher = models.ForeignKey( + Teacher, + on_delete=models.CASCADE, + related_name="subjects", + null=True, + blank=True, + ) + + @property + def period_display(self): + period_type = "Semester" if self.course.course_type == "semester" else "Year" + return f"{period_type} {self.semester_or_year_number}" + + def __str__(self): + return f"{self.name} ({self.period_display})" + + def clean(self): + from django.core.exceptions import ValidationError + + if self.semester_or_year_number > self.course.duration: + period_type = ( + "semester" if self.course.course_type == "semester" else "year" + ) + raise ValidationError( + f"The {period_type} number cannot be greater than the course duration " + f"({self.course.duration})" + ) + + class Meta: + verbose_name = "Subject" + verbose_name_plural = "Subjects" + ordering = ["course", "semester_or_year_number", "name"] + + +# NewsEvent model +class NewsEvent(models.Model): + class NewsEventType(models.TextChoices): + NEWS = "news", "News" + EVENT = "event", "Event" + + title = models.CharField(max_length=255) + summary = models.TextField() + type = models.CharField(max_length=5, choices=NewsEventType.choices) + created_at = models.DateTimeField(auto_now_add=True) + + def __str__(self): + return f"{self.title} ({self.type})" + + class Meta: + verbose_name = "News/Event" + verbose_name_plural = "News/Events" + + +# Attendance model +class Attendance(models.Model): + id = models.AutoField(primary_key=True) + student = models.ForeignKey(Student, on_delete=models.CASCADE) + session_year = models.ForeignKey(AcademicYear, on_delete=models.CASCADE) + subject = models.ForeignKey(Subject, on_delete=models.CASCADE) + date = models.DateField() + status = models.CharField( + max_length=10, choices=[("present", "Present"), ("absent", "Absent")] + ) + + class Meta: + verbose_name = "Attendance" + verbose_name_plural = "Attendance Records" + + +# Result model +class Result(models.Model): + id = models.AutoField(primary_key=True) + student = models.ForeignKey(Student, on_delete=models.CASCADE) + subject = models.ForeignKey(Subject, on_delete=models.CASCADE) + practical_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("0") + ) + exam_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("0") + ) + total_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("0"), editable=False + ) + + def get_total(self): + return Decimal(str(self.practical_marks or 0)) + Decimal( + str(self.exam_marks or 0) + ) + + def save(self, *args, **kwargs): + self.total_marks = self.get_total() + super().save(*args, **kwargs) + + def __str__(self): + return f"{self.student} - {self.subject} - Total: {self.total_marks}" + + class Meta: + verbose_name = "Result" + verbose_name_plural = "Results" + + +class Library(models.Model): + category = models.CharField(max_length=255) + book_name = models.CharField(max_length=255) + description = models.CharField(max_length=255) + publication = models.CharField(max_length=255) + publication_year = models.PositiveIntegerField() + quantity = models.PositiveIntegerField() + available = models.CharField(max_length=1, choices=[("Y", "Yes"), ("N", "NO")]) + date_added = models.DateField(auto_now_add=True) + + def __str__(self): + return self.book_name + + class Meta: + verbose_name = "Library" + verbose_name_plural = "Library" + + +class Marksheet(models.Model): + student = models.ForeignKey( + Student, on_delete=models.CASCADE, related_name="marksheets" + ) + course = models.ForeignKey( + Course, on_delete=models.CASCADE, related_name="marksheets" + ) + period_number = models.PositiveIntegerField( + help_text="Select the semester/year number within the course duration." + ) + total_marks = models.PositiveIntegerField( + validators=[MinValueValidator(0)], + default=Decimal("0.00"), + blank=True, + null=True, + ) + obtained_marks = models.PositiveIntegerField( + validators=[MinValueValidator(0)], default=Decimal("0.00") + ) + grade = models.CharField( + max_length=2, + choices=[ + ("A+", "A+"), + ("A", "A"), + ("B+", "B+"), + ("B", "B"), + ("C+", "C+"), + ("C", "C"), + ("D", "D"), + ("E", "E"), + ], + blank=True, + null=True, + ) + + class Meta: + verbose_name = "Marksheet" + verbose_name_plural = "Marksheets" + unique_together = ("student", "course", "period_number") + + def calculate_totals(self): + subject_marks = self.subject_marks.all() + total_marks = sum( + subject.total_practical_marks + subject.total_theory_marks + for subject in subject_marks + ) or Decimal("0.00") + obtained_marks = sum( + subject.obtained_practical_marks + subject.obtained_theory_marks + for subject in subject_marks + ) or Decimal("0.00") + return total_marks, obtained_marks + + def save(self, *args, **kwargs): + if not self.pk: + super().save(*args, **kwargs) + + if self.period_number > self.course.duration: + raise ValueError( + f"The period number cannot exceed the course duration ({self.course.duration})." + ) + + self.total_marks, self.obtained_marks = self.calculate_totals() + + if self.total_marks > 0: + percentage = (self.obtained_marks / self.total_marks) * 100 + if percentage >= 90: + self.grade = "A+" + elif percentage >= 80: + self.grade = "A" + elif percentage >= 70: + self.grade = "B+" + elif percentage >= 60: + self.grade = "B" + elif percentage >= 50: + self.grade = "C+" + elif percentage >= 40: + self.grade = "C" + elif percentage >= 30: + self.grade = "D" + else: + self.grade = "E" + + super().save(*args, **kwargs) + + def __str__(self): + period_type = "Semester" if self.course.course_type == "semester" else "Year" + return f"{self.student} - {period_type} {self.period_number}" + + +class SubjectMark(models.Model): + marksheet = models.ForeignKey( + Marksheet, on_delete=models.CASCADE, related_name="subject_marks" + ) + subject = models.ForeignKey( + "Subject", on_delete=models.CASCADE, related_name="subject_marks" + ) + obtained_practical_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("0.00") + ) + total_practical_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("20.00") + ) + obtained_theory_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("0.00") + ) + total_theory_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("80.00") + ) + total_marks = models.DecimalField( + max_digits=5, decimal_places=2, default=Decimal("0.00") + ) + + def get_total(self): + return Decimal(str(self.obtained_practical_marks or 0)) + Decimal( + str(self.obtained_theory_marks or 0) + ) + + def save(self, *args, **kwargs): + self.total_marks = self.get_total() + super().save(*args, **kwargs) + self.marksheet.save() + + class Meta: + unique_together = ("marksheet", "subject") + + def __str__(self): + return f"{self.subject.name} - {self.marksheet.student.first_name}" + + +class Certificate(models.Model): + id = models.AutoField(primary_key=True) + student = models.ForeignKey( + Student, on_delete=models.CASCADE, related_name="certificate" + ) + finished_year = models.CharField(max_length=5) + issued_by = models.CharField(max_length=255) + checked_by = models.CharField(max_length=255) + principle = models.CharField(max_length=255) + date = models.DateField() + + def __str__(self): + return f"Certificate for {self.student.first_name} {self.student.last_name}" + + +class ClassRoutine(models.Model): + id = models.AutoField(primary_key=True) + course = models.ForeignKey(Course, on_delete=models.CASCADE) + subject = models.ForeignKey(Subject, on_delete=models.CASCADE) + teacher = models.ForeignKey(Teacher, on_delete=models.CASCADE) + start_time = models.TimeField() + end_time = models.TimeField() + + +class Complaint(models.Model): + id = models.AutoField(primary_key=True) + subject = models.CharField(max_length=255) + description = models.TextField() + date = models.DateField() + + def __str__(self): + return self.subject + + +class Notes(models.Model): + id = models.AutoField(primary_key=True) + course = models.ForeignKey(Course, on_delete=models.CASCADE) + subject = models.ForeignKey(Subject, on_delete=models.CASCADE) + notes = models.FileField(upload_to="media/notes") + + def __str__(self): + return self.subject.name + + +class StudentLeave(models.Model): + student_id = models.ForeignKey(Student, on_delete=models.CASCADE) + date = models.DateField() + message = models.TextField() + status = models.IntegerField(default=0) + created_at = models.DateTimeField(auto_now_add=True, null=True, blank=True) + updated_at = models.DateTimeField(auto_now=True) + + def __str__(self): + return self.student_id.first_name + self.student_id.last_name + + +class TeacherLeave(models.Model): + teacher_id = models.ForeignKey(Teacher, on_delete=models.CASCADE) + date = models.DateField() + message = models.TextField() + status = models.IntegerField(default=0) + created_at = models.DateTimeField(auto_now_add=True, null=True, blank=True) + updated_at = models.DateTimeField(auto_now=True) + + def __str__(self): + return self.teacher_id.first_name + self.teacher_id.last_name + + +class FeedbackStudent(models.Model): + id = models.AutoField(primary_key=True) + student_id = models.ForeignKey(Student, on_delete=models.CASCADE) + feedback = models.TextField() + feedback_reply = models.TextField(blank=True, null=True) + + def __str__(self): + return self.feedback + + +class FeedbackTeacher(models.Model): + id = models.AutoField(primary_key=True) + staff_id = models.ForeignKey(Teacher, on_delete=models.CASCADE) + feedback = models.TextField() + feedback_reply = models.TextField(blank=True, null=True) + + def __str__(self): + return self.feedback + + +class StudyMaterial(models.Model): + id = models.AutoField(primary_key=True) + course = models.ForeignKey(Course, on_delete=models.CASCADE) + subject = models.ForeignKey(Subject, on_delete=models.CASCADE) + title = models.CharField(max_length=255) + description = models.TextField() + resource_type = models.CharField( + max_length=7, choices=[("Video", "Video"), ("Article", "Article")] + ) + url = models.URLField() + + def __str__(self): + return self.subject.name + + +class Syllabus(models.Model): + id = models.AutoField(primary_key=True) + course = models.ForeignKey(Course, on_delete=models.CASCADE) + syllabus_file = models.FileField(upload_to="media/syllabus") + + def __str__(self): + return self.course.name diff --git a/app/signals.py b/app/signals.py new file mode 100644 index 0000000..ac84b8b --- /dev/null +++ b/app/signals.py @@ -0,0 +1,31 @@ +from django.db.models.signals import post_save +from django.dispatch import receiver +from django.contrib.auth.models import Group +from app.models import Student, Teacher, Staff + + +@receiver(post_save, sender=Student) +def assign_student_group(sender, instance, created, **kwargs): + if created: + # Ensure the group exists + student_group, created = Group.objects.get_or_create(name="student") + instance.user.groups.add(student_group) + instance.user.save() + + +@receiver(post_save, sender=Teacher) +def assign_teacher_group(sender, instance, created, **kwargs): + if created: + # Ensure the group exists + teacher_group, created = Group.objects.get_or_create(name="teacher") + instance.user.groups.add(teacher_group) + instance.user.save() + + +@receiver(post_save, sender=Staff) +def assign_staff_group(sender, instance, created, **kwargs): + if created: + # Ensure the group exists + staff_group, created = Group.objects.get_or_create(name="staff") + instance.user.groups.add(staff_group) + instance.user.save() diff --git a/app/studentviews.py b/app/studentviews.py new file mode 100644 index 0000000..e69de29 diff --git a/app/tests.py b/app/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/app/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/app/urls.py b/app/urls.py new file mode 100644 index 0000000..8d06e54 --- /dev/null +++ b/app/urls.py @@ -0,0 +1,15 @@ +from django.urls import path + +from app import views + +urlpatterns = [ + path("dashboard", views.dashboard, name="dashboard"), + path("studentdashboard", views.studentdashboard, name="studentdashboard"), + # path("marksheet", views.marksheet, name="marksheet"), + path("marksheet//", views.view_marksheet, name="app_marksheet_view"), + path("certificate//", views.view_certificate, name="app_certificate_view"), + path("get-periods//", views.get_periods, name="get_periods"), + # path("course/manage", views.Add_Course, name="add_course"), + # path("course/edit/", views.Edit_Course, name="edit_course"), + # path("course/delete/", views.Delete_Course, name="delete_course"), +] diff --git a/app/views.py b/app/views.py new file mode 100644 index 0000000..319cfc0 --- /dev/null +++ b/app/views.py @@ -0,0 +1,224 @@ +from django.contrib import messages +from django.contrib.admin import site +from django.contrib.auth.decorators import login_required +from django.http import HttpResponse, JsonResponse +from django.shortcuts import get_object_or_404, redirect, render +from django.views.generic import DetailView + +from app.models import ( + AcademicYear, + Certificate, + Course, + Marksheet, + NewsEvent, + Staff, + Student, + Subject, + SubjectMark, + Teacher, +) + + +def view_certificate(request, pk): + try: + certificate = get_object_or_404(Certificate, pk=pk) + student = certificate.student + + # Calculate GPA from marksheet if available + gpa = None + try: + marksheet = Marksheet.objects.filter(student=student).latest("id") + percentage = marksheet.obtained_marks / marksheet.total_marks * 100 + # Basic GPA calculation (customize based on your grading system) + gpa = (percentage / 100) * 4.0 + except Marksheet.DoesNotExist: + pass + + context = { + **site.each_context(request), # This adds admin context + "certificate": certificate, + "student": student, + "course": student.course, + "address": student.address, + "dob": student.date_of_birth, + "father": student.father_name, + "finished_year": certificate.date, + "principle": certificate.principle, + "checked_by": certificate.checked_by, + "issued_by": certificate.issued_by, + "school_name": "XYZ Secondary School", + "school_address": "Kohalpur, Nepal", + "gpa": f"{gpa:.2f}" if gpa else None, + "issue_date": certificate.date.strftime("%Y-%m-%d"), + } + return render(request, "Hod/view_certificate.html", context) + except Certificate.DoesNotExist: + return HttpResponse("Certificate not found", status=404) + + +# def view_certificate(request, pk): +# try: +# certificate = Certificate.objects.get(pk=pk) +# students = Student.objects.get(pk=certificate.student_id) +# context = { +# "certificate": certificate, +# "student": certificate.student, +# "course": students.course, +# "address": students.address, +# "dob": students.date_of_birth, +# "father": students.father_name, +# "finished_year": certificate.date, +# "principle": certificate.principle, +# "checked_by": certificate.checked_by, +# "issued_by": certificate.issued_by, +# "school_name": "XYZ Secondary School", +# "school_address": "Kohalpur, Nepal", +# } +# return render(request, "Hod/view_certificate.html", context) +# except Certificate.DoesNotExist: +# return HttpResponse("Certificate not found", status=404) + + +def get_periods(request, course_id): + try: + course = Course.objects.get(id=course_id) + periods = range(1, course.duration + 1) + return JsonResponse({"periods": list(periods)}) + except Course.DoesNotExist: + raise Http404("Course not found.") + + +@login_required +def view_marksheet(request, pk): + try: + marksheet = Marksheet.objects.get(pk=pk) + percentage = ( + (marksheet.obtained_marks / marksheet.total_marks) * 100 + if marksheet.total_marks > 0 + else 0 + ) + + context = { + **site.each_context(request), # This adds admin context + "marksheet": marksheet, + "percentage": percentage, + "student": marksheet.student, + "school_name": "XYZ Secondary School", + "theory_max": 80, + "practical_max": 20, + "exam_year": marksheet.student.academic_year, + } + return render(request, "Hod/view_marksheet.html", context) + except Marksheet.DoesNotExist: + return HttpResponse("Marksheet not found", status=404) + + +@login_required +def Add_Course(request): + courses = Course.objects.all() + + context = { + **site.each_context(request), # This adds admin context + "title": "Manage Courses", + "courses": courses, + "subtitle": "Course Management", + "site_title": "School Management", + "has_permission": True, + "is_popup": False, + "is_nav_sidebar_enabled": True, + "available_apps": site.get_app_list(request), + } + + if request.method == "POST": + name = request.POST.get("name") + level = request.POST.get("level") + course_type = request.POST.get("course_type") + duration = request.POST.get("duration") + + Course.objects.create( + name=name, level=level, course_type=course_type, duration=duration + ) + messages.success(request, "Course Added Successfully!") + return redirect("add_course") + + return render(request, "Hod/add_course.html", context) + + +@login_required +def Edit_Course(request, id): + course = Course.objects.all() + if request.method == "POST": + name = request.POST.get("name") + Course.objects.filter(id=id).update( + name=name, + ) + messages.success(request, "Course Updated Successfully!") + return redirect("add_course") + context = { + "course": course, + } + return render(request, "Hod/add_course.html", context) + + +@login_required +def Delete_Course(request, id): + Course.objects.filter(id=id).delete() + messages.success(request, "Course Deleted Successfully") + return redirect("add_course") + + +@login_required +def dashboard(request): + if not request.user.is_superuser: + return redirect("studentdashboard") + + total_student = Student.objects.count() + total_teacher = Teacher.objects.count() + total_staff = Staff.objects.count() + total_course = Course.objects.count() + total_subjects = Subject.objects.count() + context = { + **site.each_context(request), + "title": "Dashboard", + # "breadcrumbs": [{"name": "Dashboard", "url": "dashboard"}], + "total_student": total_student, + "total_teacher": total_teacher, + "total_staff": total_staff, + "total_course": total_course, + "total_subjects": total_subjects, + } + return render(request, "dashboard.html", context) + + +@login_required +def studentdashboard(request): + total_subject = Subject.objects.count() + student = Student.objects.get(user=request.user) + course_name = student.course.name + course = student.course + total_subjects = Subject.objects.filter(course=course).count() + subject = Subject.objects.filter(course=course) + + context = { + **site.each_context(request), + "title": "Student Dashboard", + "total_subject": total_subject, + "course_name": course_name, + "subject": subject, + "total_subjects": total_subjects, + } + + return render(request, "studentdashboard.html", context) + + +def marksheet(request): + marksheet = Marksheet.objects.first() + subject = SubjectMark.objects.filter(marksheet=marksheet) + context = { + **site.each_context(request), + "title": "Marksheet", + "marksheet": marksheet, + "subject": subject, + } + + return render(request, "marksheet.html", context) diff --git a/manage.py b/manage.py new file mode 100755 index 0000000..7da44d2 --- /dev/null +++ b/manage.py @@ -0,0 +1,22 @@ +#!/usr/bin/env python +"""Django's command-line utility for administrative tasks.""" +import os +import sys + + +def main(): + """Run administrative tasks.""" + os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'student_management_system.settings') + try: + from django.core.management import execute_from_command_line + except ImportError as exc: + raise ImportError( + "Couldn't import Django. Are you sure it's installed and " + "available on your PYTHONPATH environment variable? Did you " + "forget to activate a virtual environment?" + ) from exc + execute_from_command_line(sys.argv) + + +if __name__ == '__main__': + main() diff --git a/static/src/css/form.css b/static/src/css/form.css new file mode 100644 index 0000000..a52d023 --- /dev/null +++ b/static/src/css/form.css @@ -0,0 +1,24 @@ +.personal_info { + display: none; +} +.address_info { + display: none; +} +.guardian_info { + display: none; +} +.emergency_contact_info { + display: none; +} +.previous_academic_info { + display: none; +} +.previous_academic_certificate { + display: none; +} +.address_info { + display: none; +} +#submit { + display: none; +} diff --git a/static/src/css/style.css b/static/src/css/style.css new file mode 100644 index 0000000..829cbee --- /dev/null +++ b/static/src/css/style.css @@ -0,0 +1,9460 @@ +@charset "UTF-8"; +/*! + * CoreUI - Open Source Bootstrap Admin Template + * @version v1.0.6 + * @link http://coreui.io + * Copyright (c) 2017 creativeLabs Łukasz Holeczek + * @license MIT + */ +/*! + * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com) + * Copyright 2011-2017 The Bootstrap Authors + * Copyright 2011-2017 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +:root { + --blue: #20a8d8; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #f86c6b; + --orange: #f8cb00; + --yellow: #ffc107; + --green: #4dbd74; + --teal: #20c997; + --cyan: #63c2de; + --white: #fff; + --gray: #536c79; + --gray-dark: #29363d; + --blue: #20a8d8; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #f86c6b; + --orange: #f8cb00; + --yellow: #ffc107; + --green: #4dbd74; + --teal: #20c997; + --cyan: #63c2de; + --white: #fff; + --gray: #536c79; + --primary: #20a8d8; + --secondary: #a4b7c1; + --success: #4dbd74; + --info: #63c2de; + --warning: #ffc107; + --danger: #f86c6b; + --light: #f0f3f5; + --dark: #29363d; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } + abbr[title]::after { + content: " (" attr(title) ")"; } + pre { + white-space: pre-wrap !important; } + pre, + blockquote { + border: 1px solid #999; + 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; } + .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 #ddd !important; } } + +*, +*::before, +*::after { + box-sizing: border-box; } + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: transparent; } + +@-ms-viewport { + width: device-width; } + +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #151b1e; + text-align: left; + background-color: #e4e5e6; } + +[tabindex="-1"]:focus { + outline: none !important; } + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: 700; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +dfn { + font-style: italic; } + +b, +strong { + font-weight: bolder; } + +small { + font-size: 80%; } + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } + +sub { + bottom: -.25em; } + +sup { + top: -.5em; } + +a { + color: #20a8d8; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; } + a:hover { + color: #167495; + text-decoration: underline; } + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus { + outline: 0; } + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; + border-style: none; } + +svg:not(:root) { + overflow: hidden; } + +a, +area, +button, +[role="button"], +input:not([type="range"]), +label, +select, +summary, +textarea { + -ms-touch-action: manipulation; + touch-action: manipulation; } + +table { + border-collapse: collapse; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #536c79; + text-align: left; + caption-side: bottom; } + +th { + text-align: inherit; } + +label { + display: inline-block; + margin-bottom: .5rem; } + +button { + border-radius: 0; } + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +button, +input { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +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; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; } + +progress { + vertical-align: baseline; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; } + +[type="search"]::-webkit-search-cancel-button, +[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; } + +template { + display: none; } + +[hidden] { + display: none !important; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 500; + line-height: 1.2; + color: inherit; } + +h1, .h1 { + font-size: 2.1875rem; } + +h2, .h2 { + font-size: 1.75rem; } + +h3, .h3 { + font-size: 1.53125rem; } + +h4, .h4 { + font-size: 1.3125rem; } + +h5, .h5 { + font-size: 1.09375rem; } + +h6, .h6 { + font-size: 0.875rem; } + +.lead { + font-size: 1.09375rem; + font-weight: 300; } + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; } + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; } + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; } + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; } + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +small, +.small { + font-size: 80%; + font-weight: 400; } + +mark, +.mark { + padding: 0.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: 5px; } + +.initialism { + font-size: 90%; + text-transform: uppercase; } + +.blockquote { + margin-bottom: 1rem; + font-size: 1.09375rem; } + +.blockquote-footer { + display: block; + font-size: 80%; + color: #536c79; } + .blockquote-footer::before { + content: "\2014 \00A0"; } + +.img-fluid { + max-width: 100%; + height: auto; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #e4e5e6; + border: 1px solid #ddd; + transition: all 0.2s ease-in-out; + max-width: 100%; + height: auto; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #536c79; } + +code, +kbd, +pre, +samp { + font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + +code { + padding: 0.2rem 0.4rem; + font-size: 90%; + color: #bd4147; + background-color: #f0f3f5; } + a > code { + padding: 0; + color: inherit; + background-color: inherit; } + +kbd { + padding: 0.2rem 0.4rem; + font-size: 90%; + color: #fff; + background-color: #151b1e; } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + color: #151b1e; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } + @media (min-width: 576px) { + .container { + max-width: 540px; } } + @media (min-width: 768px) { + .container { + max-width: 720px; } } + @media (min-width: 992px) { + .container { + max-width: 960px; } } + @media (min-width: 1200px) { + .container { + max-width: 1140px; } } + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } + +.row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; } + +.no-gutters { + margin-right: 0; + margin-left: 0; } + .no-gutters > .col, + .no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; } + +.col-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%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; } + +.col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } + +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; } + +.col-1 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + +.col-2 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + +.col-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } + +.col-4 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + +.col-5 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + +.col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } + +.col-7 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + +.col-8 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + +.col-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } + +.col-10 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + +.col-11 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + +.col-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + +.order-first { + -ms-flex-order: -1; + order: -1; } + +.order-1 { + -ms-flex-order: 1; + order: 1; } + +.order-2 { + -ms-flex-order: 2; + order: 2; } + +.order-3 { + -ms-flex-order: 3; + order: 3; } + +.order-4 { + -ms-flex-order: 4; + order: 4; } + +.order-5 { + -ms-flex-order: 5; + order: 5; } + +.order-6 { + -ms-flex-order: 6; + order: 6; } + +.order-7 { + -ms-flex-order: 7; + order: 7; } + +.order-8 { + -ms-flex-order: 8; + order: 8; } + +.order-9 { + -ms-flex-order: 9; + order: 9; } + +.order-10 { + -ms-flex-order: 10; + order: 10; } + +.order-11 { + -ms-flex-order: 11; + order: 11; } + +.order-12 { + -ms-flex-order: 12; + order: 12; } + +.offset-1 { + margin-left: 8.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 { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } + .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; } + .col-sm-1 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-sm-2 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .col-sm-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } + .col-sm-4 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-sm-5 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .col-sm-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } + .col-sm-7 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-sm-8 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .col-sm-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } + .col-sm-10 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-sm-11 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-sm-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-sm-first { + -ms-flex-order: -1; + order: -1; } + .order-sm-1 { + -ms-flex-order: 1; + order: 1; } + .order-sm-2 { + -ms-flex-order: 2; + order: 2; } + .order-sm-3 { + -ms-flex-order: 3; + order: 3; } + .order-sm-4 { + -ms-flex-order: 4; + order: 4; } + .order-sm-5 { + -ms-flex-order: 5; + order: 5; } + .order-sm-6 { + -ms-flex-order: 6; + order: 6; } + .order-sm-7 { + -ms-flex-order: 7; + order: 7; } + .order-sm-8 { + -ms-flex-order: 8; + order: 8; } + .order-sm-9 { + -ms-flex-order: 9; + order: 9; } + .order-sm-10 { + -ms-flex-order: 10; + order: 10; } + .order-sm-11 { + -ms-flex-order: 11; + order: 11; } + .order-sm-12 { + -ms-flex-order: 12; + order: 12; } + .offset-sm-0 { + margin-left: 0; } + .offset-sm-1 { + margin-left: 8.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 { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } + .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; } + .col-md-1 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-md-2 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .col-md-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } + .col-md-4 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-md-5 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .col-md-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } + .col-md-7 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-md-8 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .col-md-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } + .col-md-10 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-md-11 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-md-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-md-first { + -ms-flex-order: -1; + order: -1; } + .order-md-1 { + -ms-flex-order: 1; + order: 1; } + .order-md-2 { + -ms-flex-order: 2; + order: 2; } + .order-md-3 { + -ms-flex-order: 3; + order: 3; } + .order-md-4 { + -ms-flex-order: 4; + order: 4; } + .order-md-5 { + -ms-flex-order: 5; + order: 5; } + .order-md-6 { + -ms-flex-order: 6; + order: 6; } + .order-md-7 { + -ms-flex-order: 7; + order: 7; } + .order-md-8 { + -ms-flex-order: 8; + order: 8; } + .order-md-9 { + -ms-flex-order: 9; + order: 9; } + .order-md-10 { + -ms-flex-order: 10; + order: 10; } + .order-md-11 { + -ms-flex-order: 11; + order: 11; } + .order-md-12 { + -ms-flex-order: 12; + order: 12; } + .offset-md-0 { + margin-left: 0; } + .offset-md-1 { + margin-left: 8.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 { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } + .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; } + .col-lg-1 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-lg-2 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .col-lg-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } + .col-lg-4 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-lg-5 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .col-lg-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } + .col-lg-7 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-lg-8 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .col-lg-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } + .col-lg-10 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-lg-11 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-lg-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-lg-first { + -ms-flex-order: -1; + order: -1; } + .order-lg-1 { + -ms-flex-order: 1; + order: 1; } + .order-lg-2 { + -ms-flex-order: 2; + order: 2; } + .order-lg-3 { + -ms-flex-order: 3; + order: 3; } + .order-lg-4 { + -ms-flex-order: 4; + order: 4; } + .order-lg-5 { + -ms-flex-order: 5; + order: 5; } + .order-lg-6 { + -ms-flex-order: 6; + order: 6; } + .order-lg-7 { + -ms-flex-order: 7; + order: 7; } + .order-lg-8 { + -ms-flex-order: 8; + order: 8; } + .order-lg-9 { + -ms-flex-order: 9; + order: 9; } + .order-lg-10 { + -ms-flex-order: 10; + order: 10; } + .order-lg-11 { + -ms-flex-order: 11; + order: 11; } + .order-lg-12 { + -ms-flex-order: 12; + order: 12; } + .offset-lg-0 { + margin-left: 0; } + .offset-lg-1 { + margin-left: 8.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 { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } + .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; } + .col-xl-1 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; } + .col-xl-2 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; } + .col-xl-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } + .col-xl-4 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; } + .col-xl-5 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; } + .col-xl-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } + .col-xl-7 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; } + .col-xl-8 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; } + .col-xl-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } + .col-xl-10 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; } + .col-xl-11 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; } + .col-xl-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } + .order-xl-first { + -ms-flex-order: -1; + order: -1; } + .order-xl-1 { + -ms-flex-order: 1; + order: 1; } + .order-xl-2 { + -ms-flex-order: 2; + order: 2; } + .order-xl-3 { + -ms-flex-order: 3; + order: 3; } + .order-xl-4 { + -ms-flex-order: 4; + order: 4; } + .order-xl-5 { + -ms-flex-order: 5; + order: 5; } + .order-xl-6 { + -ms-flex-order: 6; + order: 6; } + .order-xl-7 { + -ms-flex-order: 7; + order: 7; } + .order-xl-8 { + -ms-flex-order: 8; + order: 8; } + .order-xl-9 { + -ms-flex-order: 9; + order: 9; } + .order-xl-10 { + -ms-flex-order: 10; + order: 10; } + .order-xl-11 { + -ms-flex-order: 11; + order: 11; } + .order-xl-12 { + -ms-flex-order: 12; + order: 12; } + .offset-xl-0 { + margin-left: 0; } + .offset-xl-1 { + margin-left: 8.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%; + max-width: 100%; + margin-bottom: 1rem; + background-color: transparent; } + .table th, + .table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #c2cfd6; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #c2cfd6; } + .table tbody + tbody { + border-top: 2px solid #c2cfd6; } + .table .table { + background-color: #e4e5e6; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid #c2cfd6; } + .table-bordered th, + .table-bordered td { + border: 1px solid #c2cfd6; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); } + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); } + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #c1e7f4; } + +.table-hover .table-primary:hover { + background-color: #abdff0; } + .table-hover .table-primary:hover > td, + .table-hover .table-primary:hover > th { + background-color: #abdff0; } + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #e6ebee; } + +.table-hover .table-secondary:hover { + background-color: #d7dfe4; } + .table-hover .table-secondary:hover > td, + .table-hover .table-secondary:hover > th { + background-color: #d7dfe4; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #cdedd8; } + +.table-hover .table-success:hover { + background-color: #bae6c9; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #bae6c9; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #d3eef6; } + +.table-hover .table-info:hover { + background-color: #bee6f2; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #bee6f2; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; } + +.table-hover .table-warning:hover { + background-color: #ffe8a1; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #ffe8a1; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #fdd6d6; } + +.table-hover .table-danger:hover { + background-color: #fcbebe; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #fcbebe; } + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fbfcfc; } + +.table-hover .table-light:hover { + background-color: #ecf1f1; } + .table-hover .table-light:hover > td, + .table-hover .table-light:hover > th { + background-color: #ecf1f1; } + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c3c7c9; } + +.table-hover .table-dark:hover { + background-color: #b6babd; } + .table-hover .table-dark:hover > td, + .table-hover .table-dark:hover > th { + background-color: #b6babd; } + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); } + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); } + +.table .thead-dark th { + color: #e4e5e6; + background-color: #151b1e; + border-color: #252f35; } + +.table .thead-light th { + color: #3e515b; + background-color: #c2cfd6; + border-color: #c2cfd6; } + +.table-dark { + color: #e4e5e6; + background-color: #151b1e; } + .table-dark th, + .table-dark td, + .table-dark thead th { + border-color: #252f35; } + .table-dark.table-bordered { + border: 0; } + .table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); } + .table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); } + +@media (max-width: 575px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-sm.table-bordered { + border: 0; } } + +@media (max-width: 767px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-md.table-bordered { + border: 0; } } + +@media (max-width: 991px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-lg.table-bordered { + border: 0; } } + +@media (max-width: 1199px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-xl.table-bordered { + border: 0; } } + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive.table-bordered { + border: 0; } + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + line-height: 1.5; + color: #3e515b; + background-color: #fff; + background-image: none; + background-clip: padding-box; + border: 1px solid #c2cfd6; + border-radius: 0; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:focus { + color: #3e515b; + background-color: #fff; + border-color: #8ad4ee; + outline: none; + box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25); } + .form-control::-webkit-input-placeholder { + color: #536c79; + opacity: 1; } + .form-control:-ms-input-placeholder { + color: #536c79; + opacity: 1; } + .form-control::-ms-input-placeholder { + color: #536c79; + opacity: 1; } + .form-control::placeholder { + color: #536c79; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { + background-color: #c2cfd6; + opacity: 1; } + +select.form-control:not([size]):not([multiple]) { + height: calc(2.0625rem + 2px); } + +select.form-control:focus::-ms-value { + color: #3e515b; + background-color: #fff; } + +.form-control-file, +.form-control-range { + display: block; } + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + line-height: 1.5; } + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + line-height: 1.5; } + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.76562rem; + line-height: 1.5; } + +.col-form-legend { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + font-size: 0.875rem; } + +.form-control-plaintext { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; } + .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, + .input-group-sm > .form-control-plaintext.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, + .input-group-lg > .form-control-plaintext.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-plaintext.btn { + padding-right: 0; + padding-left: 0; } + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.76562rem; + line-height: 1.5; } + +select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), +.input-group-sm > select.input-group-addon:not([size]):not([multiple]), +.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: calc(1.64844rem + 2px); } + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; } + +select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), +.input-group-lg > select.input-group-addon:not([size]):not([multiple]), +.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: calc(2.64062rem + 2px); } + +.form-group { + margin-bottom: 1rem; } + +.form-text { + display: block; + margin-top: 0.25rem; } + +.form-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; } + .form-row > .col, + .form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; } + +.form-check { + position: relative; + display: block; + margin-bottom: 0.5rem; } + .form-check.disabled .form-check-label { + color: #536c79; } + +.form-check-label { + padding-left: 1.25rem; + margin-bottom: 0; } + +.form-check-input { + position: absolute; + margin-top: 0.25rem; + margin-left: -1.25rem; } + +.form-check-inline { + display: inline-block; + margin-right: 0.75rem; } + .form-check-inline .form-check-label { + vertical-align: middle; } + +.valid-feedback { + display: none; + margin-top: .25rem; + font-size: .875rem; + color: #4dbd74; } + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + width: 250px; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(77, 189, 116, 0.8); + border-radius: .2rem; } + +.was-validated .form-control:valid, .form-control.is-valid, .was-validated +.custom-select:valid, +.custom-select.is-valid { + border-color: #4dbd74; } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated + .custom-select:valid:focus, + .custom-select.is-valid:focus { + box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25); } + .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: #4dbd74; } + +.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { + background-color: rgba(77, 189, 116, 0.25); } + +.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { + color: #4dbd74; } + +.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { + border-color: #4dbd74; } + .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { + border-color: inherit; } + +.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus { + box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25); } + +.invalid-feedback { + display: none; + margin-top: .25rem; + font-size: .875rem; + color: #f86c6b; } + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + width: 250px; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(248, 108, 107, 0.8); + border-radius: .2rem; } + +.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated +.custom-select:invalid, +.custom-select.is-invalid { + border-color: #f86c6b; } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated + .custom-select:invalid:focus, + .custom-select.is-invalid:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25); } + .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: #f86c6b; } + +.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { + background-color: rgba(248, 108, 107, 0.25); } + +.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { + color: #f86c6b; } + +.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { + border-color: #f86c6b; } + .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { + border-color: inherit; } + +.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25); } + +.form-inline { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; } + .form-inline .form-check { + width: 100%; } + @media (min-width: 576px) { + .form-inline label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 0; } + .form-inline .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; + margin-bottom: 0; } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; } + .form-inline .form-control-plaintext { + display: inline-block; } + .form-inline .input-group { + width: auto; } + .form-inline .form-check { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + margin-top: 0; + margin-bottom: 0; } + .form-inline .form-check-label { + padding-left: 0; } + .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; } + .form-inline .custom-control { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; } + .form-inline .custom-control-indicator { + position: static; + display: inline-block; + margin-right: 0.25rem; + vertical-align: text-bottom; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } } + +.btn { + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + line-height: 1.5; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + .btn:focus, .btn:hover { + text-decoration: none; } + .btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25); } + .btn.disabled, .btn:disabled { + opacity: .65; } + .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { + background-image: none; } + +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-primary { + color: #fff; + background-color: #20a8d8; + border-color: #20a8d8; } + .btn-primary:hover { + color: #fff; + background-color: #1b8eb7; + border-color: #1985ac; } + .btn-primary:focus, .btn-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); } + .btn-primary.disabled, .btn-primary:disabled { + background-color: #20a8d8; + border-color: #20a8d8; } + .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, + .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #1985ac; + border-color: #187da0; + box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); } + +.btn-secondary { + color: #111; + background-color: #a4b7c1; + border-color: #a4b7c1; } + .btn-secondary:hover { + color: #111; + background-color: #8da5b2; + border-color: #869fac; } + .btn-secondary:focus, .btn-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); } + .btn-secondary.disabled, .btn-secondary:disabled { + background-color: #a4b7c1; + border-color: #a4b7c1; } + .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, + .show > .btn-secondary.dropdown-toggle { + color: #111; + background-color: #869fac; + border-color: #7e99a7; + box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); } + +.btn-success { + color: #fff; + background-color: #4dbd74; + border-color: #4dbd74; } + .btn-success:hover { + color: #fff; + background-color: #3ea662; + border-color: #3a9d5d; } + .btn-success:focus, .btn-success.focus { + box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5); } + .btn-success.disabled, .btn-success:disabled { + background-color: #4dbd74; + border-color: #4dbd74; } + .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, + .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #3a9d5d; + border-color: #379457; + box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5); } + +.btn-info { + color: #111; + background-color: #63c2de; + border-color: #63c2de; } + .btn-info:hover { + color: #111; + background-color: #43b6d7; + border-color: #39b2d5; } + .btn-info:focus, .btn-info.focus { + box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5); } + .btn-info.disabled, .btn-info:disabled { + background-color: #63c2de; + border-color: #63c2de; } + .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, + .show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #39b2d5; + border-color: #2eadd3; + box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5); } + +.btn-warning { + color: #111; + background-color: #ffc107; + border-color: #ffc107; } + .btn-warning:hover { + color: #111; + background-color: #e0a800; + border-color: #d39e00; } + .btn-warning:focus, .btn-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + .btn-warning.disabled, .btn-warning:disabled { + background-color: #ffc107; + border-color: #ffc107; } + .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, + .show > .btn-warning.dropdown-toggle { + color: #111; + background-color: #d39e00; + border-color: #c69500; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + +.btn-danger { + color: #fff; + background-color: #f86c6b; + border-color: #f86c6b; } + .btn-danger:hover { + color: #fff; + background-color: #f64846; + border-color: #f63c3a; } + .btn-danger:focus, .btn-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); } + .btn-danger.disabled, .btn-danger:disabled { + background-color: #f86c6b; + border-color: #f86c6b; } + .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, + .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #f63c3a; + border-color: #f5302e; + box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); } + +.btn-light { + color: #111; + background-color: #f0f3f5; + border-color: #f0f3f5; } + .btn-light:hover { + color: #111; + background-color: #d9e1e6; + border-color: #d1dbe1; } + .btn-light:focus, .btn-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); } + .btn-light.disabled, .btn-light:disabled { + background-color: #f0f3f5; + border-color: #f0f3f5; } + .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, + .show > .btn-light.dropdown-toggle { + color: #111; + background-color: #d1dbe1; + border-color: #cad4dc; + box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); } + +.btn-dark { + color: #fff; + background-color: #29363d; + border-color: #29363d; } + .btn-dark:hover { + color: #fff; + background-color: #1a2226; + border-color: #151b1f; } + .btn-dark:focus, .btn-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + background-color: #29363d; + border-color: #29363d; } + .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, + .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #151b1f; + border-color: #0f1417; + box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); } + +.btn-outline-primary { + color: #20a8d8; + background-color: transparent; + background-image: none; + border-color: #20a8d8; } + .btn-outline-primary:hover { + color: #fff; + background-color: #20a8d8; + border-color: #20a8d8; } + .btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); } + .btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #20a8d8; + background-color: transparent; } + .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, + .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #20a8d8; + border-color: #20a8d8; + box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); } + +.btn-outline-secondary { + color: #a4b7c1; + background-color: transparent; + background-image: none; + border-color: #a4b7c1; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #a4b7c1; + border-color: #a4b7c1; } + .btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); } + .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #a4b7c1; + background-color: transparent; } + .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, + .show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #a4b7c1; + border-color: #a4b7c1; + box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); } + +.btn-outline-success { + color: #4dbd74; + background-color: transparent; + background-image: none; + border-color: #4dbd74; } + .btn-outline-success:hover { + color: #fff; + background-color: #4dbd74; + border-color: #4dbd74; } + .btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5); } + .btn-outline-success.disabled, .btn-outline-success:disabled { + color: #4dbd74; + background-color: transparent; } + .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, + .show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #4dbd74; + border-color: #4dbd74; + box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5); } + +.btn-outline-info { + color: #63c2de; + background-color: transparent; + background-image: none; + border-color: #63c2de; } + .btn-outline-info:hover { + color: #fff; + background-color: #63c2de; + border-color: #63c2de; } + .btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5); } + .btn-outline-info.disabled, .btn-outline-info:disabled { + color: #63c2de; + background-color: transparent; } + .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, + .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #63c2de; + border-color: #63c2de; + box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5); } + +.btn-outline-warning { + color: #ffc107; + background-color: transparent; + background-image: none; + border-color: #ffc107; } + .btn-outline-warning:hover { + color: #fff; + background-color: #ffc107; + border-color: #ffc107; } + .btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + .btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; } + .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, + .show > .btn-outline-warning.dropdown-toggle { + color: #fff; + background-color: #ffc107; + border-color: #ffc107; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + +.btn-outline-danger { + color: #f86c6b; + background-color: transparent; + background-image: none; + border-color: #f86c6b; } + .btn-outline-danger:hover { + color: #fff; + background-color: #f86c6b; + border-color: #f86c6b; } + .btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); } + .btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #f86c6b; + background-color: transparent; } + .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, + .show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #f86c6b; + border-color: #f86c6b; + box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); } + +.btn-outline-light { + color: #f0f3f5; + background-color: transparent; + background-image: none; + border-color: #f0f3f5; } + .btn-outline-light:hover { + color: #151b1e; + background-color: #f0f3f5; + border-color: #f0f3f5; } + .btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); } + .btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f0f3f5; + 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: #151b1e; + background-color: #f0f3f5; + border-color: #f0f3f5; + box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); } + +.btn-outline-dark { + color: #29363d; + background-color: transparent; + background-image: none; + border-color: #29363d; } + .btn-outline-dark:hover { + color: #fff; + background-color: #29363d; + border-color: #29363d; } + .btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); } + .btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #29363d; + background-color: transparent; } + .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, + .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #29363d; + border-color: #29363d; + box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); } + +.btn-link { + font-weight: 400; + color: #20a8d8; + background-color: transparent; } + .btn-link:hover { + color: #167495; + text-decoration: underline; + background-color: transparent; + border-color: transparent; } + .btn-link:focus, .btn-link.focus { + border-color: transparent; + box-shadow: none; } + .btn-link:disabled, .btn-link.disabled { + color: #536c79; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.76562rem; + line-height: 1.5; } + +.btn-block { + display: block; + width: 100%; } + +.btn-block + .btn-block { + margin-top: 0.5rem; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + opacity: 0; + transition: opacity 0.15s linear; } + .fade.show { + opacity: 1; } + +.collapse { + display: none; } + .collapse.show { + display: block; } + +tr.collapse.show { + display: table-row; } + +tbody.collapse.show { + display: table-row-group; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; } + +.dropup, +.dropdown { + position: relative; } + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; } + +.dropdown-toggle:empty::after { + margin-left: 0; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0 0; + margin: 0.125rem 0 0; + font-size: 0.875rem; + color: #151b1e; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #c2cfd6; } + +.dropup .dropdown-menu { + margin-top: 0; + margin-bottom: 0.125rem; } + +.dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #f0f3f5; } + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #151b1e; + text-align: inherit; + white-space: nowrap; + background: none; + border: 0; } + .dropdown-item:focus, .dropdown-item:hover { + color: #0b0e0f; + text-decoration: none; + background-color: #f0f3f5; } + .dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #20a8d8; } + .dropdown-item.disabled, .dropdown-item:disabled { + color: #536c79; + background-color: transparent; } + +.dropdown-menu.show { + display: block; } + +.dropdown-header { + display: block; + padding: 0 1.5rem; + margin-bottom: 0; + font-size: 0.76562rem; + color: #536c79; + white-space: nowrap; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover { + z-index: 2; } + .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: 2; } + .btn-group .btn + .btn, + .btn-group .btn + .btn-group, + .btn-group .btn-group + .btn, + .btn-group .btn-group + .btn-group, + .btn-group-vertical .btn + .btn, + .btn-group-vertical .btn + .btn-group, + .btn-group-vertical .btn-group + .btn, + .btn-group-vertical .btn-group + .btn-group { + margin-left: -1px; } + +.btn-toolbar { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content: flex-start; } + .btn-toolbar .input-group { + width: auto; } + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } + +.btn-group > .btn:first-child { + margin-left: 0; } + +.btn-group > .btn-group { + float: left; } + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn + .dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; } + .btn + .dropdown-toggle-split::after { + margin-left: 0; } + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; } + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } + +.btn-group-vertical { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: center; + justify-content: center; } + .btn-group-vertical .btn, + .btn-group-vertical .btn-group { + width: 100%; } + .btn-group-vertical > .btn + .btn, + .btn-group-vertical > .btn + .btn-group, + .btn-group-vertical > .btn-group + .btn, + .btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } + .btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; } + .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; + width: 100%; } + .input-group .form-control { + position: relative; + z-index: 2; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; } + .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { + z-index: 3; } + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; } + +.input-group-addon, +.input-group-btn { + white-space: nowrap; } + +.input-group-addon { + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #3e515b; + text-align: center; + background-color: #f0f3f5; + border: 1px solid #c2cfd6; } + .input-group-addon.form-control-sm, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 0.25rem 0.5rem; + font-size: 0.76562rem; } + .input-group-addon.form-control-lg, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 0.5rem 1rem; + font-size: 1.09375rem; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.input-group-addon:not(:last-child) { + border-right: 0; } + +.form-control + .input-group-addon:not(:first-child) { + border-left: 0; } + +.input-group-btn { + position: relative; + -ms-flex-align: stretch; + align-items: stretch; + font-size: 0; + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 3; } + .input-group-btn:first-child > .btn + .btn { + margin-left: 0; } + .input-group-btn:not(:last-child) > .btn, + .input-group-btn:not(:last-child) > .btn-group { + margin-right: -1px; } + .input-group-btn:not(:first-child) > .btn, + .input-group-btn:not(:first-child) > .btn-group { + z-index: 2; + margin-left: 0; } + .input-group-btn:not(:first-child) > .btn:first-child, + .input-group-btn:not(:first-child) > .btn-group:first-child { + margin-left: -1px; } + .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, + .input-group-btn:not(:first-child) > .btn-group:focus, + .input-group-btn:not(:first-child) > .btn-group:active, + .input-group-btn:not(:first-child) > .btn-group:hover { + z-index: 3; } + +.custom-control { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + min-height: 1.5rem; + padding-left: 1.5rem; + margin-right: 1rem; } + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; } + .custom-control-input:checked ~ .custom-control-indicator { + color: #fff; + background-color: #20a8d8; } + .custom-control-input:focus ~ .custom-control-indicator { + box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25); } + .custom-control-input:active ~ .custom-control-indicator { + color: #fff; + background-color: #b6e4f4; } + .custom-control-input:disabled ~ .custom-control-indicator { + background-color: #c2cfd6; } + .custom-control-input:disabled ~ .custom-control-description { + color: #536c79; } + +.custom-control-indicator { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #ddd; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; } + +.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { + background-color: #20a8d8; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } + +.custom-radio .custom-control-indicator { + border-radius: 50%; } + +.custom-radio .custom-control-input:checked ~ .custom-control-indicator { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } + +.custom-controls-stacked { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; } + .custom-controls-stacked .custom-control { + margin-bottom: 0.25rem; } + .custom-controls-stacked .custom-control + .custom-control { + margin-left: 0; } + +.custom-select { + display: inline-block; + max-width: 100%; + height: calc(2.0625rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.5; + color: #3e515b; + vertical-align: middle; + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #c2cfd6; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .custom-select:focus { + border-color: #8ad4ee; + outline: none; } + .custom-select:focus::-ms-value { + color: #3e515b; + background-color: #fff; } + .custom-select[multiple] { + height: auto; + background-image: none; } + .custom-select:disabled { + color: #536c79; + background-color: #c2cfd6; } + .custom-select::-ms-expand { + opacity: 0; } + +.custom-select-sm { + height: calc(1.64844rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; } + +.custom-file { + position: relative; + display: inline-block; + max-width: 100%; + height: calc(2.0625rem + 2px); + margin-bottom: 0; } + +.custom-file-input { + min-width: 14rem; + max-width: 100%; + height: calc(2.0625rem + 2px); + margin: 0; + opacity: 0; } + .custom-file-input:focus ~ .custom-file-control { + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #20a8d8; } + +.custom-file-control { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: calc(2.0625rem + 2px); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #3e515b; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #fff; + border: 1px solid #c2cfd6; } + .custom-file-control:lang(en):empty::after { + content: "Choose file..."; } + .custom-file-control::before { + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + z-index: 6; + display: block; + height: calc(2.0625rem + 2px); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #3e515b; + background-color: #f0f3f5; + border: 1px solid #c2cfd6; } + .custom-file-control:lang(en)::before { + content: "Browse"; } + +.nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.nav-link, .navbar .dropdown-toggle { + display: block; + padding: 0.5rem 1rem; } + .nav-link:focus, .navbar .dropdown-toggle:focus, .nav-link:hover, .navbar .dropdown-toggle:hover { + text-decoration: none; } + .nav-link.disabled, .navbar .disabled.dropdown-toggle { + color: #536c79; } + +.nav-tabs { + border-bottom: 1px solid #ddd; } + .nav-tabs .nav-item { + margin-bottom: -1px; } + .nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle { + border: 1px solid transparent; } + .nav-tabs .nav-link:focus, .nav-tabs .navbar .dropdown-toggle:focus, .navbar .nav-tabs .dropdown-toggle:focus, .nav-tabs .nav-link:hover, .nav-tabs .navbar .dropdown-toggle:hover, .navbar .nav-tabs .dropdown-toggle:hover { + border-color: #c2cfd6 #c2cfd6 #ddd; } + .nav-tabs .nav-link.disabled, .nav-tabs .navbar .disabled.dropdown-toggle, .navbar .nav-tabs .disabled.dropdown-toggle { + color: #536c79; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle, + .nav-tabs .nav-item.show .nav-link, + .nav-tabs .nav-item.show .navbar .dropdown-toggle, .navbar + .nav-tabs .nav-item.show .dropdown-toggle { + color: #3e515b; + background-color: #e4e5e6; + border-color: #ddd #ddd #e4e5e6; } + .nav-tabs .dropdown-menu { + margin-top: -1px; } + +.nav-pills .nav-link.active, .nav-pills .navbar .active.dropdown-toggle, .navbar .nav-pills .active.dropdown-toggle, +.nav-pills .show > .nav-link, +.nav-pills .navbar .show > .dropdown-toggle, .navbar +.nav-pills .show > .dropdown-toggle { + color: #fff; + background-color: #20a8d8; } + +.nav-fill .nav-item { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; } + +.nav-justified .nav-item { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.navbar { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0.5rem 1rem; } + .navbar > .container, + .navbar > .container-fluid { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; } + +.navbar-brand { + display: inline-block; + padding-top: 0.33594rem; + padding-bottom: 0.33594rem; + margin-right: 1rem; + font-size: 1.09375rem; + line-height: inherit; + white-space: nowrap; } + .navbar-brand:focus, .navbar-brand:hover { + text-decoration: none; } + +.navbar-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle { + padding-right: 0; + padding-left: 0; } + .navbar-nav .dropdown-menu { + position: static; + float: none; } + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } + +.navbar-collapse { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-align: center; + align-items: center; } + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.09375rem; + line-height: 1; + background: transparent; + border: 1px solid transparent; } + .navbar-toggler:focus, .navbar-toggler:hover { + text-decoration: none; } + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; } + +@media (max-width: 575px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 576px) { + .navbar-expand-sm { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-sm .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-sm .navbar-nav .dropdown-toggle { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { + display: none; } + .navbar-expand-sm .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } + +@media (max-width: 767px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 768px) { + .navbar-expand-md { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-md .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-md .navbar-nav .dropdown-toggle { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .navbar-expand-md .navbar-toggler { + display: none; } + .navbar-expand-md .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } + +@media (max-width: 991px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 992px) { + .navbar-expand-lg { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-lg .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-lg .navbar-nav .dropdown-toggle { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { + display: none; } + .navbar-expand-lg .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } + +@media (max-width: 1199px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 1200px) { + .navbar-expand-xl { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-xl .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-xl .navbar-nav .dropdown-toggle { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { + display: none; } + .navbar-expand-xl .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } + +.navbar-expand { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; } + .navbar-expand > .container, + .navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; } + .navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand .navbar-nav .dropdown-toggle { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-expand > .container, + .navbar-expand > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } + .navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; } + .navbar-expand .navbar-toggler { + display: none; } + .navbar-expand .dropup .dropdown-menu { + top: auto; + bottom: 100%; } + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, 0.9); } + +.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-light .navbar-nav .dropdown-toggle { + color: rgba(0, 0, 0, 0.5); } + .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-light .navbar-nav .dropdown-toggle:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-light .navbar-nav .dropdown-toggle:hover { + color: rgba(0, 0, 0, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .navbar .disabled.dropdown-toggle, .navbar .navbar-light .navbar-nav .disabled.dropdown-toggle { + color: rgba(0, 0, 0, 0.3); } + +.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .navbar .show > .dropdown-toggle, .navbar .navbar-light .navbar-nav .show > .dropdown-toggle, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .navbar .active > .dropdown-toggle, .navbar +.navbar-light .navbar-nav .active > .dropdown-toggle, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .navbar .show.dropdown-toggle, .navbar +.navbar-light .navbar-nav .show.dropdown-toggle, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .navbar .active.dropdown-toggle, .navbar +.navbar-light .navbar-nav .active.dropdown-toggle { + color: rgba(0, 0, 0, 0.9); } + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); } + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); } + .navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { + color: rgba(0, 0, 0, 0.9); } + +.navbar-dark .navbar-brand { + color: #fff; } + .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: #fff; } + +.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-dark .navbar-nav .dropdown-toggle { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-dark .navbar-nav .dropdown-toggle:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-dark .navbar-nav .dropdown-toggle:hover { + color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav .navbar .disabled.dropdown-toggle, .navbar .navbar-dark .navbar-nav .disabled.dropdown-toggle { + color: rgba(255, 255, 255, 0.25); } + +.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .navbar .show > .dropdown-toggle, .navbar .navbar-dark .navbar-nav .show > .dropdown-toggle, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .navbar .active > .dropdown-toggle, .navbar +.navbar-dark .navbar-nav .active > .dropdown-toggle, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .navbar .show.dropdown-toggle, .navbar +.navbar-dark .navbar-nav .show.dropdown-toggle, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .navbar .active.dropdown-toggle, .navbar +.navbar-dark .navbar-nav .active.dropdown-toggle { + color: #fff; } + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); } + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-text a { + color: #fff; } + .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { + color: #fff; } + +.card { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid #c2cfd6; } + .card > hr { + margin-right: 0; + margin-left: 0; } + +.card-body, .card-block { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1.25rem; } + +.card-title { + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: #f0f3f5; + border-bottom: 1px solid #c2cfd6; } + .card-header + .list-group .list-group-item:first-child { + border-top: 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #f0f3f5; + border-top: 1px solid #c2cfd6; } + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; } + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img { + width: 100%; } + +.card-img-top { + width: 100%; } + +.card-img-bottom { + width: 100%; } + +.card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; } + .card-deck .card { + margin-bottom: 15px; } + @media (min-width: 576px) { + .card-deck { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; } + .card-deck .card { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -ms-flex-direction: column; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; } } + +.card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; } + .card-group .card { + margin-bottom: 15px; } + @media (min-width: 576px) { + .card-group { + -ms-flex-flow: row wrap; + flex-flow: row wrap; } + .card-group .card { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } } + +.card-columns .card { + margin-bottom: 0.75rem; } + +@media (min-width: 576px) { + .card-columns { + -webkit-column-count: 3; + column-count: 3; + -webkit-column-gap: 1.25rem; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } } + +.breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1.5rem; + list-style: none; + background-color: #fff; } + +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + padding-left: 0.5rem; + color: #536c79; + content: "/"; } + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; } + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; } + +.breadcrumb-item.active { + color: #536c79; } + +.pagination { + display: -ms-flexbox; + display: flex; + padding-left: 0; + list-style: none; } + +.page-item:first-child .page-link, .pagination-datatables li:first-child .page-link, .pagination li:first-child .page-link, .page-item:first-child .pagination-datatables li a, .pagination-datatables li .page-item:first-child a, .pagination-datatables li:first-child a, .page-item:first-child .pagination li a, .pagination li .page-item:first-child a, .pagination li:first-child a { + margin-left: 0; } + +.page-item.active .page-link, .pagination-datatables li.active .page-link, .pagination li.active .page-link, .page-item.active .pagination-datatables li a, .pagination-datatables li .page-item.active a, .pagination-datatables li.active a, .page-item.active .pagination li a, .pagination li .page-item.active a, .pagination li.active a { + z-index: 2; + color: #fff; + background-color: #20a8d8; + border-color: #20a8d8; } + +.page-item.disabled .page-link, .pagination-datatables li.disabled .page-link, .pagination li.disabled .page-link, .page-item.disabled .pagination-datatables li a, .pagination-datatables li .page-item.disabled a, .pagination-datatables li.disabled a, .page-item.disabled .pagination li a, .pagination li .page-item.disabled a, .pagination li.disabled a { + color: #536c79; + pointer-events: none; + background-color: #fff; + border-color: #ddd; } + +.page-link, .pagination-datatables li a, .pagination li a { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #20a8d8; + background-color: #fff; + border: 1px solid #ddd; } + .page-link:focus, .pagination-datatables li a:focus, .pagination li a:focus, .page-link:hover, .pagination-datatables li a:hover, .pagination li a:hover { + color: #167495; + text-decoration: none; + background-color: #c2cfd6; + border-color: #ddd; } + +.pagination-lg .page-link, .pagination-lg .pagination-datatables li a, .pagination-datatables li .pagination-lg a, .pagination-lg .pagination li a, .pagination li .pagination-lg a { + padding: 0.75rem 1.5rem; + font-size: 1.09375rem; + line-height: 1.5; } + +.pagination-sm .page-link, .pagination-sm .pagination-datatables li a, .pagination-datatables li .pagination-sm a, .pagination-sm .pagination li a, .pagination li .pagination-sm a { + padding: 0.25rem 0.5rem; + font-size: 0.76562rem; + line-height: 1.5; } + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; } + .badge:empty { + display: none; } + +.btn .badge { + position: relative; + top: -1px; } + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; } + +.badge-primary { + color: #fff; + background-color: #20a8d8; } + .badge-primary[href]:focus, .badge-primary[href]:hover { + color: #fff; + text-decoration: none; + background-color: #1985ac; } + +.badge-secondary { + color: #111; + background-color: #a4b7c1; } + .badge-secondary[href]:focus, .badge-secondary[href]:hover { + color: #111; + text-decoration: none; + background-color: #869fac; } + +.badge-success { + color: #fff; + background-color: #4dbd74; } + .badge-success[href]:focus, .badge-success[href]:hover { + color: #fff; + text-decoration: none; + background-color: #3a9d5d; } + +.badge-info { + color: #111; + background-color: #63c2de; } + .badge-info[href]:focus, .badge-info[href]:hover { + color: #111; + text-decoration: none; + background-color: #39b2d5; } + +.badge-warning { + color: #111; + background-color: #ffc107; } + .badge-warning[href]:focus, .badge-warning[href]:hover { + color: #111; + text-decoration: none; + background-color: #d39e00; } + +.badge-danger { + color: #fff; + background-color: #f86c6b; } + .badge-danger[href]:focus, .badge-danger[href]:hover { + color: #fff; + text-decoration: none; + background-color: #f63c3a; } + +.badge-light { + color: #111; + background-color: #f0f3f5; } + .badge-light[href]:focus, .badge-light[href]:hover { + color: #111; + text-decoration: none; + background-color: #d1dbe1; } + +.badge-dark { + color: #fff; + background-color: #29363d; } + .badge-dark[href]:focus, .badge-dark[href]:hover { + color: #fff; + text-decoration: none; + background-color: #151b1f; } + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #c2cfd6; } + @media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; } } + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; } + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; } + +.alert-heading { + color: inherit; } + +.alert-link { + font-weight: 700; } + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; } + +.alert-primary { + color: #115770; + background-color: #d2eef7; + border-color: #c1e7f4; } + .alert-primary hr { + border-top-color: #abdff0; } + .alert-primary .alert-link { + color: #0a3544; } + +.alert-secondary { + color: #555f64; + background-color: #edf1f3; + border-color: #e6ebee; } + .alert-secondary hr { + border-top-color: #d7dfe4; } + .alert-secondary .alert-link { + color: #3e4548; } + +.alert-success { + color: #28623c; + background-color: #dbf2e3; + border-color: #cdedd8; } + .alert-success hr { + border-top-color: #bae6c9; } + .alert-success .alert-link { + color: #193e26; } + +.alert-info { + color: #336573; + background-color: #e0f3f8; + border-color: #d3eef6; } + .alert-info hr { + border-top-color: #bee6f2; } + .alert-info .alert-link { + color: #234650; } + +.alert-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; } + .alert-warning hr { + border-top-color: #ffe8a1; } + .alert-warning .alert-link { + color: #533f03; } + +.alert-danger { + color: #813838; + background-color: #fee2e1; + border-color: #fdd6d6; } + .alert-danger hr { + border-top-color: #fcbebe; } + .alert-danger .alert-link { + color: #5d2929; } + +.alert-light { + color: #7d7e7f; + background-color: #fcfdfd; + border-color: #fbfcfc; } + .alert-light hr { + border-top-color: #ecf1f1; } + .alert-light .alert-link { + color: #646565; } + +.alert-dark { + color: #151c20; + background-color: #d4d7d8; + border-color: #c3c7c9; } + .alert-dark hr { + border-top-color: #b6babd; } + .alert-dark .alert-link { + color: #010101; } + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } + +.progress { + display: -ms-flexbox; + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.65625rem; + background-color: #f0f3f5; } + +.progress-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + background-color: #20a8d8; } + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; } + +.progress-bar-animated { + -webkit-animation: progress-bar-stripes 1s linear infinite; + animation: progress-bar-stripes 1s linear infinite; } + +.media { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; } + +.media-body { + -ms-flex: 1; + flex: 1; } + +.list-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; } + +.list-group-item-action { + width: 100%; + color: #3e515b; + text-align: inherit; } + .list-group-item-action:focus, .list-group-item-action:hover { + color: #3e515b; + text-decoration: none; + background-color: #f0f3f5; } + .list-group-item-action:active { + color: #151b1e; + background-color: #c2cfd6; } + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:last-child { + margin-bottom: 0; } + .list-group-item:focus, .list-group-item:hover { + text-decoration: none; } + .list-group-item.disabled, .list-group-item:disabled { + color: #536c79; + background-color: #fff; } + .list-group-item.active { + z-index: 2; + color: #fff; + background-color: #20a8d8; + border-color: #20a8d8; } + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; } + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; } + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; } + +.list-group-item-primary { + color: #115770; + background-color: #c1e7f4; } + +a.list-group-item-primary, +button.list-group-item-primary { + color: #115770; } + a.list-group-item-primary:focus, a.list-group-item-primary:hover, + button.list-group-item-primary:focus, + button.list-group-item-primary:hover { + color: #115770; + background-color: #abdff0; } + a.list-group-item-primary.active, + button.list-group-item-primary.active { + color: #fff; + background-color: #115770; + border-color: #115770; } + +.list-group-item-secondary { + color: #555f64; + background-color: #e6ebee; } + +a.list-group-item-secondary, +button.list-group-item-secondary { + color: #555f64; } + a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, + button.list-group-item-secondary:focus, + button.list-group-item-secondary:hover { + color: #555f64; + background-color: #d7dfe4; } + a.list-group-item-secondary.active, + button.list-group-item-secondary.active { + color: #fff; + background-color: #555f64; + border-color: #555f64; } + +.list-group-item-success { + color: #28623c; + background-color: #cdedd8; } + +a.list-group-item-success, +button.list-group-item-success { + color: #28623c; } + a.list-group-item-success:focus, a.list-group-item-success:hover, + button.list-group-item-success:focus, + button.list-group-item-success:hover { + color: #28623c; + background-color: #bae6c9; } + a.list-group-item-success.active, + button.list-group-item-success.active { + color: #fff; + background-color: #28623c; + border-color: #28623c; } + +.list-group-item-info { + color: #336573; + background-color: #d3eef6; } + +a.list-group-item-info, +button.list-group-item-info { + color: #336573; } + a.list-group-item-info:focus, a.list-group-item-info:hover, + button.list-group-item-info:focus, + button.list-group-item-info:hover { + color: #336573; + background-color: #bee6f2; } + a.list-group-item-info.active, + button.list-group-item-info.active { + color: #fff; + background-color: #336573; + border-color: #336573; } + +.list-group-item-warning { + color: #856404; + background-color: #ffeeba; } + +a.list-group-item-warning, +button.list-group-item-warning { + color: #856404; } + a.list-group-item-warning:focus, a.list-group-item-warning:hover, + button.list-group-item-warning:focus, + button.list-group-item-warning:hover { + color: #856404; + background-color: #ffe8a1; } + a.list-group-item-warning.active, + button.list-group-item-warning.active { + color: #fff; + background-color: #856404; + border-color: #856404; } + +.list-group-item-danger { + color: #813838; + background-color: #fdd6d6; } + +a.list-group-item-danger, +button.list-group-item-danger { + color: #813838; } + a.list-group-item-danger:focus, a.list-group-item-danger:hover, + button.list-group-item-danger:focus, + button.list-group-item-danger:hover { + color: #813838; + background-color: #fcbebe; } + a.list-group-item-danger.active, + button.list-group-item-danger.active { + color: #fff; + background-color: #813838; + border-color: #813838; } + +.list-group-item-light { + color: #7d7e7f; + background-color: #fbfcfc; } + +a.list-group-item-light, +button.list-group-item-light { + color: #7d7e7f; } + a.list-group-item-light:focus, a.list-group-item-light:hover, + button.list-group-item-light:focus, + button.list-group-item-light:hover { + color: #7d7e7f; + background-color: #ecf1f1; } + a.list-group-item-light.active, + button.list-group-item-light.active { + color: #fff; + background-color: #7d7e7f; + border-color: #7d7e7f; } + +.list-group-item-dark { + color: #151c20; + background-color: #c3c7c9; } + +a.list-group-item-dark, +button.list-group-item-dark { + color: #151c20; } + a.list-group-item-dark:focus, a.list-group-item-dark:hover, + button.list-group-item-dark:focus, + button.list-group-item-dark:hover { + color: #151c20; + background-color: #b6babd; } + a.list-group-item-dark.active, + button.list-group-item-dark.active { + color: #fff; + background-color: #151c20; + border-color: #151c20; } + +.close { + float: right; + font-size: 1.3125rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; } + .close:focus, .close:hover { + color: #000; + text-decoration: none; + opacity: .75; } + +button.close { + padding: 0; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.modal-open { + overflow: hidden; } + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; } + .modal.fade .modal-dialog { + transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; + -webkit-transform: translate(0, -25%); + transform: translate(0, -25%); } + .modal.show .modal-dialog { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); } + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; + pointer-events: none; } + +.modal-content { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + outline: 0; } + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.show { + opacity: 0.5; } + +.modal-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 15px; + border-bottom: 1px solid #c2cfd6; } + .modal-header .close { + padding: 15px; + margin: -15px -15px -15px auto; } + +.modal-title { + margin-bottom: 0; + line-height: 1.5; } + +.modal-body { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 15px; } + +.modal-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 15px; + border-top: 1px solid #c2cfd6; } + .modal-footer > :not(:first-child) { + margin-left: .25rem; } + .modal-footer > :not(:last-child) { + margin-right: .25rem; } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 30px auto; } + .modal-sm { + max-width: 300px; } } + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.76562rem; + word-wrap: break-word; + opacity: 0; } + .tooltip.show { + opacity: 0.9; } + .tooltip .arrow { + position: absolute; + display: block; + width: 5px; + height: 5px; } + .tooltip .arrow::before { + position: absolute; + border-color: transparent; + border-style: solid; } + .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { + padding: 5px 0; } + .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; } + .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + margin-left: -3px; + content: ""; + border-width: 5px 5px 0; + border-top-color: #000; } + .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { + padding: 0 5px; } + .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; } + .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { + margin-top: -3px; + content: ""; + border-width: 5px 5px 5px 0; + border-right-color: #000; } + .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { + padding: 5px 0; } + .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; } + .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + margin-left: -3px; + content: ""; + border-width: 0 5px 5px; + border-bottom-color: #000; } + .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { + padding: 0 5px; } + .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; } + .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { + right: 0; + margin-top: -3px; + content: ""; + border-width: 5px 0 5px 5px; + border-left-color: #000; } + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.76562rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); } + .popover .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; } + .popover .arrow::before, + .popover .arrow::after { + position: absolute; + display: block; + border-color: transparent; + border-style: solid; } + .popover .arrow::before { + content: ""; + border-width: 0.8rem; } + .popover .arrow::after { + content: ""; + border-width: 0.8rem; } + .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.8rem; } + .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { + bottom: 0; } + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, + .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { + border-bottom-width: 0; } + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: -0.8rem; + margin-left: -0.8rem; + border-top-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: calc((0.8rem - 1px) * -1); + margin-left: -0.8rem; + border-top-color: #fff; } + .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { + margin-left: 0.8rem; } + .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { + left: 0; } + .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, + .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { + margin-top: -0.8rem; + border-left-width: 0; } + .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { + left: -0.8rem; + border-right-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { + left: calc((0.8rem - 1px) * -1); + border-right-color: #fff; } + .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.8rem; } + .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { + top: 0; } + .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, + .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { + margin-left: -0.8rem; + border-top-width: 0; } + .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: -0.8rem; + border-bottom-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: calc((0.8rem - 1px) * -1); + border-bottom-color: #fff; } + .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 20px; + margin-left: -10px; + content: ""; + border-bottom: 1px solid #f7f7f7; } + .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { + margin-right: 0.8rem; } + .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { + right: 0; } + .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, + .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { + margin-top: -0.8rem; + border-right-width: 0; } + .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { + right: -0.8rem; + border-left-color: rgba(0, 0, 0, 0.25); } + .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { + right: calc((0.8rem - 1px) * -1); + border-left-color: #fff; } + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; } + .popover-header:empty { + display: none; } + +.popover-body { + padding: 0.5rem 0.75rem; + color: #151b1e; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + +.carousel-item { + position: relative; + display: none; + -ms-flex-align: center; + align-items: center; + width: 100%; + transition: -webkit-transform 0.6s ease; + transition: transform 0.6s ease; + transition: transform 0.6s ease, -webkit-transform 0.6s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; } + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; } + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; } + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + -webkit-transform: translateX(0); + transform: translateX(0); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.carousel-item-next, +.active.carousel-item-right { + -webkit-transform: translateX(100%); + transform: translateX(100%); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next, + .active.carousel-item-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.carousel-item-prev, +.active.carousel-item-left { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-prev, + .active.carousel-item-left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; } + .carousel-control-prev:focus, .carousel-control-prev:hover, + .carousel-control-next:focus, + .carousel-control-next:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + +.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: transparent no-repeat center center; + background-size: 100% 100%; } + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; } + .carousel-indicators li { + position: relative; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: rgba(255, 255, 255, 0.5); } + .carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } + .carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } + .carousel-indicators .active { + background-color: #fff; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; } + +.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: #20a8d8 !important; } + +a.bg-primary:focus, a.bg-primary:hover { + background-color: #1985ac !important; } + +.bg-secondary { + background-color: #a4b7c1 !important; } + +a.bg-secondary:focus, a.bg-secondary:hover { + background-color: #869fac !important; } + +.bg-success { + background-color: #4dbd74 !important; } + +a.bg-success:focus, a.bg-success:hover { + background-color: #3a9d5d !important; } + +.bg-info { + background-color: #63c2de !important; } + +a.bg-info:focus, a.bg-info:hover { + background-color: #39b2d5 !important; } + +.bg-warning { + background-color: #ffc107 !important; } + +a.bg-warning:focus, a.bg-warning:hover { + background-color: #d39e00 !important; } + +.bg-danger { + background-color: #f86c6b !important; } + +a.bg-danger:focus, a.bg-danger:hover { + background-color: #f63c3a !important; } + +.bg-light { + background-color: #f0f3f5 !important; } + +a.bg-light:focus, a.bg-light:hover { + background-color: #d1dbe1 !important; } + +.bg-dark { + background-color: #29363d !important; } + +a.bg-dark:focus, a.bg-dark:hover { + background-color: #151b1f !important; } + +.bg-white { + background-color: #fff !important; } + +.bg-transparent { + background-color: transparent !important; } + +.border { + border: 1px solid #c2cfd6 !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: #20a8d8 !important; } + +.border-secondary { + border-color: #a4b7c1 !important; } + +.border-success { + border-color: #4dbd74 !important; } + +.border-info { + border-color: #63c2de !important; } + +.border-warning { + border-color: #ffc107 !important; } + +.border-danger { + border-color: #f86c6b !important; } + +.border-light { + border-color: #f0f3f5 !important; } + +.border-dark { + border-color: #29363d !important; } + +.border-white { + border-color: #fff !important; } + +.rounded { + border-radius: 0.25rem !important; } + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-circle { + border-radius: 50% !important; } + +.rounded-0 { + border-radius: 0 !important; } + +.clearfix::after { + display: block; + clear: both; + content: ""; } + +.d-none { + display: none !important; } + +.d-inline { + display: inline !important; } + +.d-inline-block { + display: inline-block !important; } + +.d-block { + display: block !important; } + +.d-table { + display: table !important; } + +.d-table-row { + display: table-row !important; } + +.d-table-cell { + display: table-cell !important; } + +.d-flex { + display: -ms-flexbox !important; + display: flex !important; } + +.d-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; } + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; } + .d-sm-inline { + display: inline !important; } + .d-sm-inline-block { + display: inline-block !important; } + .d-sm-block { + display: block !important; } + .d-sm-table { + display: table !important; } + .d-sm-table-row { + display: table-row !important; } + .d-sm-table-cell { + display: table-cell !important; } + .d-sm-flex { + display: -ms-flexbox !important; + display: flex !important; } + .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; } } + +@media (min-width: 768px) { + .d-md-none { + display: none !important; } + .d-md-inline { + display: inline !important; } + .d-md-inline-block { + display: inline-block !important; } + .d-md-block { + display: block !important; } + .d-md-table { + display: table !important; } + .d-md-table-row { + display: table-row !important; } + .d-md-table-cell { + display: table-cell !important; } + .d-md-flex { + display: -ms-flexbox !important; + display: flex !important; } + .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; } } + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; } + .d-lg-inline { + display: inline !important; } + .d-lg-inline-block { + display: inline-block !important; } + .d-lg-block { + display: block !important; } + .d-lg-table { + display: table !important; } + .d-lg-table-row { + display: table-row !important; } + .d-lg-table-cell { + display: table-cell !important; } + .d-lg-flex { + display: -ms-flexbox !important; + display: flex !important; } + .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; } } + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; } + .d-xl-inline { + display: inline !important; } + .d-xl-inline-block { + display: inline-block !important; } + .d-xl-block { + display: block !important; } + .d-xl-table { + display: table !important; } + .d-xl-table-row { + display: table-row !important; } + .d-xl-table-cell { + display: table-cell !important; } + .d-xl-flex { + display: -ms-flexbox !important; + display: flex !important; } + .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; } } + +.d-print-block { + display: none !important; } + @media print { + .d-print-block { + display: block !important; } } + +.d-print-inline { + display: none !important; } + @media print { + .d-print-inline { + display: inline !important; } } + +.d-print-inline-block { + display: none !important; } + @media print { + .d-print-inline-block { + display: inline-block !important; } } + +@media print { + .d-print-none { + display: none !important; } } + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; } + .embed-responsive::before { + display: block; + content: ""; } + .embed-responsive .embed-responsive-item, + .embed-responsive 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%; } + +.flex-row { + -ms-flex-direction: row !important; + flex-direction: row !important; } + +.flex-column { + -ms-flex-direction: column !important; + flex-direction: column !important; } + +.flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } + +.flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } + +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; } + +.flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } + +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } + +.justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; } + +.justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; } + +.justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; } + +.justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; } + +.justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; } + +.align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; } + +.align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; } + +.align-items-center { + -ms-flex-align: center !important; + align-items: center !important; } + +.align-items-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; } + +.align-items-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; } + +.align-content-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; } + +.align-content-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; } + +.align-content-center { + -ms-flex-line-pack: center !important; + align-content: center !important; } + +.align-content-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; } + +.align-content-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; } + +.align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; } + +.align-self-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; } + +.align-self-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; } + +.align-self-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; } + +.align-self-center { + -ms-flex-item-align: center !important; + align-self: center !important; } + +.align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; } + +.align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; } + +@media (min-width: 576px) { + .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction: row !important; } + .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction: column !important; } + .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } + .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } + .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; } + .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } + .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } + .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; } + .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; } + .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content: center !important; } + .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; } + .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; } + .align-items-sm-start { + -ms-flex-align: start !important; + align-items: flex-start !important; } + .align-items-sm-end { + -ms-flex-align: end !important; + align-items: flex-end !important; } + .align-items-sm-center { + -ms-flex-align: center !important; + align-items: center !important; } + .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; } + .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; } + .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; } + .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; } + .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content: center !important; } + .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; } + .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; } + .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; } + .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; } + .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; } + .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; } + .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self: center !important; } + .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; } + .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; } } + +@media (min-width: 768px) { + .flex-md-row { + -ms-flex-direction: row !important; + flex-direction: row !important; } + .flex-md-column { + -ms-flex-direction: column !important; + flex-direction: column !important; } + .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } + .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } + .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; } + .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } + .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } + .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; } + .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; } + .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content: center !important; } + .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; } + .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; } + .align-items-md-start { + -ms-flex-align: start !important; + align-items: flex-start !important; } + .align-items-md-end { + -ms-flex-align: end !important; + align-items: flex-end !important; } + .align-items-md-center { + -ms-flex-align: center !important; + align-items: center !important; } + .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; } + .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; } + .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; } + .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; } + .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content: center !important; } + .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; } + .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; } + .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; } + .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; } + .align-self-md-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; } + .align-self-md-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; } + .align-self-md-center { + -ms-flex-item-align: center !important; + align-self: center !important; } + .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; } + .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; } } + +@media (min-width: 992px) { + .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction: row !important; } + .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction: column !important; } + .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } + .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } + .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; } + .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } + .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } + .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; } + .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; } + .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content: center !important; } + .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; } + .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; } + .align-items-lg-start { + -ms-flex-align: start !important; + align-items: flex-start !important; } + .align-items-lg-end { + -ms-flex-align: end !important; + align-items: flex-end !important; } + .align-items-lg-center { + -ms-flex-align: center !important; + align-items: center !important; } + .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; } + .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; } + .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; } + .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; } + .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content: center !important; } + .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; } + .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; } + .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; } + .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; } + .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; } + .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; } + .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self: center !important; } + .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; } + .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; } } + +@media (min-width: 1200px) { + .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; } + .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; } + .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; } + .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; } + .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; } + .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; } + .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; } + .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; } + .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; } + .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content: center !important; } + .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; } + .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; } + .align-items-xl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; } + .align-items-xl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; } + .align-items-xl-center { + -ms-flex-align: center !important; + align-items: center !important; } + .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; } + .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; } + .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; } + .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; } + .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; } + .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; } + .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; } + .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; } + .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; } + .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; } + .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; } + .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self: center !important; } + .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; } + .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; } } + +.float-left { + float: left !important; } + +.float-right { + float: right !important; } + +.float-none { + float: none !important; } + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; } + .float-sm-right { + float: right !important; } + .float-sm-none { + float: none !important; } } + +@media (min-width: 768px) { + .float-md-left { + float: left !important; } + .float-md-right { + float: right !important; } + .float-md-none { + float: none !important; } } + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; } + .float-lg-right { + float: right !important; } + .float-lg-none { + float: none !important; } } + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; } + .float-xl-right { + float: right !important; } + .float-xl-none { + float: none !important; } } + +.position-static { + position: static !important; } + +.position-relative { + position: relative !important; } + +.position-absolute { + position: absolute !important; } + +.position-fixed { + position: fixed !important; } + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; } + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; } } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; + -webkit-clip-path: none; + clip-path: none; } + +.w-25 { + width: 25% !important; } + +.w-50 { + width: 50% !important; } + +.w-75 { + width: 75% !important; } + +.w-100 { + width: 100% !important; } + +.h-25 { + height: 25% !important; } + +.h-50 { + height: 50% !important; } + +.h-75 { + height: 75% !important; } + +.h-100 { + height: 100% !important; } + +.mw-100 { + max-width: 100% !important; } + +.mh-100 { + max-height: 100% !important; } + +.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: 0.25rem !important; } + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; } + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; } + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; } + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; } + +.m-2 { + margin: 0.5rem !important; } + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; } + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; } + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; } + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; } + +.m-3 { + margin: 1rem !important; } + +.mt-3, +.my-3 { + margin-top: 1rem !important; } + +.mr-3, +.mx-3 { + margin-right: 1rem !important; } + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; } + +.ml-3, +.mx-3 { + margin-left: 1rem !important; } + +.m-4 { + margin: 1.5rem !important; } + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; } + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; } + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; } + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; } + +.m-5 { + margin: 3rem !important; } + +.mt-5, +.my-5 { + margin-top: 3rem !important; } + +.mr-5, +.mx-5 { + margin-right: 3rem !important; } + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; } + +.ml-5, +.mx-5 { + margin-left: 3rem !important; } + +.p-0 { + padding: 0 !important; } + +.pt-0, +.py-0 { + padding-top: 0 !important; } + +.pr-0, +.px-0 { + padding-right: 0 !important; } + +.pb-0, +.py-0 { + padding-bottom: 0 !important; } + +.pl-0, +.px-0 { + padding-left: 0 !important; } + +.p-1 { + padding: 0.25rem !important; } + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; } + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; } + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; } + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; } + +.p-2 { + padding: 0.5rem !important; } + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; } + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; } + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; } + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; } + +.p-3 { + padding: 1rem !important; } + +.pt-3, +.py-3 { + padding-top: 1rem !important; } + +.pr-3, +.px-3 { + padding-right: 1rem !important; } + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; } + +.pl-3, +.px-3 { + padding-left: 1rem !important; } + +.p-4 { + padding: 1.5rem !important; } + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; } + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; } + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; } + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; } + +.p-5 { + padding: 3rem !important; } + +.pt-5, +.py-5 { + padding-top: 3rem !important; } + +.pr-5, +.px-5 { + padding-right: 3rem !important; } + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; } + +.pl-5, +.px-5 { + padding-left: 3rem !important; } + +.m-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: 0.25rem !important; } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; } + .m-sm-2 { + margin: 0.5rem !important; } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; } + .m-sm-3 { + margin: 1rem !important; } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; } + .m-sm-4 { + margin: 1.5rem !important; } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; } + .m-sm-5 { + margin: 3rem !important; } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; } + .p-sm-0 { + padding: 0 !important; } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; } + .p-sm-1 { + padding: 0.25rem !important; } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; } + .p-sm-2 { + padding: 0.5rem !important; } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; } + .p-sm-3 { + padding: 1rem !important; } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; } + .p-sm-4 { + padding: 1.5rem !important; } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; } + .p-sm-5 { + padding: 3rem !important; } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; } + .m-sm-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: 0.25rem !important; } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; } + .m-md-2 { + margin: 0.5rem !important; } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; } + .m-md-3 { + margin: 1rem !important; } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; } + .m-md-4 { + margin: 1.5rem !important; } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; } + .m-md-5 { + margin: 3rem !important; } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; } + .p-md-0 { + padding: 0 !important; } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; } + .p-md-1 { + padding: 0.25rem !important; } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; } + .p-md-2 { + padding: 0.5rem !important; } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; } + .p-md-3 { + padding: 1rem !important; } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; } + .p-md-4 { + padding: 1.5rem !important; } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; } + .p-md-5 { + padding: 3rem !important; } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; } + .m-md-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: 0.25rem !important; } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; } + .m-lg-2 { + margin: 0.5rem !important; } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; } + .m-lg-3 { + margin: 1rem !important; } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; } + .m-lg-4 { + margin: 1.5rem !important; } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; } + .m-lg-5 { + margin: 3rem !important; } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; } + .p-lg-0 { + padding: 0 !important; } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; } + .p-lg-1 { + padding: 0.25rem !important; } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; } + .p-lg-2 { + padding: 0.5rem !important; } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; } + .p-lg-3 { + padding: 1rem !important; } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; } + .p-lg-4 { + padding: 1.5rem !important; } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; } + .p-lg-5 { + padding: 3rem !important; } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; } + .m-lg-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: 0.25rem !important; } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; } + .m-xl-2 { + margin: 0.5rem !important; } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; } + .m-xl-3 { + margin: 1rem !important; } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; } + .m-xl-4 { + margin: 1.5rem !important; } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; } + .m-xl-5 { + margin: 3rem !important; } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; } + .p-xl-0 { + padding: 0 !important; } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; } + .p-xl-1 { + padding: 0.25rem !important; } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; } + .p-xl-2 { + padding: 0.5rem !important; } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; } + .p-xl-3 { + padding: 1rem !important; } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; } + .p-xl-4 { + padding: 1.5rem !important; } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; } + .p-xl-5 { + padding: 3rem !important; } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; } + .m-xl-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-justify { + text-align: justify !important; } + +.text-nowrap { + white-space: nowrap !important; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-left { + text-align: left !important; } + +.text-right { + text-align: right !important; } + +.text-center { + text-align: center !important; } + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; } + .text-sm-right { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; } + .text-md-right { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; } + .text-lg-right { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; } + .text-xl-right { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } + +.text-lowercase { + text-transform: lowercase !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.text-capitalize { + text-transform: capitalize !important; } + +.font-weight-light { + font-weight: 300 !important; } + +.font-weight-normal { + font-weight: 400 !important; } + +.font-weight-bold { + font-weight: 700 !important; } + +.font-italic { + font-style: italic !important; } + +.text-white { + color: #fff !important; } + +.text-primary { + color: #20a8d8 !important; } + +a.text-primary:focus, a.text-primary:hover { + color: #1985ac !important; } + +.text-secondary { + color: #a4b7c1 !important; } + +a.text-secondary:focus, a.text-secondary:hover { + color: #869fac !important; } + +.text-success { + color: #4dbd74 !important; } + +a.text-success:focus, a.text-success:hover { + color: #3a9d5d !important; } + +.text-info { + color: #63c2de !important; } + +a.text-info:focus, a.text-info:hover { + color: #39b2d5 !important; } + +.text-warning { + color: #ffc107 !important; } + +a.text-warning:focus, a.text-warning:hover { + color: #d39e00 !important; } + +.text-danger { + color: #f86c6b !important; } + +a.text-danger:focus, a.text-danger:hover { + color: #f63c3a !important; } + +.text-light { + color: #f0f3f5 !important; } + +a.text-light:focus, a.text-light:hover { + color: #d1dbe1 !important; } + +.text-dark { + color: #29363d !important; } + +a.text-dark:focus, a.text-dark:hover { + color: #151b1f !important; } + +.text-muted { + color: #536c79 !important; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.visible { + visibility: visible !important; } + +.invisible { + visibility: hidden !important; } + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } + +.font-xs { + font-size: .75rem !important; } + +.font-sm { + font-size: .85rem !important; } + +.font-lg { + font-size: 1rem !important; } + +.font-xl { + font-size: 1.25rem !important; } + +.font-2xl { + font-size: 1.5rem !important; } + +.font-3xl { + font-size: 1.75rem !important; } + +.font-4xl { + font-size: 2rem !important; } + +.font-5xl { + font-size: 2.5rem !important; } + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; } + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; } + +@-webkit-keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } + +.aside-menu { + z-index: 1019; + width: 250px; + color: #29363d; + background: #fff; + border-left: 1px solid #c2cfd6; } + .aside-menu .nav-tabs { + border-color: #c2cfd6; } + .aside-menu .nav-tabs .nav-link, .aside-menu .nav-tabs .navbar .dropdown-toggle, .navbar .aside-menu .nav-tabs .dropdown-toggle { + padding: 0.75rem 1rem; + color: #151b1e; + border-top: 0; } + .aside-menu .nav-tabs .nav-link.active, .aside-menu .nav-tabs .navbar .active.dropdown-toggle, .navbar .aside-menu .nav-tabs .active.dropdown-toggle { + color: #20a8d8; + border-right-color: #c2cfd6; + border-left-color: #c2cfd6; } + .aside-menu .nav-tabs .nav-item:first-child .nav-link, .aside-menu .nav-tabs .nav-item:first-child .navbar .dropdown-toggle, .navbar .aside-menu .nav-tabs .nav-item:first-child .dropdown-toggle { + border-left: 0; } + .aside-menu .tab-content { + position: relative; + overflow-x: hidden; + overflow-y: auto; + border: 0; + border-top: 1px solid #c2cfd6; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .aside-menu .tab-content::-webkit-scrollbar { + width: 10px; + margin-left: -10px; + -webkit-appearance: none; } + .aside-menu .tab-content::-webkit-scrollbar-track { + background-color: white; + border-right: 1px solid #f2f2f2; + border-left: 1px solid #f2f2f2; } + .aside-menu .tab-content::-webkit-scrollbar-thumb { + height: 50px; + background-color: #e6e6e6; + background-clip: content-box; + border-color: transparent; + border-style: solid; + border-width: 1px 2px; } + .aside-menu .tab-content .tab-pane { + padding: 0; } + +.img-avatar { + border-radius: 50em; } + +.avatar { + position: relative; + display: inline-block; + width: 36px; } + .avatar .img-avatar { + width: 36px; + height: 36px; } + .avatar .avatar-status { + position: absolute; + right: 0; + bottom: 0; + display: block; + width: 10px; + height: 10px; + border: 1px solid #fff; + border-radius: 50em; } + +.avatar.avatar-xs { + position: relative; + display: inline-block; + width: 20px; } + .avatar.avatar-xs .img-avatar { + width: 20px; + height: 20px; } + .avatar.avatar-xs .avatar-status { + position: absolute; + right: 0; + bottom: 0; + display: block; + width: 8px; + height: 8px; + border: 1px solid #fff; + border-radius: 50em; } + +.avatar.avatar-sm { + position: relative; + display: inline-block; + width: 24px; } + .avatar.avatar-sm .img-avatar { + width: 24px; + height: 24px; } + .avatar.avatar-sm .avatar-status { + position: absolute; + right: 0; + bottom: 0; + display: block; + width: 8px; + height: 8px; + border: 1px solid #fff; + border-radius: 50em; } + +.avatar.avatar-lg { + position: relative; + display: inline-block; + width: 72px; } + .avatar.avatar-lg .img-avatar { + width: 72px; + height: 72px; } + .avatar.avatar-lg .avatar-status { + position: absolute; + right: 0; + bottom: 0; + display: block; + width: 12px; + height: 12px; + border: 1px solid #fff; + border-radius: 50em; } + +.avatars-stack .avatar.avatar-xs { + margin-right: -10px; } + +.avatars-stack .avatar { + margin-right: -15px; + transition: margin-left 0.25s, margin-right 0.25s; } + .avatars-stack .avatar:hover { + margin-right: 0 !important; } + +.badge-pill { + border-radius: 10rem; } + +.breadcrumb-menu { + margin-left: auto; } + .breadcrumb-menu::before { + display: none; } + .breadcrumb-menu .btn-group { + vertical-align: top; } + .breadcrumb-menu .btn { + padding: 0 0.75rem; + color: #536c79; + vertical-align: top; + border: 0; } + .breadcrumb-menu .btn:hover, .breadcrumb-menu .btn.active { + color: #151b1e; + background: transparent; } + .breadcrumb-menu .open .btn { + color: #151b1e; + background: transparent; } + .breadcrumb-menu .dropdown-menu { + min-width: 180px; + line-height: 1.5; } + +.breadcrumb { + position: relative; + border-bottom: 1px solid #c2cfd6; } + +button { + cursor: pointer; } + +.btn .badge { + position: absolute; + top: 2px; + right: 6px; + font-size: 9px; } + +.btn-transparent { + color: #fff; + background-color: transparent; + border-color: transparent; } + +.btn [class^="icon-"], .btn [class*=" icon-"] { + display: inline-block; + margin-top: -2px; + vertical-align: middle; } + +.btn-facebook, +.btn-twitter, +.btn-linkedin, +.btn-flickr, +.btn-tumblr, +.btn-xing, +.btn-github, +.btn-html5, +.btn-openid, +.btn-stack-overflow, +.btn-youtube, +.btn-css3, +.btn-dribbble, +.btn-google-plus, +.btn-instagram, +.btn-pinterest, +.btn-vk, +.btn-yahoo, +.btn-behance, +.btn-dropbox, +.btn-reddit, +.btn-spotify, +.btn-vine, +.btn-foursquare, +.btn-vimeo { + position: relative; + overflow: hidden; + color: #fff !important; + text-align: center; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + line-height: 1.5; + border: 0; } + .btn-facebook::before, + .btn-twitter::before, + .btn-linkedin::before, + .btn-flickr::before, + .btn-tumblr::before, + .btn-xing::before, + .btn-github::before, + .btn-html5::before, + .btn-openid::before, + .btn-stack-overflow::before, + .btn-youtube::before, + .btn-css3::before, + .btn-dribbble::before, + .btn-google-plus::before, + .btn-instagram::before, + .btn-pinterest::before, + .btn-vk::before, + .btn-yahoo::before, + .btn-behance::before, + .btn-dropbox::before, + .btn-reddit::before, + .btn-spotify::before, + .btn-vine::before, + .btn-foursquare::before, + .btn-vimeo::before { + position: absolute; + top: 0; + left: 0; + display: block; + font-family: "FontAwesome"; + font-style: normal; + font-weight: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } + .btn-facebook:hover, + .btn-twitter:hover, + .btn-linkedin:hover, + .btn-flickr:hover, + .btn-tumblr:hover, + .btn-xing:hover, + .btn-github:hover, + .btn-html5:hover, + .btn-openid:hover, + .btn-stack-overflow:hover, + .btn-youtube:hover, + .btn-css3:hover, + .btn-dribbble:hover, + .btn-google-plus:hover, + .btn-instagram:hover, + .btn-pinterest:hover, + .btn-vk:hover, + .btn-yahoo:hover, + .btn-behance:hover, + .btn-dropbox:hover, + .btn-reddit:hover, + .btn-spotify:hover, + .btn-vine:hover, + .btn-foursquare:hover, + .btn-vimeo:hover { + color: #fff; } + .btn-facebook.icon span, + .btn-twitter.icon span, + .btn-linkedin.icon span, + .btn-flickr.icon span, + .btn-tumblr.icon span, + .btn-xing.icon span, + .btn-github.icon span, + .btn-html5.icon span, + .btn-openid.icon span, + .btn-stack-overflow.icon span, + .btn-youtube.icon span, + .btn-css3.icon span, + .btn-dribbble.icon span, + .btn-google-plus.icon span, + .btn-instagram.icon span, + .btn-pinterest.icon span, + .btn-vk.icon span, + .btn-yahoo.icon span, + .btn-behance.icon span, + .btn-dropbox.icon span, + .btn-reddit.icon span, + .btn-spotify.icon span, + .btn-vine.icon span, + .btn-foursquare.icon span, + .btn-vimeo.icon span { + display: none; } + .btn-facebook.text::before, + .btn-twitter.text::before, + .btn-linkedin.text::before, + .btn-flickr.text::before, + .btn-tumblr.text::before, + .btn-xing.text::before, + .btn-github.text::before, + .btn-html5.text::before, + .btn-openid.text::before, + .btn-stack-overflow.text::before, + .btn-youtube.text::before, + .btn-css3.text::before, + .btn-dribbble.text::before, + .btn-google-plus.text::before, + .btn-instagram.text::before, + .btn-pinterest.text::before, + .btn-vk.text::before, + .btn-yahoo.text::before, + .btn-behance.text::before, + .btn-dropbox.text::before, + .btn-reddit.text::before, + .btn-spotify.text::before, + .btn-vine.text::before, + .btn-foursquare.text::before, + .btn-vimeo.text::before { + display: none; } + .btn-facebook.text span, + .btn-twitter.text span, + .btn-linkedin.text span, + .btn-flickr.text span, + .btn-tumblr.text span, + .btn-xing.text span, + .btn-github.text span, + .btn-html5.text span, + .btn-openid.text span, + .btn-stack-overflow.text span, + .btn-youtube.text span, + .btn-css3.text span, + .btn-dribbble.text span, + .btn-google-plus.text span, + .btn-instagram.text span, + .btn-pinterest.text span, + .btn-vk.text span, + .btn-yahoo.text span, + .btn-behance.text span, + .btn-dropbox.text span, + .btn-reddit.text span, + .btn-spotify.text span, + .btn-vine.text span, + .btn-foursquare.text span, + .btn-vimeo.text span { + margin-left: 0 !important; } + .btn-facebook::before, + .btn-twitter::before, + .btn-linkedin::before, + .btn-flickr::before, + .btn-tumblr::before, + .btn-xing::before, + .btn-github::before, + .btn-html5::before, + .btn-openid::before, + .btn-stack-overflow::before, + .btn-youtube::before, + .btn-css3::before, + .btn-dribbble::before, + .btn-google-plus::before, + .btn-instagram::before, + .btn-pinterest::before, + .btn-vk::before, + .btn-yahoo::before, + .btn-behance::before, + .btn-dropbox::before, + .btn-reddit::before, + .btn-spotify::before, + .btn-vine::before, + .btn-foursquare::before, + .btn-vimeo::before { + width: 2.0625rem; + height: 2.0625rem; + padding: 0.375rem 0; + font-size: 0.875rem; + line-height: 1.5; } + .btn-facebook span, + .btn-twitter span, + .btn-linkedin span, + .btn-flickr span, + .btn-tumblr span, + .btn-xing span, + .btn-github span, + .btn-html5 span, + .btn-openid span, + .btn-stack-overflow span, + .btn-youtube span, + .btn-css3 span, + .btn-dribbble span, + .btn-google-plus span, + .btn-instagram span, + .btn-pinterest span, + .btn-vk span, + .btn-yahoo span, + .btn-behance span, + .btn-dropbox span, + .btn-reddit span, + .btn-spotify span, + .btn-vine span, + .btn-foursquare span, + .btn-vimeo span { + margin-left: 2.0625rem; } + .btn-facebook.icon, + .btn-twitter.icon, + .btn-linkedin.icon, + .btn-flickr.icon, + .btn-tumblr.icon, + .btn-xing.icon, + .btn-github.icon, + .btn-html5.icon, + .btn-openid.icon, + .btn-stack-overflow.icon, + .btn-youtube.icon, + .btn-css3.icon, + .btn-dribbble.icon, + .btn-google-plus.icon, + .btn-instagram.icon, + .btn-pinterest.icon, + .btn-vk.icon, + .btn-yahoo.icon, + .btn-behance.icon, + .btn-dropbox.icon, + .btn-reddit.icon, + .btn-spotify.icon, + .btn-vine.icon, + .btn-foursquare.icon, + .btn-vimeo.icon { + width: 2.0625rem; + height: 2.0625rem; } + .btn-facebook.btn-lg, .btn-group-lg > .btn-facebook.btn, + .btn-twitter.btn-lg, + .btn-group-lg > .btn-twitter.btn, + .btn-linkedin.btn-lg, + .btn-group-lg > .btn-linkedin.btn, + .btn-flickr.btn-lg, + .btn-group-lg > .btn-flickr.btn, + .btn-tumblr.btn-lg, + .btn-group-lg > .btn-tumblr.btn, + .btn-xing.btn-lg, + .btn-group-lg > .btn-xing.btn, + .btn-github.btn-lg, + .btn-group-lg > .btn-github.btn, + .btn-html5.btn-lg, + .btn-group-lg > .btn-html5.btn, + .btn-openid.btn-lg, + .btn-group-lg > .btn-openid.btn, + .btn-stack-overflow.btn-lg, + .btn-group-lg > .btn-stack-overflow.btn, + .btn-youtube.btn-lg, + .btn-group-lg > .btn-youtube.btn, + .btn-css3.btn-lg, + .btn-group-lg > .btn-css3.btn, + .btn-dribbble.btn-lg, + .btn-group-lg > .btn-dribbble.btn, + .btn-google-plus.btn-lg, + .btn-group-lg > .btn-google-plus.btn, + .btn-instagram.btn-lg, + .btn-group-lg > .btn-instagram.btn, + .btn-pinterest.btn-lg, + .btn-group-lg > .btn-pinterest.btn, + .btn-vk.btn-lg, + .btn-group-lg > .btn-vk.btn, + .btn-yahoo.btn-lg, + .btn-group-lg > .btn-yahoo.btn, + .btn-behance.btn-lg, + .btn-group-lg > .btn-behance.btn, + .btn-dropbox.btn-lg, + .btn-group-lg > .btn-dropbox.btn, + .btn-reddit.btn-lg, + .btn-group-lg > .btn-reddit.btn, + .btn-spotify.btn-lg, + .btn-group-lg > .btn-spotify.btn, + .btn-vine.btn-lg, + .btn-group-lg > .btn-vine.btn, + .btn-foursquare.btn-lg, + .btn-group-lg > .btn-foursquare.btn, + .btn-vimeo.btn-lg, + .btn-group-lg > .btn-vimeo.btn { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border: 0; } + .btn-facebook.btn-lg::before, .btn-group-lg > .btn-facebook.btn::before, + .btn-twitter.btn-lg::before, + .btn-group-lg > .btn-twitter.btn::before, + .btn-linkedin.btn-lg::before, + .btn-group-lg > .btn-linkedin.btn::before, + .btn-flickr.btn-lg::before, + .btn-group-lg > .btn-flickr.btn::before, + .btn-tumblr.btn-lg::before, + .btn-group-lg > .btn-tumblr.btn::before, + .btn-xing.btn-lg::before, + .btn-group-lg > .btn-xing.btn::before, + .btn-github.btn-lg::before, + .btn-group-lg > .btn-github.btn::before, + .btn-html5.btn-lg::before, + .btn-group-lg > .btn-html5.btn::before, + .btn-openid.btn-lg::before, + .btn-group-lg > .btn-openid.btn::before, + .btn-stack-overflow.btn-lg::before, + .btn-group-lg > .btn-stack-overflow.btn::before, + .btn-youtube.btn-lg::before, + .btn-group-lg > .btn-youtube.btn::before, + .btn-css3.btn-lg::before, + .btn-group-lg > .btn-css3.btn::before, + .btn-dribbble.btn-lg::before, + .btn-group-lg > .btn-dribbble.btn::before, + .btn-google-plus.btn-lg::before, + .btn-group-lg > .btn-google-plus.btn::before, + .btn-instagram.btn-lg::before, + .btn-group-lg > .btn-instagram.btn::before, + .btn-pinterest.btn-lg::before, + .btn-group-lg > .btn-pinterest.btn::before, + .btn-vk.btn-lg::before, + .btn-group-lg > .btn-vk.btn::before, + .btn-yahoo.btn-lg::before, + .btn-group-lg > .btn-yahoo.btn::before, + .btn-behance.btn-lg::before, + .btn-group-lg > .btn-behance.btn::before, + .btn-dropbox.btn-lg::before, + .btn-group-lg > .btn-dropbox.btn::before, + .btn-reddit.btn-lg::before, + .btn-group-lg > .btn-reddit.btn::before, + .btn-spotify.btn-lg::before, + .btn-group-lg > .btn-spotify.btn::before, + .btn-vine.btn-lg::before, + .btn-group-lg > .btn-vine.btn::before, + .btn-foursquare.btn-lg::before, + .btn-group-lg > .btn-foursquare.btn::before, + .btn-vimeo.btn-lg::before, + .btn-group-lg > .btn-vimeo.btn::before { + width: 2.64062rem; + height: 2.64062rem; + padding: 0.5rem 0; + font-size: 1.09375rem; + line-height: 1.5; } + .btn-facebook.btn-lg span, .btn-group-lg > .btn-facebook.btn span, + .btn-twitter.btn-lg span, .btn-group-lg > .btn-twitter.btn span, + .btn-linkedin.btn-lg span, .btn-group-lg > .btn-linkedin.btn span, + .btn-flickr.btn-lg span, .btn-group-lg > .btn-flickr.btn span, + .btn-tumblr.btn-lg span, .btn-group-lg > .btn-tumblr.btn span, + .btn-xing.btn-lg span, .btn-group-lg > .btn-xing.btn span, + .btn-github.btn-lg span, .btn-group-lg > .btn-github.btn span, + .btn-html5.btn-lg span, .btn-group-lg > .btn-html5.btn span, + .btn-openid.btn-lg span, .btn-group-lg > .btn-openid.btn span, + .btn-stack-overflow.btn-lg span, .btn-group-lg > .btn-stack-overflow.btn span, + .btn-youtube.btn-lg span, .btn-group-lg > .btn-youtube.btn span, + .btn-css3.btn-lg span, .btn-group-lg > .btn-css3.btn span, + .btn-dribbble.btn-lg span, .btn-group-lg > .btn-dribbble.btn span, + .btn-google-plus.btn-lg span, .btn-group-lg > .btn-google-plus.btn span, + .btn-instagram.btn-lg span, .btn-group-lg > .btn-instagram.btn span, + .btn-pinterest.btn-lg span, .btn-group-lg > .btn-pinterest.btn span, + .btn-vk.btn-lg span, .btn-group-lg > .btn-vk.btn span, + .btn-yahoo.btn-lg span, .btn-group-lg > .btn-yahoo.btn span, + .btn-behance.btn-lg span, .btn-group-lg > .btn-behance.btn span, + .btn-dropbox.btn-lg span, .btn-group-lg > .btn-dropbox.btn span, + .btn-reddit.btn-lg span, .btn-group-lg > .btn-reddit.btn span, + .btn-spotify.btn-lg span, .btn-group-lg > .btn-spotify.btn span, + .btn-vine.btn-lg span, .btn-group-lg > .btn-vine.btn span, + .btn-foursquare.btn-lg span, .btn-group-lg > .btn-foursquare.btn span, + .btn-vimeo.btn-lg span, .btn-group-lg > .btn-vimeo.btn span { + margin-left: 2.64062rem; } + .btn-facebook.btn-lg.icon, .btn-group-lg > .btn-facebook.icon.btn, + .btn-twitter.btn-lg.icon, + .btn-group-lg > .btn-twitter.icon.btn, + .btn-linkedin.btn-lg.icon, + .btn-group-lg > .btn-linkedin.icon.btn, + .btn-flickr.btn-lg.icon, + .btn-group-lg > .btn-flickr.icon.btn, + .btn-tumblr.btn-lg.icon, + .btn-group-lg > .btn-tumblr.icon.btn, + .btn-xing.btn-lg.icon, + .btn-group-lg > .btn-xing.icon.btn, + .btn-github.btn-lg.icon, + .btn-group-lg > .btn-github.icon.btn, + .btn-html5.btn-lg.icon, + .btn-group-lg > .btn-html5.icon.btn, + .btn-openid.btn-lg.icon, + .btn-group-lg > .btn-openid.icon.btn, + .btn-stack-overflow.btn-lg.icon, + .btn-group-lg > .btn-stack-overflow.icon.btn, + .btn-youtube.btn-lg.icon, + .btn-group-lg > .btn-youtube.icon.btn, + .btn-css3.btn-lg.icon, + .btn-group-lg > .btn-css3.icon.btn, + .btn-dribbble.btn-lg.icon, + .btn-group-lg > .btn-dribbble.icon.btn, + .btn-google-plus.btn-lg.icon, + .btn-group-lg > .btn-google-plus.icon.btn, + .btn-instagram.btn-lg.icon, + .btn-group-lg > .btn-instagram.icon.btn, + .btn-pinterest.btn-lg.icon, + .btn-group-lg > .btn-pinterest.icon.btn, + .btn-vk.btn-lg.icon, + .btn-group-lg > .btn-vk.icon.btn, + .btn-yahoo.btn-lg.icon, + .btn-group-lg > .btn-yahoo.icon.btn, + .btn-behance.btn-lg.icon, + .btn-group-lg > .btn-behance.icon.btn, + .btn-dropbox.btn-lg.icon, + .btn-group-lg > .btn-dropbox.icon.btn, + .btn-reddit.btn-lg.icon, + .btn-group-lg > .btn-reddit.icon.btn, + .btn-spotify.btn-lg.icon, + .btn-group-lg > .btn-spotify.icon.btn, + .btn-vine.btn-lg.icon, + .btn-group-lg > .btn-vine.icon.btn, + .btn-foursquare.btn-lg.icon, + .btn-group-lg > .btn-foursquare.icon.btn, + .btn-vimeo.btn-lg.icon, + .btn-group-lg > .btn-vimeo.icon.btn { + width: 2.64062rem; + height: 2.64062rem; } + .btn-facebook.btn-sm, .btn-group-sm > .btn-facebook.btn, + .btn-twitter.btn-sm, + .btn-group-sm > .btn-twitter.btn, + .btn-linkedin.btn-sm, + .btn-group-sm > .btn-linkedin.btn, + .btn-flickr.btn-sm, + .btn-group-sm > .btn-flickr.btn, + .btn-tumblr.btn-sm, + .btn-group-sm > .btn-tumblr.btn, + .btn-xing.btn-sm, + .btn-group-sm > .btn-xing.btn, + .btn-github.btn-sm, + .btn-group-sm > .btn-github.btn, + .btn-html5.btn-sm, + .btn-group-sm > .btn-html5.btn, + .btn-openid.btn-sm, + .btn-group-sm > .btn-openid.btn, + .btn-stack-overflow.btn-sm, + .btn-group-sm > .btn-stack-overflow.btn, + .btn-youtube.btn-sm, + .btn-group-sm > .btn-youtube.btn, + .btn-css3.btn-sm, + .btn-group-sm > .btn-css3.btn, + .btn-dribbble.btn-sm, + .btn-group-sm > .btn-dribbble.btn, + .btn-google-plus.btn-sm, + .btn-group-sm > .btn-google-plus.btn, + .btn-instagram.btn-sm, + .btn-group-sm > .btn-instagram.btn, + .btn-pinterest.btn-sm, + .btn-group-sm > .btn-pinterest.btn, + .btn-vk.btn-sm, + .btn-group-sm > .btn-vk.btn, + .btn-yahoo.btn-sm, + .btn-group-sm > .btn-yahoo.btn, + .btn-behance.btn-sm, + .btn-group-sm > .btn-behance.btn, + .btn-dropbox.btn-sm, + .btn-group-sm > .btn-dropbox.btn, + .btn-reddit.btn-sm, + .btn-group-sm > .btn-reddit.btn, + .btn-spotify.btn-sm, + .btn-group-sm > .btn-spotify.btn, + .btn-vine.btn-sm, + .btn-group-sm > .btn-vine.btn, + .btn-foursquare.btn-sm, + .btn-group-sm > .btn-foursquare.btn, + .btn-vimeo.btn-sm, + .btn-group-sm > .btn-vimeo.btn { + padding: 0.25rem 0.5rem; + font-size: 0.76562rem; + line-height: 1.5; + border: 0; } + .btn-facebook.btn-sm::before, .btn-group-sm > .btn-facebook.btn::before, + .btn-twitter.btn-sm::before, + .btn-group-sm > .btn-twitter.btn::before, + .btn-linkedin.btn-sm::before, + .btn-group-sm > .btn-linkedin.btn::before, + .btn-flickr.btn-sm::before, + .btn-group-sm > .btn-flickr.btn::before, + .btn-tumblr.btn-sm::before, + .btn-group-sm > .btn-tumblr.btn::before, + .btn-xing.btn-sm::before, + .btn-group-sm > .btn-xing.btn::before, + .btn-github.btn-sm::before, + .btn-group-sm > .btn-github.btn::before, + .btn-html5.btn-sm::before, + .btn-group-sm > .btn-html5.btn::before, + .btn-openid.btn-sm::before, + .btn-group-sm > .btn-openid.btn::before, + .btn-stack-overflow.btn-sm::before, + .btn-group-sm > .btn-stack-overflow.btn::before, + .btn-youtube.btn-sm::before, + .btn-group-sm > .btn-youtube.btn::before, + .btn-css3.btn-sm::before, + .btn-group-sm > .btn-css3.btn::before, + .btn-dribbble.btn-sm::before, + .btn-group-sm > .btn-dribbble.btn::before, + .btn-google-plus.btn-sm::before, + .btn-group-sm > .btn-google-plus.btn::before, + .btn-instagram.btn-sm::before, + .btn-group-sm > .btn-instagram.btn::before, + .btn-pinterest.btn-sm::before, + .btn-group-sm > .btn-pinterest.btn::before, + .btn-vk.btn-sm::before, + .btn-group-sm > .btn-vk.btn::before, + .btn-yahoo.btn-sm::before, + .btn-group-sm > .btn-yahoo.btn::before, + .btn-behance.btn-sm::before, + .btn-group-sm > .btn-behance.btn::before, + .btn-dropbox.btn-sm::before, + .btn-group-sm > .btn-dropbox.btn::before, + .btn-reddit.btn-sm::before, + .btn-group-sm > .btn-reddit.btn::before, + .btn-spotify.btn-sm::before, + .btn-group-sm > .btn-spotify.btn::before, + .btn-vine.btn-sm::before, + .btn-group-sm > .btn-vine.btn::before, + .btn-foursquare.btn-sm::before, + .btn-group-sm > .btn-foursquare.btn::before, + .btn-vimeo.btn-sm::before, + .btn-group-sm > .btn-vimeo.btn::before { + width: 1.64844rem; + height: 1.64844rem; + padding: 0.25rem 0; + font-size: 0.76562rem; + line-height: 1.5; } + .btn-facebook.btn-sm span, .btn-group-sm > .btn-facebook.btn span, + .btn-twitter.btn-sm span, .btn-group-sm > .btn-twitter.btn span, + .btn-linkedin.btn-sm span, .btn-group-sm > .btn-linkedin.btn span, + .btn-flickr.btn-sm span, .btn-group-sm > .btn-flickr.btn span, + .btn-tumblr.btn-sm span, .btn-group-sm > .btn-tumblr.btn span, + .btn-xing.btn-sm span, .btn-group-sm > .btn-xing.btn span, + .btn-github.btn-sm span, .btn-group-sm > .btn-github.btn span, + .btn-html5.btn-sm span, .btn-group-sm > .btn-html5.btn span, + .btn-openid.btn-sm span, .btn-group-sm > .btn-openid.btn span, + .btn-stack-overflow.btn-sm span, .btn-group-sm > .btn-stack-overflow.btn span, + .btn-youtube.btn-sm span, .btn-group-sm > .btn-youtube.btn span, + .btn-css3.btn-sm span, .btn-group-sm > .btn-css3.btn span, + .btn-dribbble.btn-sm span, .btn-group-sm > .btn-dribbble.btn span, + .btn-google-plus.btn-sm span, .btn-group-sm > .btn-google-plus.btn span, + .btn-instagram.btn-sm span, .btn-group-sm > .btn-instagram.btn span, + .btn-pinterest.btn-sm span, .btn-group-sm > .btn-pinterest.btn span, + .btn-vk.btn-sm span, .btn-group-sm > .btn-vk.btn span, + .btn-yahoo.btn-sm span, .btn-group-sm > .btn-yahoo.btn span, + .btn-behance.btn-sm span, .btn-group-sm > .btn-behance.btn span, + .btn-dropbox.btn-sm span, .btn-group-sm > .btn-dropbox.btn span, + .btn-reddit.btn-sm span, .btn-group-sm > .btn-reddit.btn span, + .btn-spotify.btn-sm span, .btn-group-sm > .btn-spotify.btn span, + .btn-vine.btn-sm span, .btn-group-sm > .btn-vine.btn span, + .btn-foursquare.btn-sm span, .btn-group-sm > .btn-foursquare.btn span, + .btn-vimeo.btn-sm span, .btn-group-sm > .btn-vimeo.btn span { + margin-left: 1.64844rem; } + .btn-facebook.btn-sm.icon, .btn-group-sm > .btn-facebook.icon.btn, + .btn-twitter.btn-sm.icon, + .btn-group-sm > .btn-twitter.icon.btn, + .btn-linkedin.btn-sm.icon, + .btn-group-sm > .btn-linkedin.icon.btn, + .btn-flickr.btn-sm.icon, + .btn-group-sm > .btn-flickr.icon.btn, + .btn-tumblr.btn-sm.icon, + .btn-group-sm > .btn-tumblr.icon.btn, + .btn-xing.btn-sm.icon, + .btn-group-sm > .btn-xing.icon.btn, + .btn-github.btn-sm.icon, + .btn-group-sm > .btn-github.icon.btn, + .btn-html5.btn-sm.icon, + .btn-group-sm > .btn-html5.icon.btn, + .btn-openid.btn-sm.icon, + .btn-group-sm > .btn-openid.icon.btn, + .btn-stack-overflow.btn-sm.icon, + .btn-group-sm > .btn-stack-overflow.icon.btn, + .btn-youtube.btn-sm.icon, + .btn-group-sm > .btn-youtube.icon.btn, + .btn-css3.btn-sm.icon, + .btn-group-sm > .btn-css3.icon.btn, + .btn-dribbble.btn-sm.icon, + .btn-group-sm > .btn-dribbble.icon.btn, + .btn-google-plus.btn-sm.icon, + .btn-group-sm > .btn-google-plus.icon.btn, + .btn-instagram.btn-sm.icon, + .btn-group-sm > .btn-instagram.icon.btn, + .btn-pinterest.btn-sm.icon, + .btn-group-sm > .btn-pinterest.icon.btn, + .btn-vk.btn-sm.icon, + .btn-group-sm > .btn-vk.icon.btn, + .btn-yahoo.btn-sm.icon, + .btn-group-sm > .btn-yahoo.icon.btn, + .btn-behance.btn-sm.icon, + .btn-group-sm > .btn-behance.icon.btn, + .btn-dropbox.btn-sm.icon, + .btn-group-sm > .btn-dropbox.icon.btn, + .btn-reddit.btn-sm.icon, + .btn-group-sm > .btn-reddit.icon.btn, + .btn-spotify.btn-sm.icon, + .btn-group-sm > .btn-spotify.icon.btn, + .btn-vine.btn-sm.icon, + .btn-group-sm > .btn-vine.icon.btn, + .btn-foursquare.btn-sm.icon, + .btn-group-sm > .btn-foursquare.icon.btn, + .btn-vimeo.btn-sm.icon, + .btn-group-sm > .btn-vimeo.icon.btn { + width: 1.64844rem; + height: 1.64844rem; } + +.btn-facebook { + background: #3b5998; } + .btn-facebook::before { + content: "\f09a"; + background: #344e86; } + .btn-facebook:hover { + background: #344e86; } + .btn-facebook:hover::before { + background: #2d4373; } + +.btn-twitter { + background: #00aced; } + .btn-twitter::before { + content: "\f099"; + background: #0099d4; } + .btn-twitter:hover { + background: #0099d4; } + .btn-twitter:hover::before { + background: #0087ba; } + +.btn-linkedin { + background: #4875b4; } + .btn-linkedin::before { + content: "\f0e1"; + background: #4169a2; } + .btn-linkedin:hover { + background: #4169a2; } + .btn-linkedin:hover::before { + background: #395d90; } + +.btn-flickr { + background: #ff0084; } + .btn-flickr::before { + content: "\f16e"; + background: #e60077; } + .btn-flickr:hover { + background: #e60077; } + .btn-flickr:hover::before { + background: #cc006a; } + +.btn-tumblr { + background: #32506d; } + .btn-tumblr::before { + content: "\f173"; + background: #2a435c; } + .btn-tumblr:hover { + background: #2a435c; } + .btn-tumblr:hover::before { + background: #22364a; } + +.btn-xing { + background: #026466; } + .btn-xing::before { + content: "\f168"; + background: #024b4d; } + .btn-xing:hover { + background: #024b4d; } + .btn-xing:hover::before { + background: #013334; } + +.btn-github { + background: #4183c4; } + .btn-github::before { + content: "\f09b"; + background: #3876b4; } + .btn-github:hover { + background: #3876b4; } + .btn-github:hover::before { + background: #3269a0; } + +.btn-html5 { + background: #e34f26; } + .btn-html5::before { + content: "\f13b"; + background: #d4431b; } + .btn-html5:hover { + background: #d4431b; } + .btn-html5:hover::before { + background: #be3c18; } + +.btn-openid { + background: #f78c40; } + .btn-openid::before { + content: "\f19b"; + background: #f67d28; } + .btn-openid:hover { + background: #f67d28; } + .btn-openid:hover::before { + background: #f56f0f; } + +.btn-stack-overflow { + background: #fe7a15; } + .btn-stack-overflow::before { + content: "\f16c"; + background: #f86c01; } + .btn-stack-overflow:hover { + background: #f86c01; } + .btn-stack-overflow:hover::before { + background: #df6101; } + +.btn-css3 { + background: #0170ba; } + .btn-css3::before { + content: "\f13c"; + background: #0161a1; } + .btn-css3:hover { + background: #0161a1; } + .btn-css3:hover::before { + background: #015187; } + +.btn-youtube { + background: #b00; } + .btn-youtube::before { + content: "\f167"; + background: #a20000; } + .btn-youtube:hover { + background: #a20000; } + .btn-youtube:hover::before { + background: #880000; } + +.btn-dribbble { + background: #ea4c89; } + .btn-dribbble::before { + content: "\f17d"; + background: #e7357a; } + .btn-dribbble:hover { + background: #e7357a; } + .btn-dribbble:hover::before { + background: #e51e6b; } + +.btn-google-plus { + background: #d34836; } + .btn-google-plus::before { + content: "\f0d5"; + background: #c43d2b; } + .btn-google-plus:hover { + background: #c43d2b; } + .btn-google-plus:hover::before { + background: #b03626; } + +.btn-instagram { + background: #517fa4; } + .btn-instagram::before { + content: "\f16d"; + background: #497293; } + .btn-instagram:hover { + background: #497293; } + .btn-instagram:hover::before { + background: #406582; } + +.btn-pinterest { + background: #cb2027; } + .btn-pinterest::before { + content: "\f0d2"; + background: #b51d23; } + .btn-pinterest:hover { + background: #b51d23; } + .btn-pinterest:hover::before { + background: #9f191f; } + +.btn-vk { + background: #45668e; } + .btn-vk::before { + content: "\f189"; + background: #3d5a7d; } + .btn-vk:hover { + background: #3d5a7d; } + .btn-vk:hover::before { + background: #344d6c; } + +.btn-yahoo { + background: #400191; } + .btn-yahoo::before { + content: "\f19e"; + background: #350178; } + .btn-yahoo:hover { + background: #350178; } + .btn-yahoo:hover::before { + background: #2a015e; } + +.btn-behance { + background: #1769ff; } + .btn-behance::before { + content: "\f1b4"; + background: #0059fd; } + .btn-behance:hover { + background: #0059fd; } + .btn-behance:hover::before { + background: #0050e3; } + +.btn-dropbox { + background: #007ee5; } + .btn-dropbox::before { + content: "\f16b"; + background: #0070cc; } + .btn-dropbox:hover { + background: #0070cc; } + .btn-dropbox:hover::before { + background: #0062b2; } + +.btn-reddit { + background: #ff4500; } + .btn-reddit::before { + content: "\f1a1"; + background: #e63e00; } + .btn-reddit:hover { + background: #e63e00; } + .btn-reddit:hover::before { + background: #cc3700; } + +.btn-spotify { + background: #7ab800; } + .btn-spotify::before { + content: "\f1bc"; + background: #699f00; } + .btn-spotify:hover { + background: #699f00; } + .btn-spotify:hover::before { + background: #588500; } + +.btn-vine { + background: #00bf8f; } + .btn-vine::before { + content: "\f1ca"; + background: #00a67c; } + .btn-vine:hover { + background: #00a67c; } + .btn-vine:hover::before { + background: #008c69; } + +.btn-foursquare { + background: #1073af; } + .btn-foursquare::before { + content: "\f180"; + background: #0e6498; } + .btn-foursquare:hover { + background: #0e6498; } + .btn-foursquare:hover::before { + background: #0c5480; } + +.btn-vimeo { + background: #aad450; } + .btn-vimeo::before { + content: "\f194"; + background: #a0cf3c; } + .btn-vimeo:hover { + background: #a0cf3c; } + .btn-vimeo:hover::before { + background: #93c130; } + +.callout { + position: relative; + padding: 0 1rem; + margin: 1rem 0; + border: 0 solid #c2cfd6; + border-left-width: .25rem; } + .callout .chart-wrapper { + position: absolute; + top: 10px; + left: 50%; + float: right; + width: 50%; } + +.callout-bordered { + border: 1px solid #c2cfd6; + border-left-width: .25rem; } + +.callout code { + border-radius: .25rem; } + +.callout h4 { + margin-top: 0; + margin-bottom: .25rem; } + +.callout p:last-child { + margin-bottom: 0; } + +.callout + .callout { + margin-top: -0.25rem; } + +.callout-default { + border-left-color: #536c79; } + .callout-default h4 { + color: #536c79; } + +.callout-primary { + border-left-color: #20a8d8; } + .callout-primary h4 { + color: #20a8d8; } + +.callout-secondary { + border-left-color: #a4b7c1; } + .callout-secondary h4 { + color: #a4b7c1; } + +.callout-success { + border-left-color: #4dbd74; } + .callout-success h4 { + color: #4dbd74; } + +.callout-info { + border-left-color: #63c2de; } + .callout-info h4 { + color: #63c2de; } + +.callout-warning { + border-left-color: #ffc107; } + .callout-warning h4 { + color: #ffc107; } + +.callout-danger { + border-left-color: #f86c6b; } + .callout-danger h4 { + color: #f86c6b; } + +.callout-light { + border-left-color: #f0f3f5; } + .callout-light h4 { + color: #f0f3f5; } + +.callout-dark { + border-left-color: #29363d; } + .callout-dark h4 { + color: #29363d; } + +.card { + margin-bottom: 1.5rem; } + .card.bg-primary { + border-color: #187da0; } + .card.bg-primary .card-header { + background-color: #1e9ecb; + border-color: #187da0; } + .card.bg-secondary { + border-color: #7e99a7; } + .card.bg-secondary .card-header { + background-color: #9bb0bb; + border-color: #7e99a7; } + .card.bg-success { + border-color: #379457; } + .card.bg-success .card-header { + background-color: #44b76c; + border-color: #379457; } + .card.bg-info { + border-color: #2eadd3; } + .card.bg-info .card-header { + background-color: #56bddb; + border-color: #2eadd3; } + .card.bg-warning { + border-color: #c69500; } + .card.bg-warning .card-header { + background-color: #f7b900; + border-color: #c69500; } + .card.bg-danger { + border-color: #f5302e; } + .card.bg-danger .card-header { + background-color: #f75d5c; + border-color: #f5302e; } + .card.bg-light { + border-color: #cad4dc; } + .card.bg-light .card-header { + background-color: #e7ecef; + border-color: #cad4dc; } + .card.bg-dark { + border-color: #0f1417; } + .card.bg-dark .card-header { + background-color: #232e34; + border-color: #0f1417; } + +.text-white .text-muted { + color: rgba(255, 255, 255, 0.6) !important; } + +.card-header .icon-bg { + display: inline-body; + padding: 0.75rem 1.25rem !important; + margin-top: -0.75rem; + margin-right: 1.25rem; + margin-bottom: -0.75rem; + margin-left: -1.25rem; + line-height: inherit; + color: #151b1e; + vertical-align: bottom; + background: transparent; + border-right: 1px solid #c2cfd6; } + +.card-header .nav.nav-tabs { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + border-bottom: 0; } + .card-header .nav.nav-tabs .nav-item { + border-top: 0; } + .card-header .nav.nav-tabs .nav-link, .card-header .nav.nav-tabs .navbar .dropdown-toggle, .navbar .card-header .nav.nav-tabs .dropdown-toggle { + padding: 0.75rem 0.625rem; + color: #536c79; + border-top: 0; } + .card-header .nav.nav-tabs .nav-link.active, .card-header .nav.nav-tabs .navbar .active.dropdown-toggle, .navbar .card-header .nav.nav-tabs .active.dropdown-toggle { + color: #151b1e; + background: #fff; } + +.card-header.card-header-inverse { + color: #fff; } + +.card-header .btn { + margin-top: -0.375rem; } + +.card-header .btn-sm, .card-header .btn-group-sm > .btn { + margin-top: -0.25rem; } + +.card-header .btn-lg, .card-header .btn-group-lg > .btn { + margin-top: -0.5rem; } + +.card-footer ul { + display: table; + width: 100%; + padding: 0; + margin: 0; + table-layout: fixed; } + .card-footer ul li { + display: table-cell; + padding: 0 1.25rem; + text-align: center; } + +[class*="card-outline-"] .card-body, [class*="card-outline-"] .card-block { + background: #fff !important; } + +[class*="card-outline-"].card-outline-top { + border-top-width: 2px; + border-right-color: #c2cfd6; + border-bottom-color: #c2cfd6; + border-left-color: #c2cfd6; } + +.card-accent-primary { + border-top-width: 2px; + border-top-color: #20a8d8; } + +.card-accent-secondary { + border-top-width: 2px; + border-top-color: #a4b7c1; } + +.card-accent-success { + border-top-width: 2px; + border-top-color: #4dbd74; } + +.card-accent-info { + border-top-width: 2px; + border-top-color: #63c2de; } + +.card-accent-warning { + border-top-width: 2px; + border-top-color: #ffc107; } + +.card-accent-danger { + border-top-width: 2px; + border-top-color: #f86c6b; } + +.card-accent-light { + border-top-width: 2px; + border-top-color: #f0f3f5; } + +.card-accent-dark { + border-top-width: 2px; + border-top-color: #29363d; } + +.card-header > i { + margin-right: 0.5rem; } + +.card-header .card-actions { + position: absolute; + top: 0; + right: 0; } + .card-header .card-actions a, .card-header .card-actions button { + display: block; + float: left; + width: 50px; + padding: 0.75rem 0; + margin: 0 !important; + color: #151b1e; + text-align: center; + background: transparent; + border: 0; + border-left: 1px solid #c2cfd6; + box-shadow: 0; } + .card-header .card-actions a:hover, .card-header .card-actions button:hover { + text-decoration: none; } + .card-header .card-actions a [class^="icon-"], .card-header .card-actions a [class*=" icon-"], .card-header .card-actions button [class^="icon-"], .card-header .card-actions button [class*=" icon-"] { + display: inline-body; + vertical-align: middle; } + .card-header .card-actions a i, .card-header .card-actions button i { + display: inline-body; + transition: .4s; } + .card-header .card-actions a .r180, .card-header .card-actions button .r180 { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + .card-header .card-actions .input-group { + width: 230px; + margin: 6px; } + .card-header .card-actions .input-group .input-group-addon { + background: #fff; } + .card-header .card-actions .input-group input { + border-left: 0; } + +.card-full { + margin-top: -1rem; + margin-right: -15px; + margin-left: -15px; + border: 0; + border-bottom: 1px solid #c2cfd6; } + +@media (min-width: 576px) { + .card-columns.cols-2 { + -webkit-column-count: 2; + column-count: 2; } } + +.card.drag, .card .drag { + cursor: move; } + +.card-placeholder { + background: rgba(0, 0, 0, 0.025); + border: 1px dashed #a4b7c1; } + +.chart-wrapper canvas { + width: 100% !important; } + +base-chart.chart { + display: block !important; } + +.dropdown-item { + position: relative; + padding: 10px 20px; + border-bottom: 1px solid #c2cfd6; } + .dropdown-item:last-child { + border-bottom: 0; } + .dropdown-item i { + display: inline-block; + width: 20px; + margin-right: 10px; + margin-left: -10px; + color: #c2cfd6; + text-align: center; } + .dropdown-item .badge { + position: absolute; + right: 10px; + margin-top: 2px; } + +.dropdown-header { + padding: 8px 20px; + background: #f0f3f5; + border-bottom: 1px solid #c2cfd6; } + .dropdown-header .btn { + margin-top: -7px; + color: #536c79; } + .dropdown-header .btn:hover { + color: #151b1e; } + .dropdown-header .btn.pull-right { + margin-right: -20px; } + +.dropdown-menu-lg { + width: 250px; } + +.app-header .navbar-nav .dropdown-menu { + position: absolute; } + +.app-header .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + +.app-header .navbar-nav .dropdown-menu-left { + right: auto; + left: 0; } + +.app-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + padding: 0 1rem; + color: #151b1e; + background: #f0f3f5; + border-top: 1px solid #c2cfd6; } + +.row.row-equal { + padding-right: 7.5px; + padding-left: 7.5px; + margin-right: -15px; + margin-left: -15px; } + .row.row-equal [class*="col-"] { + padding-right: 7.5px; + padding-left: 7.5px; } + +.main .container-fluid { + padding: 0 30px; } + +.input-group-addon, +.input-group-btn { + min-width: 40px; + white-space: nowrap; + vertical-align: middle; } + +#loading-bar, +#loading-bar-spinner { + -webkit-pointer-events: none; + pointer-events: none; + transition: 350ms linear all; } + +#loading-bar.ng-enter, +#loading-bar.ng-leave.ng-leave-active, +#loading-bar-spinner.ng-enter, +#loading-bar-spinner.ng-leave.ng-leave-active { + opacity: 0; } + +#loading-bar.ng-enter.ng-enter-active, +#loading-bar.ng-leave, +#loading-bar-spinner.ng-enter.ng-enter-active, +#loading-bar-spinner.ng-leave { + opacity: 1; } + +#loading-bar .bar { + position: fixed; + top: 0; + left: 0; + z-index: 20002; + width: 100%; + height: 2px; + background: #20a8d8; + border-top-right-radius: 1px; + border-bottom-right-radius: 1px; + transition: width 350ms; } + +#loading-bar .peg { + position: absolute; + top: 0; + right: 0; + width: 70px; + height: 2px; + border-radius: 100%; + -ms-box-shadow: #29d 1px 0 6px 1px; + box-shadow: #29d 1px 0 6px 1px; + opacity: .45; } + +#loading-bar-spinner { + position: fixed; + top: 10px; + left: 10px; + z-index: 10002; + display: block; } + +#loading-bar-spinner .spinner-icon { + width: 14px; + height: 14px; + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 50%; + -webkit-animation: loading-bar-spinner 400ms linear infinite; + animation: loading-bar-spinner 400ms linear infinite; } + +@-webkit-keyframes loading-bar-spinner { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes loading-bar-spinner { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + transform: rotate(360deg); } } + +.pace { + -webkit-pointer-events: none; + pointer-events: none; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; } + +.pace-inactive { + display: none; } + +.pace .pace-progress { + position: fixed; + top: 0; + right: 100%; + z-index: 2000; + width: 100%; + height: 2px; + background: #20a8d8; } + +.modal-primary .modal-content { + border-color: #20a8d8; } + +.modal-primary .modal-header { + color: #fff; + background-color: #20a8d8; } + +.modal-secondary .modal-content { + border-color: #a4b7c1; } + +.modal-secondary .modal-header { + color: #fff; + background-color: #a4b7c1; } + +.modal-success .modal-content { + border-color: #4dbd74; } + +.modal-success .modal-header { + color: #fff; + background-color: #4dbd74; } + +.modal-info .modal-content { + border-color: #63c2de; } + +.modal-info .modal-header { + color: #fff; + background-color: #63c2de; } + +.modal-warning .modal-content { + border-color: #ffc107; } + +.modal-warning .modal-header { + color: #fff; + background-color: #ffc107; } + +.modal-danger .modal-content { + border-color: #f86c6b; } + +.modal-danger .modal-header { + color: #fff; + background-color: #f86c6b; } + +.modal-light .modal-content { + border-color: #f0f3f5; } + +.modal-light .modal-header { + color: #fff; + background-color: #f0f3f5; } + +.modal-dark .modal-content { + border-color: #29363d; } + +.modal-dark .modal-header { + color: #fff; + background-color: #29363d; } + +.nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle { + color: #536c79; } + .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle { + color: #29363d; + background: #fff; + border-color: #c2cfd6; + border-bottom-color: #fff; } + .nav-tabs .nav-link.active:focus, .nav-tabs .navbar .active.dropdown-toggle:focus, .navbar .nav-tabs .active.dropdown-toggle:focus { + background: #fff; + border-color: #c2cfd6; + border-bottom-color: #fff; } + +.tab-content { + margin-top: -1px; + background: #fff; + border: 1px solid #c2cfd6; } + .tab-content .tab-pane { + padding: 1rem; } + +.card-block .tab-content { + margin-top: 0; + border: 0; } + +.app-header.navbar { + position: relative; + -ms-flex-direction: row; + flex-direction: row; + height: 55px; + padding: 0; + margin: 0; + background-color: #fff; + border-bottom: 1px solid #c2cfd6; } + .app-header.navbar .navbar-brand { + display: inline-block; + width: 155px; + height: 55px; + padding: 0.5rem 1rem; + margin-right: 0; + background-color: #fff; + background-image: url("../img/logo.png"); + background-repeat: no-repeat; + background-position: center center; + background-size: 70px auto; + border-bottom: 1px solid #c2cfd6; } + .app-header.navbar .navbar-toggler { + min-width: 50px; + padding: 0.25rem 0; } + .app-header.navbar .navbar-toggler:hover .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2329363d' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } + .app-header.navbar .navbar-toggler-icon { + height: 23px; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23536c79' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } + .app-header.navbar .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + align-items: center; } + .app-header.navbar .nav-item { + position: relative; + min-width: 50px; + margin: 0 !important; + text-align: center; } + .app-header.navbar .nav-item button { + margin: 0 auto; } + .app-header.navbar .nav-item .nav-link, .app-header.navbar .nav-item .dropdown-toggle { + padding-top: 0; + padding-bottom: 0; + background: 0; + border: 0; } + .app-header.navbar .nav-item .nav-link .badge, .app-header.navbar .nav-item .dropdown-toggle .badge { + position: absolute; + top: 50%; + left: 50%; + margin-top: -16px; + margin-left: 0; } + .app-header.navbar .nav-item .nav-link > .img-avatar, .app-header.navbar .nav-item .dropdown-toggle > .img-avatar { + height: 35px; + margin: 0 10px; } + .app-header.navbar .dropdown-menu { + padding-bottom: 0; + line-height: 1.5; } + .app-header.navbar .dropdown-item { + min-width: 180px; } + +.navbar-brand { + color: #29363d; } + .navbar-brand:focus, .navbar-brand:hover { + color: #29363d; } + +.navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle { + color: #536c79; } + .navbar-nav .nav-link:focus, .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-nav .dropdown-toggle:focus, .navbar-nav .nav-link:hover, .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-nav .dropdown-toggle:hover { + color: #29363d; } + +.navbar-nav .open > .nav-link, .navbar-nav .navbar .open > .dropdown-toggle, .navbar .navbar-nav .open > .dropdown-toggle, .navbar-nav .open > .nav-link:focus, .navbar-nav .navbar .open > .dropdown-toggle:focus, .navbar .navbar-nav .open > .dropdown-toggle:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .navbar .open > .dropdown-toggle:hover, .navbar .navbar-nav .open > .dropdown-toggle:hover, +.navbar-nav .active > .nav-link, +.navbar-nav .navbar .active > .dropdown-toggle, .navbar +.navbar-nav .active > .dropdown-toggle, +.navbar-nav .active > .nav-link:focus, +.navbar-nav .navbar .active > .dropdown-toggle:focus, .navbar +.navbar-nav .active > .dropdown-toggle:focus, +.navbar-nav .active > .nav-link:hover, +.navbar-nav .navbar .active > .dropdown-toggle:hover, .navbar +.navbar-nav .active > .dropdown-toggle:hover, +.navbar-nav .nav-link.open, +.navbar-nav .navbar .open.dropdown-toggle, .navbar +.navbar-nav .open.dropdown-toggle, +.navbar-nav .nav-link.open:focus, +.navbar-nav .navbar .open.dropdown-toggle:focus, .navbar +.navbar-nav .open.dropdown-toggle:focus, +.navbar-nav .nav-link.open:hover, +.navbar-nav .navbar .open.dropdown-toggle:hover, .navbar +.navbar-nav .open.dropdown-toggle:hover, +.navbar-nav .nav-link.active, +.navbar-nav .navbar .active.dropdown-toggle, .navbar +.navbar-nav .active.dropdown-toggle, +.navbar-nav .nav-link.active:focus, +.navbar-nav .navbar .active.dropdown-toggle:focus, .navbar +.navbar-nav .active.dropdown-toggle:focus, +.navbar-nav .nav-link.active:hover, +.navbar-nav .navbar .active.dropdown-toggle:hover, .navbar +.navbar-nav .active.dropdown-toggle:hover { + color: #29363d; } + +.navbar-divider { + background-color: rgba(0, 0, 0, 0.075); } + +@media (min-width: 992px) { + .brand-minimized .app-header.navbar .navbar-brand { + width: 50px; + background-color: #fff; + background-image: url("../img/logo-symbol.png"); + background-size: 24px; + border-bottom: 1px solid #c2cfd6; } } + +.progress-xs { + height: 4px; } + +.progress-sm { + height: 8px; } + +.progress-white { + background-color: rgba(255, 255, 255, 0.2) !important; } + .progress-white .progress-bar { + background-color: #fff; } + +.sidebar { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding: 0; + color: #fff; + background: #29363d; } + .sidebar .sidebar-close { + position: absolute; + right: 0; + display: none; + padding: 0 1rem; + font-size: 24px; + font-weight: 800; + line-height: 55px; + color: #fff; + background: 0; + border: 0; + opacity: .8; } + .sidebar .sidebar-close:hover { + opacity: 1; } + .sidebar .sidebar-header { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding: 0.75rem 1rem; + text-align: center; + background: rgba(0, 0, 0, 0.2); } + .sidebar .sidebar-form .form-control { + color: #fff; + background: #151b1f; + border: 0; } + .sidebar .sidebar-form .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.7); } + .sidebar .sidebar-form .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.7); } + .sidebar .sidebar-form .form-control::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.7); } + .sidebar .sidebar-form .form-control::placeholder { + color: rgba(255, 255, 255, 0.7); } + .sidebar .sidebar-nav { + position: relative; + -ms-flex: 1; + flex: 1; + overflow-x: hidden; + overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + width: 200px; } + .sidebar .sidebar-nav::-webkit-scrollbar { + position: absolute; + width: 10px; + margin-left: -10px; + -webkit-appearance: none; } + .sidebar .sidebar-nav::-webkit-scrollbar-track { + background-color: #33444c; + border-right: 1px solid #1f292e; + border-left: 1px solid #1f292e; } + .sidebar .sidebar-nav::-webkit-scrollbar-thumb { + height: 50px; + background-color: #151b1f; + background-clip: content-box; + border-color: transparent; + border-style: solid; + border-width: 1px 2px; } + .sidebar .nav { + width: 200px; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100%; } + .sidebar .nav-title { + padding: 0.75rem 1rem; + font-size: 11px; + font-weight: 600; + color: #c2cfd6; + text-transform: uppercase; } + .sidebar .nav-divider, .sidebar .divider { + height: 10px; } + .sidebar .nav-item { + position: relative; + margin: 0; + transition: background .3s ease-in-out; } + .sidebar .nav-dropdown-items { + max-height: 0; + padding: 0; + margin: 0; + overflow-y: hidden; + transition: max-height .3s ease-in-out; } + .sidebar .nav-dropdown-items .nav-item { + padding: 0; + list-style: none; } + .sidebar .nav-link, .sidebar .navbar .dropdown-toggle, .navbar .sidebar .dropdown-toggle { + display: block; + padding: 0.75rem 1rem; + color: #fff; + text-decoration: none; + background: transparent; } + .sidebar .nav-link i, .sidebar .navbar .dropdown-toggle i, .navbar .sidebar .dropdown-toggle i { + display: inline-block; + width: 20px; + margin: 0 0.5rem 0 0; + font-size: 14px; + color: #536c79; + text-align: center; } + .sidebar .nav-link .badge, .sidebar .navbar .dropdown-toggle .badge, .navbar .sidebar .dropdown-toggle .badge { + float: right; + margin-top: 2px; } + .sidebar .nav-link.active, .sidebar .navbar .active.dropdown-toggle, .navbar .sidebar .active.dropdown-toggle { + color: #fff; + background: #33444c; } + .sidebar .nav-link.active i, .sidebar .navbar .active.dropdown-toggle i, .navbar .sidebar .active.dropdown-toggle i { + color: #20a8d8; } + .sidebar .nav-link:hover, .sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar .dropdown-toggle:hover { + color: #fff; + background: #20a8d8; } + .sidebar .nav-link:hover i, .sidebar .navbar .dropdown-toggle:hover i, .navbar .sidebar .dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link:hover.nav-dropdown-toggle::before, .sidebar .navbar .dropdown-toggle:hover.nav-dropdown-toggle::before, .navbar .sidebar .dropdown-toggle:hover.nav-dropdown-toggle::before { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); } + .sidebar .nav-link.nav-link-primary, .sidebar .navbar .nav-link-primary.dropdown-toggle, .navbar .sidebar .nav-link-primary.dropdown-toggle { + background: #20a8d8; } + .sidebar .nav-link.nav-link-primary i, .sidebar .navbar .nav-link-primary.dropdown-toggle i, .navbar .sidebar .nav-link-primary.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-primary:hover, .sidebar .navbar .nav-link-primary.dropdown-toggle:hover, .navbar .sidebar .nav-link-primary.dropdown-toggle:hover { + background: #1d97c2 !important; } + .sidebar .nav-link.nav-link-primary:hover i, .sidebar .navbar .nav-link-primary.dropdown-toggle:hover i, .navbar .sidebar .nav-link-primary.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-secondary, .sidebar .navbar .nav-link-secondary.dropdown-toggle, .navbar .sidebar .nav-link-secondary.dropdown-toggle { + background: #a4b7c1; } + .sidebar .nav-link.nav-link-secondary i, .sidebar .navbar .nav-link-secondary.dropdown-toggle i, .navbar .sidebar .nav-link-secondary.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-secondary:hover, .sidebar .navbar .nav-link-secondary.dropdown-toggle:hover, .navbar .sidebar .nav-link-secondary.dropdown-toggle:hover { + background: #95abb7 !important; } + .sidebar .nav-link.nav-link-secondary:hover i, .sidebar .navbar .nav-link-secondary.dropdown-toggle:hover i, .navbar .sidebar .nav-link-secondary.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-success, .sidebar .navbar .nav-link-success.dropdown-toggle, .navbar .sidebar .nav-link-success.dropdown-toggle { + background: #4dbd74; } + .sidebar .nav-link.nav-link-success i, .sidebar .navbar .nav-link-success.dropdown-toggle i, .navbar .sidebar .nav-link-success.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-success:hover, .sidebar .navbar .nav-link-success.dropdown-toggle:hover, .navbar .sidebar .nav-link-success.dropdown-toggle:hover { + background: #41af67 !important; } + .sidebar .nav-link.nav-link-success:hover i, .sidebar .navbar .nav-link-success.dropdown-toggle:hover i, .navbar .sidebar .nav-link-success.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-info, .sidebar .navbar .nav-link-info.dropdown-toggle, .navbar .sidebar .nav-link-info.dropdown-toggle { + background: #63c2de; } + .sidebar .nav-link.nav-link-info i, .sidebar .navbar .nav-link-info.dropdown-toggle i, .navbar .sidebar .nav-link-info.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-info:hover, .sidebar .navbar .nav-link-info.dropdown-toggle:hover, .navbar .sidebar .nav-link-info.dropdown-toggle:hover { + background: #4ebada !important; } + .sidebar .nav-link.nav-link-info:hover i, .sidebar .navbar .nav-link-info.dropdown-toggle:hover i, .navbar .sidebar .nav-link-info.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-warning, .sidebar .navbar .nav-link-warning.dropdown-toggle, .navbar .sidebar .nav-link-warning.dropdown-toggle { + background: #ffc107; } + .sidebar .nav-link.nav-link-warning i, .sidebar .navbar .nav-link-warning.dropdown-toggle i, .navbar .sidebar .nav-link-warning.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-warning:hover, .sidebar .navbar .nav-link-warning.dropdown-toggle:hover, .navbar .sidebar .nav-link-warning.dropdown-toggle:hover { + background: #edb100 !important; } + .sidebar .nav-link.nav-link-warning:hover i, .sidebar .navbar .nav-link-warning.dropdown-toggle:hover i, .navbar .sidebar .nav-link-warning.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-danger, .sidebar .navbar .nav-link-danger.dropdown-toggle, .navbar .sidebar .nav-link-danger.dropdown-toggle { + background: #f86c6b; } + .sidebar .nav-link.nav-link-danger i, .sidebar .navbar .nav-link-danger.dropdown-toggle i, .navbar .sidebar .nav-link-danger.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-danger:hover, .sidebar .navbar .nav-link-danger.dropdown-toggle:hover, .navbar .sidebar .nav-link-danger.dropdown-toggle:hover { + background: #f75453 !important; } + .sidebar .nav-link.nav-link-danger:hover i, .sidebar .navbar .nav-link-danger.dropdown-toggle:hover i, .navbar .sidebar .nav-link-danger.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-light, .sidebar .navbar .nav-link-light.dropdown-toggle, .navbar .sidebar .nav-link-light.dropdown-toggle { + background: #f0f3f5; } + .sidebar .nav-link.nav-link-light i, .sidebar .navbar .nav-link-light.dropdown-toggle i, .navbar .sidebar .nav-link-light.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-light:hover, .sidebar .navbar .nav-link-light.dropdown-toggle:hover, .navbar .sidebar .nav-link-light.dropdown-toggle:hover { + background: #e1e7eb !important; } + .sidebar .nav-link.nav-link-light:hover i, .sidebar .navbar .nav-link-light.dropdown-toggle:hover i, .navbar .sidebar .nav-link-light.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-link.nav-link-dark, .sidebar .navbar .nav-link-dark.dropdown-toggle, .navbar .sidebar .nav-link-dark.dropdown-toggle { + background: #29363d; } + .sidebar .nav-link.nav-link-dark i, .sidebar .navbar .nav-link-dark.dropdown-toggle i, .navbar .sidebar .nav-link-dark.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); } + .sidebar .nav-link.nav-link-dark:hover, .sidebar .navbar .nav-link-dark.dropdown-toggle:hover, .navbar .sidebar .nav-link-dark.dropdown-toggle:hover { + background: #1f292e !important; } + .sidebar .nav-link.nav-link-dark:hover i, .sidebar .navbar .nav-link-dark.dropdown-toggle:hover i, .navbar .sidebar .nav-link-dark.dropdown-toggle:hover i { + color: #fff; } + .sidebar .nav-dropdown-toggle { + position: relative; } + .sidebar .nav-dropdown-toggle::before { + position: absolute; + top: 50%; + right: 1rem; + display: block; + width: 8px; + height: 8px; + padding: 0; + margin-top: -4px; + content: ""; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s; } + .sidebar .nav-dropdown.open { + background: rgba(0, 0, 0, 0.2); } + .sidebar .nav-dropdown.open > .nav-dropdown-items { + max-height: 1000px; } + .sidebar .nav-dropdown.open .nav-link, .sidebar .nav-dropdown.open .navbar .dropdown-toggle, .navbar .sidebar .nav-dropdown.open .dropdown-toggle { + color: #fff; + border-left: 0 !important; } + .sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before, .sidebar .navbar .nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar .nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); } + .sidebar .nav-dropdown.open .nav-dropdown.open { + border-left: 0; } + .sidebar .nav-label { + display: block; + padding: 0.09375rem 1rem; + color: #c2cfd6; } + .sidebar .nav-label:hover { + color: #fff; + text-decoration: none; } + .sidebar .nav-label i { + width: 20px; + margin: -3px 0.5rem 0 0; + font-size: 10px; + color: #536c79; + text-align: center; + vertical-align: middle; } + .sidebar .progress { + background-color: #485f6b !important; } + .sidebar .sidebar-footer { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding: 0.75rem 1rem; + background: rgba(0, 0, 0, 0.2); } + .sidebar .sidebar-minimizer { + position: relative; + -ms-flex: 0 0 50px; + flex: 0 0 50px; + background-color: rgba(0, 0, 0, 0.2); + border: 0; } + .sidebar .sidebar-minimizer::before { + position: absolute; + top: 0; + right: 0; + width: 50px; + height: 50px; + content: ""; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + background-size: 12.5px; + transition: .3s; } + .sidebar .sidebar-minimizer:focus, .sidebar .sidebar-minimizer.focus { + outline: 0; } + .sidebar .sidebar-minimizer:hover { + background-color: rgba(0, 0, 0, 0.3); } + .sidebar .sidebar-minimizer:hover::before { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); } + +@media (min-width: 992px) { + .sidebar-compact .sidebar .sidebar-nav { + width: 150px; } + .sidebar-compact .sidebar .nav { + width: 150px; } + .sidebar-compact .sidebar .nav .nav-title { + text-align: center; } + .sidebar-compact .sidebar .nav .nav-item { + width: 150px; + border-left: 0 !important; } + .sidebar-compact .sidebar .nav .nav-item .nav-link, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle { + text-align: center; } + .sidebar-compact .sidebar .nav .nav-item .nav-link i, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle i, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle i { + display: block; + width: 100%; + margin: 0.25rem 0; + font-size: 24px; } + .sidebar-compact .sidebar .nav .nav-item .nav-link .badge, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle .badge, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle .badge { + position: absolute; + top: 18px; + right: 10px; } + .sidebar-compact .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before, .sidebar-compact .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar-compact .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before { + top: 30px; } + .sidebar-minimized .hidden-cn { + display: none; } + .sidebar-minimized .sidebar { + z-index: 1019; } + .sidebar-minimized .sidebar .sidebar-nav { + overflow: visible; + width: 50px; } + .sidebar-minimized .sidebar .nav { + width: 50px; } + .sidebar-minimized .sidebar .nav-divider, .sidebar-minimized .sidebar .divider, + .sidebar-minimized .sidebar .nav-title, + .sidebar-minimized .sidebar .sidebar-footer, + .sidebar-minimized .sidebar .sidebar-form, + .sidebar-minimized .sidebar .sidebar-header { + display: none; } + .sidebar-minimized .sidebar .sidebar-minimizer::before { + width: 100%; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); } + .sidebar-minimized .sidebar .nav-item { + width: 50px; + overflow: hidden; + border-left: 0 !important; } + .sidebar-minimized .sidebar .nav-item:hover { + width: 250px; + overflow: visible; } + .sidebar-minimized .sidebar .nav-item:hover > .nav-link, .sidebar-minimized .sidebar .navbar .nav-item:hover > .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav-item:hover > .dropdown-toggle { + background: #20a8d8; } + .sidebar-minimized .sidebar .nav-item:hover > .nav-link i, .sidebar-minimized .sidebar .navbar .nav-item:hover > .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .nav-item:hover > .dropdown-toggle i { + color: #fff; } + .sidebar-minimized .sidebar .nav-link, .sidebar-minimized .sidebar .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .dropdown-toggle { + position: relative; + padding-left: 0; + margin: 0; + white-space: nowrap; + border-left: 0 !important; } + .sidebar-minimized .sidebar .nav-link i, .sidebar-minimized .sidebar .navbar .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .dropdown-toggle i { + display: block; + float: left; + width: 50px; + font-size: 18px; } + .sidebar-minimized .sidebar .nav-link .badge, .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge, .navbar .sidebar-minimized .sidebar .dropdown-toggle .badge { + position: absolute; + right: 15px; + display: none; } + .sidebar-minimized .sidebar .nav-link:hover, .sidebar-minimized .sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar-minimized .sidebar .dropdown-toggle:hover { + width: 250px; + background: #20a8d8; } + .sidebar-minimized .sidebar .nav-link:hover .badge, .sidebar-minimized .sidebar .navbar .dropdown-toggle:hover .badge, .navbar .sidebar-minimized .sidebar .dropdown-toggle:hover .badge { + display: inline; } + .sidebar-minimized .sidebar .nav-link.nav-dropdown-toggle::before, .sidebar-minimized .sidebar .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar-minimized .sidebar .nav-dropdown-toggle.dropdown-toggle::before { + display: none; } + .sidebar-minimized .sidebar .nav-dropdown-items .nav-item { + width: 200px; } + .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link, .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .dropdown-toggle { + width: 200px; } + .sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items { + display: none; + max-height: 1000px; + background: #29363d; } + .sidebar-minimized .sidebar .nav > .nav-dropdown:hover { + background: #20a8d8; } + .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items { + position: absolute; + left: 50px; + display: inline; } } + +.switch.switch-default { + position: relative; + display: inline-block; + vertical-align: top; + width: 40px; + height: 24px; + background-color: transparent; + cursor: pointer; } + .switch.switch-default .switch-input { + position: absolute; + top: 0; + left: 0; + opacity: 0; } + .switch.switch-default .switch-label { + position: relative; + display: block; + height: inherit; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + background-color: #fff; + border: 1px solid #c2cfd6; + border-radius: 2px; + transition: opacity background .15s ease-out; } + .switch.switch-default .switch-input:checked ~ .switch-label::before { + opacity: 0; } + .switch.switch-default .switch-input:checked ~ .switch-label::after { + opacity: 1; } + .switch.switch-default .switch-handle { + position: absolute; + top: 2px; + left: 2px; + width: 20px; + height: 20px; + background: #fff; + border: 1px solid #c2cfd6; + border-radius: 1px; + transition: left .15s ease-out; } + .switch.switch-default .switch-input:checked ~ .switch-handle { + left: 18px; } + .switch.switch-default.switch-lg { + width: 48px; + height: 28px; } + .switch.switch-default.switch-lg .switch-label { + font-size: 12px; } + .switch.switch-default.switch-lg .switch-handle { + width: 24px; + height: 24px; } + .switch.switch-default.switch-lg .switch-input:checked ~ .switch-handle { + left: 22px; } + .switch.switch-default.switch-sm { + width: 32px; + height: 20px; } + .switch.switch-default.switch-sm .switch-label { + font-size: 8px; } + .switch.switch-default.switch-sm .switch-handle { + width: 16px; + height: 16px; } + .switch.switch-default.switch-sm .switch-input:checked ~ .switch-handle { + left: 14px; } + .switch.switch-default.switch-xs { + width: 24px; + height: 16px; } + .switch.switch-default.switch-xs .switch-label { + font-size: 7px; } + .switch.switch-default.switch-xs .switch-handle { + width: 12px; + height: 12px; } + .switch.switch-default.switch-xs .switch-input:checked ~ .switch-handle { + left: 10px; } + +.switch.switch-text { + position: relative; + display: inline-block; + vertical-align: top; + width: 48px; + height: 24px; + background-color: transparent; + cursor: pointer; } + .switch.switch-text .switch-input { + position: absolute; + top: 0; + left: 0; + opacity: 0; } + .switch.switch-text .switch-label { + position: relative; + display: block; + height: inherit; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + background-color: #fff; + border: 1px solid #c2cfd6; + border-radius: 2px; + transition: opacity background .15s ease-out; } + .switch.switch-text .switch-label::before, + .switch.switch-text .switch-label::after { + position: absolute; + top: 50%; + width: 50%; + margin-top: -.5em; + line-height: 1; + text-align: center; + transition: inherit; } + .switch.switch-text .switch-label::before { + right: 1px; + color: #c2cfd6; + content: attr(data-off); } + .switch.switch-text .switch-label::after { + left: 1px; + color: #fff; + content: attr(data-on); + opacity: 0; } + .switch.switch-text .switch-input:checked ~ .switch-label::before { + opacity: 0; } + .switch.switch-text .switch-input:checked ~ .switch-label::after { + opacity: 1; } + .switch.switch-text .switch-handle { + position: absolute; + top: 2px; + left: 2px; + width: 20px; + height: 20px; + background: #fff; + border: 1px solid #c2cfd6; + border-radius: 1px; + transition: left .15s ease-out; } + .switch.switch-text .switch-input:checked ~ .switch-handle { + left: 26px; } + .switch.switch-text.switch-lg { + width: 56px; + height: 28px; } + .switch.switch-text.switch-lg .switch-label { + font-size: 12px; } + .switch.switch-text.switch-lg .switch-handle { + width: 24px; + height: 24px; } + .switch.switch-text.switch-lg .switch-input:checked ~ .switch-handle { + left: 30px; } + .switch.switch-text.switch-sm { + width: 40px; + height: 20px; } + .switch.switch-text.switch-sm .switch-label { + font-size: 8px; } + .switch.switch-text.switch-sm .switch-handle { + width: 16px; + height: 16px; } + .switch.switch-text.switch-sm .switch-input:checked ~ .switch-handle { + left: 22px; } + .switch.switch-text.switch-xs { + width: 32px; + height: 16px; } + .switch.switch-text.switch-xs .switch-label { + font-size: 7px; } + .switch.switch-text.switch-xs .switch-handle { + width: 12px; + height: 12px; } + .switch.switch-text.switch-xs .switch-input:checked ~ .switch-handle { + left: 18px; } + +.switch.switch-icon { + position: relative; + display: inline-block; + vertical-align: top; + width: 48px; + height: 24px; + background-color: transparent; + cursor: pointer; } + .switch.switch-icon .switch-input { + position: absolute; + top: 0; + left: 0; + opacity: 0; } + .switch.switch-icon .switch-label { + position: relative; + display: block; + height: inherit; + font-family: FontAwesome; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + background-color: #fff; + border: 1px solid #c2cfd6; + border-radius: 2px; + transition: opacity background .15s ease-out; } + .switch.switch-icon .switch-label::before, + .switch.switch-icon .switch-label::after { + position: absolute; + top: 50%; + width: 50%; + margin-top: -.5em; + line-height: 1; + text-align: center; + transition: inherit; } + .switch.switch-icon .switch-label::before { + right: 1px; + color: #c2cfd6; + content: attr(data-off); } + .switch.switch-icon .switch-label::after { + left: 1px; + color: #fff; + content: attr(data-on); + opacity: 0; } + .switch.switch-icon .switch-input:checked ~ .switch-label::before { + opacity: 0; } + .switch.switch-icon .switch-input:checked ~ .switch-label::after { + opacity: 1; } + .switch.switch-icon .switch-handle { + position: absolute; + top: 2px; + left: 2px; + width: 20px; + height: 20px; + background: #fff; + border: 1px solid #c2cfd6; + border-radius: 1px; + transition: left .15s ease-out; } + .switch.switch-icon .switch-input:checked ~ .switch-handle { + left: 26px; } + .switch.switch-icon.switch-lg { + width: 56px; + height: 28px; } + .switch.switch-icon.switch-lg .switch-label { + font-size: 12px; } + .switch.switch-icon.switch-lg .switch-handle { + width: 24px; + height: 24px; } + .switch.switch-icon.switch-lg .switch-input:checked ~ .switch-handle { + left: 30px; } + .switch.switch-icon.switch-sm { + width: 40px; + height: 20px; } + .switch.switch-icon.switch-sm .switch-label { + font-size: 8px; } + .switch.switch-icon.switch-sm .switch-handle { + width: 16px; + height: 16px; } + .switch.switch-icon.switch-sm .switch-input:checked ~ .switch-handle { + left: 22px; } + .switch.switch-icon.switch-xs { + width: 32px; + height: 16px; } + .switch.switch-icon.switch-xs .switch-label { + font-size: 7px; } + .switch.switch-icon.switch-xs .switch-handle { + width: 12px; + height: 12px; } + .switch.switch-icon.switch-xs .switch-input:checked ~ .switch-handle { + left: 18px; } + +.switch.switch-3d { + position: relative; + display: inline-block; + vertical-align: top; + width: 40px; + height: 24px; + background-color: transparent; + cursor: pointer; } + .switch.switch-3d .switch-input { + position: absolute; + top: 0; + left: 0; + opacity: 0; } + .switch.switch-3d .switch-label { + position: relative; + display: block; + height: inherit; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + background-color: #f0f3f5; + border: 1px solid #c2cfd6; + border-radius: 2px; + transition: opacity background .15s ease-out; } + .switch.switch-3d .switch-input:checked ~ .switch-label::before { + opacity: 0; } + .switch.switch-3d .switch-input:checked ~ .switch-label::after { + opacity: 1; } + .switch.switch-3d .switch-handle { + position: absolute; + top: 0; + left: 0; + width: 24px; + height: 24px; + background: #fff; + border: 1px solid #c2cfd6; + border-radius: 1px; + transition: left .15s ease-out; + border: 0; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } + .switch.switch-3d .switch-input:checked ~ .switch-handle { + left: 16px; } + .switch.switch-3d.switch-lg { + width: 48px; + height: 28px; } + .switch.switch-3d.switch-lg .switch-label { + font-size: 12px; } + .switch.switch-3d.switch-lg .switch-handle { + width: 28px; + height: 28px; } + .switch.switch-3d.switch-lg .switch-input:checked ~ .switch-handle { + left: 20px; } + .switch.switch-3d.switch-sm { + width: 32px; + height: 20px; } + .switch.switch-3d.switch-sm .switch-label { + font-size: 8px; } + .switch.switch-3d.switch-sm .switch-handle { + width: 20px; + height: 20px; } + .switch.switch-3d.switch-sm .switch-input:checked ~ .switch-handle { + left: 12px; } + .switch.switch-3d.switch-xs { + width: 24px; + height: 16px; } + .switch.switch-3d.switch-xs .switch-label { + font-size: 7px; } + .switch.switch-3d.switch-xs .switch-handle { + width: 16px; + height: 16px; } + .switch.switch-3d.switch-xs .switch-input:checked ~ .switch-handle { + left: 8px; } + +.switch-pill .switch-label, .switch.switch-3d .switch-label, +.switch-pill .switch-handle, .switch.switch-3d .switch-handle { + border-radius: 50em !important; } + +.switch-pill .switch-label::before, .switch.switch-3d .switch-label::before { + right: 2px !important; } + +.switch-pill .switch-label::after, .switch.switch-3d .switch-label::after { + left: 2px !important; } + +.switch-primary > .switch-input:checked ~ .switch-label { + background: #20a8d8 !important; + border-color: #1985ac; } + +.switch-primary > .switch-input:checked ~ .switch-handle { + border-color: #1985ac; } + +.switch-primary-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #20a8d8; } + .switch-primary-outline > .switch-input:checked ~ .switch-label::after { + color: #20a8d8; } + +.switch-primary-outline > .switch-input:checked ~ .switch-handle { + border-color: #20a8d8; } + +.switch-primary-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #20a8d8; } + .switch-primary-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #20a8d8; } + +.switch-primary-outline-alt > .switch-input:checked ~ .switch-handle { + background: #20a8d8 !important; + border-color: #20a8d8; } + +.switch-secondary > .switch-input:checked ~ .switch-label { + background: #a4b7c1 !important; + border-color: #869fac; } + +.switch-secondary > .switch-input:checked ~ .switch-handle { + border-color: #869fac; } + +.switch-secondary-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #a4b7c1; } + .switch-secondary-outline > .switch-input:checked ~ .switch-label::after { + color: #a4b7c1; } + +.switch-secondary-outline > .switch-input:checked ~ .switch-handle { + border-color: #a4b7c1; } + +.switch-secondary-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #a4b7c1; } + .switch-secondary-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #a4b7c1; } + +.switch-secondary-outline-alt > .switch-input:checked ~ .switch-handle { + background: #a4b7c1 !important; + border-color: #a4b7c1; } + +.switch-success > .switch-input:checked ~ .switch-label { + background: #4dbd74 !important; + border-color: #3a9d5d; } + +.switch-success > .switch-input:checked ~ .switch-handle { + border-color: #3a9d5d; } + +.switch-success-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #4dbd74; } + .switch-success-outline > .switch-input:checked ~ .switch-label::after { + color: #4dbd74; } + +.switch-success-outline > .switch-input:checked ~ .switch-handle { + border-color: #4dbd74; } + +.switch-success-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #4dbd74; } + .switch-success-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #4dbd74; } + +.switch-success-outline-alt > .switch-input:checked ~ .switch-handle { + background: #4dbd74 !important; + border-color: #4dbd74; } + +.switch-info > .switch-input:checked ~ .switch-label { + background: #63c2de !important; + border-color: #39b2d5; } + +.switch-info > .switch-input:checked ~ .switch-handle { + border-color: #39b2d5; } + +.switch-info-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #63c2de; } + .switch-info-outline > .switch-input:checked ~ .switch-label::after { + color: #63c2de; } + +.switch-info-outline > .switch-input:checked ~ .switch-handle { + border-color: #63c2de; } + +.switch-info-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #63c2de; } + .switch-info-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #63c2de; } + +.switch-info-outline-alt > .switch-input:checked ~ .switch-handle { + background: #63c2de !important; + border-color: #63c2de; } + +.switch-warning > .switch-input:checked ~ .switch-label { + background: #ffc107 !important; + border-color: #d39e00; } + +.switch-warning > .switch-input:checked ~ .switch-handle { + border-color: #d39e00; } + +.switch-warning-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #ffc107; } + .switch-warning-outline > .switch-input:checked ~ .switch-label::after { + color: #ffc107; } + +.switch-warning-outline > .switch-input:checked ~ .switch-handle { + border-color: #ffc107; } + +.switch-warning-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #ffc107; } + .switch-warning-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #ffc107; } + +.switch-warning-outline-alt > .switch-input:checked ~ .switch-handle { + background: #ffc107 !important; + border-color: #ffc107; } + +.switch-danger > .switch-input:checked ~ .switch-label { + background: #f86c6b !important; + border-color: #f63c3a; } + +.switch-danger > .switch-input:checked ~ .switch-handle { + border-color: #f63c3a; } + +.switch-danger-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #f86c6b; } + .switch-danger-outline > .switch-input:checked ~ .switch-label::after { + color: #f86c6b; } + +.switch-danger-outline > .switch-input:checked ~ .switch-handle { + border-color: #f86c6b; } + +.switch-danger-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #f86c6b; } + .switch-danger-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #f86c6b; } + +.switch-danger-outline-alt > .switch-input:checked ~ .switch-handle { + background: #f86c6b !important; + border-color: #f86c6b; } + +.switch-light > .switch-input:checked ~ .switch-label { + background: #f0f3f5 !important; + border-color: #d1dbe1; } + +.switch-light > .switch-input:checked ~ .switch-handle { + border-color: #d1dbe1; } + +.switch-light-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #f0f3f5; } + .switch-light-outline > .switch-input:checked ~ .switch-label::after { + color: #f0f3f5; } + +.switch-light-outline > .switch-input:checked ~ .switch-handle { + border-color: #f0f3f5; } + +.switch-light-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #f0f3f5; } + .switch-light-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #f0f3f5; } + +.switch-light-outline-alt > .switch-input:checked ~ .switch-handle { + background: #f0f3f5 !important; + border-color: #f0f3f5; } + +.switch-dark > .switch-input:checked ~ .switch-label { + background: #29363d !important; + border-color: #151b1f; } + +.switch-dark > .switch-input:checked ~ .switch-handle { + border-color: #151b1f; } + +.switch-dark-outline > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #29363d; } + .switch-dark-outline > .switch-input:checked ~ .switch-label::after { + color: #29363d; } + +.switch-dark-outline > .switch-input:checked ~ .switch-handle { + border-color: #29363d; } + +.switch-dark-outline-alt > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: #29363d; } + .switch-dark-outline-alt > .switch-input:checked ~ .switch-label::after { + color: #29363d; } + +.switch-dark-outline-alt > .switch-input:checked ~ .switch-handle { + background: #29363d !important; + border-color: #29363d; } + +.table-outline { + border: 1px solid #c2cfd6; } + .table-outline td { + vertical-align: middle; } + +.table-align-middle td { + vertical-align: middle; } + +.table-clear td { + border: 0; } + +.social-box { + min-height: 160px; + margin-bottom: 1.5rem; + text-align: center; + background: #fff; + border: 1px solid #c2cfd6; } + .social-box i { + display: block; + margin: -1px -1px 0; + font-size: 40px; + line-height: 90px; + background: #c2cfd6; } + .social-box .chart-wrapper { + height: 90px; + margin: -90px 0 0; } + .social-box .chart-wrapper canvas { + width: 100% !important; + height: 90px !important; } + .social-box ul { + padding: 10px 0; + list-style: none; } + .social-box ul li { + display: block; + float: left; + width: 50%; } + .social-box ul li:first-child { + border-right: 1px solid #c2cfd6; } + .social-box ul li strong { + display: block; + font-size: 20px; } + .social-box ul li span { + font-size: 10px; + font-weight: 500; + color: #c2cfd6; + text-transform: uppercase; } + .social-box.facebook i { + color: #fff; + background: #3b5998; } + .social-box.twitter i { + color: #fff; + background: #00aced; } + .social-box.linkedin i { + color: #fff; + background: #4875b4; } + .social-box.google-plus i { + color: #fff; + background: #d34836; } + +.horizontal-bars { + padding: 0; + margin: 0; + list-style: none; } + .horizontal-bars li { + position: relative; + height: 40px; + line-height: 40px; + vertical-align: middle; } + .horizontal-bars li .title { + width: 100px; + font-size: 12px; + font-weight: 600; + color: #536c79; + vertical-align: middle; } + .horizontal-bars li .bars { + position: absolute; + top: 15px; + width: 100%; + padding-left: 100px; } + .horizontal-bars li .bars .progress:first-child { + margin-bottom: 2px; } + .horizontal-bars li.legend { + text-align: center; } + .horizontal-bars li.legend .badge { + display: inline-block; + width: 8px; + height: 8px; + padding: 0; } + .horizontal-bars li.divider { + height: 40px; } + .horizontal-bars li.divider i { + margin: 0 !important; } + .horizontal-bars.type-2 li { + overflow: hidden; } + .horizontal-bars.type-2 li i { + display: inline-block; + margin-right: 1rem; + margin-left: 5px; + font-size: 18px; + line-height: 40px; } + .horizontal-bars.type-2 li .title { + display: inline-block; + width: auto; + margin-top: -9px; + font-size: 0.875rem; + font-weight: normal; + line-height: 40px; + color: #151b1e; } + .horizontal-bars.type-2 li .value { + float: right; + font-weight: 600; } + .horizontal-bars.type-2 li .bars { + position: absolute; + top: auto; + bottom: 0; + padding: 0; } + +.icons-list { + padding: 0; + margin: 0; + list-style: none; } + .icons-list li { + position: relative; + height: 40px; + vertical-align: middle; } + .icons-list li i { + display: block; + float: left; + width: 35px !important; + height: 35px !important; + margin: 2px; + line-height: 35px !important; + text-align: center; } + .icons-list li .desc { + height: 40px; + margin-left: 50px; + border-bottom: 1px solid #c2cfd6; } + .icons-list li .desc .title { + padding: 2px 0 0; + margin: 0; } + .icons-list li .desc small { + display: block; + margin-top: -4px; + color: #536c79; } + .icons-list li .value { + position: absolute; + top: 2px; + right: 45px; + text-align: right; } + .icons-list li .value strong { + display: block; + margin-top: -3px; } + .icons-list li .actions { + position: absolute; + top: -4px; + right: 10px; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; } + .icons-list li .actions i { + float: none; + width: auto; + height: auto; + padding: 0; + margin: 0; + line-height: normal; } + .icons-list li.divider { + height: 40px; } + .icons-list li.divider i { + width: auto; + height: auto; + margin: 2px 0 0; + font-size: 18px; } + +@media all and (-ms-high-contrast: none) { + html { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; } } + +.app, +app-dashboard, +app-root { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100vh; } + +.app-header { + -ms-flex: 0 0 55px; + flex: 0 0 55px; } + +.app-footer { + -ms-flex: 0 0 50px; + flex: 0 0 50px; } + +.app-body { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-positive: 1; + flex-grow: 1; + overflow-x: hidden; } + .app-body .main { + -ms-flex: 1; + flex: 1; + min-width: 0; } + .app-body .sidebar { + -ms-flex: 0 0 200px; + flex: 0 0 200px; + -ms-flex-order: -1; + order: -1; } + .app-body .aside-menu { + -ms-flex: 0 0 250px; + flex: 0 0 250px; } + +.header-fixed .app-header { + position: fixed; + z-index: 1020; + width: 100%; } + +.header-fixed .app-body { + margin-top: 55px; } + +.sidebar-hidden .sidebar { + margin-left: -200px; } + +.sidebar-fixed .sidebar { + position: fixed; + z-index: 1019; + width: 200px; + height: calc(100vh - 55px); } + +.sidebar-fixed .main, .sidebar-fixed .app-footer { + margin-left: 200px; } + +.sidebar-fixed.sidebar-hidden .main, .sidebar-fixed.sidebar-hidden .app-footer { + margin-left: 0; } + +.sidebar-off-canvas .sidebar { + position: fixed; + z-index: 1019; + height: calc(100vh - 55px); } + +@media (min-width: 992px) { + .sidebar-compact .sidebar { + -ms-flex: 0 0 150px; + flex: 0 0 150px; } + .sidebar-compact.sidebar-hidden .sidebar { + margin-left: -150px; } + .sidebar-compact.sidebar-fixed .main, .sidebar-compact.sidebar-fixed .app-footer { + margin-left: 150px; } + .sidebar-compact.sidebar-fixed .sidebar { + width: 150px; } + .sidebar-compact.sidebar-fixed.sidebar-hidden .main, .sidebar-compact.sidebar-fixed.sidebar-hidden .app-footer { + margin-left: 0; } + .sidebar-minimized .sidebar { + -ms-flex: 0 0 50px; + flex: 0 0 50px; } + .sidebar-minimized.sidebar-hidden .sidebar { + margin-left: -50px; } + .sidebar-minimized.sidebar-fixed .main, .sidebar-minimized.sidebar-fixed .app-footer { + margin-left: 50px; } + .sidebar-minimized.sidebar-fixed .sidebar { + width: 50px; } + .sidebar-minimized.sidebar-fixed.sidebar-hidden .main, .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer { + margin-left: 0; } } + +.aside-menu-hidden .aside-menu { + margin-right: -250px; } + +.aside-menu-fixed .aside-menu { + position: fixed; + right: 0; + height: 100%; } + .aside-menu-fixed .aside-menu .tab-content { + height: calc(100vh - 2.375rem - 55px); } + +.aside-menu-fixed .main, .aside-menu-fixed .app-footer { + margin-right: 250px; } + +.aside-menu-fixed.aside-menu-hidden .main, .aside-menu-fixed.aside-menu-hidden .app-footer { + margin-right: 0; } + +.aside-menu-off-canvas .aside-menu { + position: fixed; + right: 0; + z-index: 1019; + height: 100%; } + .aside-menu-off-canvas .aside-menu .tab-content { + height: calc(100vh - 2.375rem - 55px); } + +.breadcrumb-fixed .main { + padding-top: 3.875rem; } + +.breadcrumb-fixed .breadcrumb { + position: fixed; + top: 55px; + right: 0; + left: 0; + z-index: 1018; } + +.breadcrumb-fixed .main:nth-child(2) .breadcrumb { + right: 250px; + left: 200px; } + +.breadcrumb-fixed .main:first-child .breadcrumb { + right: 250px; + left: 0; } + +.breadcrumb-fixed .main:last-child .breadcrumb { + right: 0; } + +.breadcrumb-fixed.sidebar-minimized .main .breadcrumb { + left: 50px; } + +.breadcrumb-fixed.sidebar-hidden .main .breadcrumb, .breadcrumb-fixed.sidebar-off-canvas .main .breadcrumb { + left: 0; } + +.breadcrumb-fixed.aside-menu-hidden .main .breadcrumb, .breadcrumb-fixed.aside-menu-off-canvas .main .breadcrumb { + right: 0; } + +.footer-fixed .app-footer { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1020; + height: 50px; } + +.footer-fixed .app-body { + margin-bottom: 50px; } + +.app-header, +.app-footer, +.sidebar, +.main, +.aside-menu { + transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s; + transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s; } + +.sidebar-nav { + transition: width 0.25s; } + +.breadcrumb { + transition: left 0.25s, right 0.25s, width 0.25s; } + +@media (max-width: 991px) { + .app-header.navbar { + position: fixed !important; + z-index: 1020; + width: 100%; + text-align: center; + background-color: #fff; + border-bottom: 1px solid #c2cfd6; } + .app-header.navbar .navbar-toggler { + color: #536c79; } + .app-header.navbar .navbar-brand { + position: absolute; + left: 50%; + margin-left: -77.5px; } + .app-body { + margin-top: 55px; } + .breadcrumb-fixed .main:nth-child(2) .breadcrumb { + right: auto; + left: auto; + width: 100%; } + .sidebar { + position: fixed; + z-index: 1019; + width: 220px; + height: calc(100vh - 55px); + margin-left: -220px; } + .sidebar .sidebar-nav, + .sidebar .nav { + width: 220px; + min-height: calc(100vh - 55px); } + .sidebar .sidebar-minimizer { + display: none; } + .main, .app-footer { + margin-left: 0 !important; } + .sidebar-hidden .sidebar { + margin-left: -220px; } + .sidebar-mobile-show .sidebar { + width: 220px; + margin-left: 0; } + .sidebar-mobile-show .main { + margin-right: -220px !important; + margin-left: 220px !important; } } + +hr.transparent { + border-top: 1px solid transparent; } + +.bg-primary, +.bg-success, +.bg-info, +.bg-warning, +.bg-danger, +.bg-inverse { + color: #fff; } + +.b-a-0 { + border: 0 !important; } + +.b-t-0 { + border-top: 0 !important; } + +.b-r-0 { + border-right: 0 !important; } + +.b-b-0 { + border-bottom: 0 !important; } + +.b-l-0 { + border-left: 0 !important; } + +.b-a-1 { + border: 1px solid #c2cfd6 !important; } + +.b-t-1 { + border-top: 1px solid #c2cfd6 !important; } + +.b-r-1 { + border-right: 1px solid #c2cfd6 !important; } + +.b-b-1 { + border-bottom: 1px solid #c2cfd6 !important; } + +.b-l-1 { + border-left: 1px solid #c2cfd6 !important; } + +.b-a-2 { + border: 2px solid #c2cfd6 !important; } + +.b-t-2 { + border-top: 2px solid #c2cfd6 !important; } + +.b-r-2 { + border-right: 2px solid #c2cfd6 !important; } + +.b-b-2 { + border-bottom: 2px solid #c2cfd6 !important; } + +.b-l-2 { + border-left: 2px solid #c2cfd6 !important; } + +@media (max-width: 575px) { + .d-down-none { + display: none !important; } } + +@media (max-width: 767px) { + .d-sm-down-none { + display: none !important; } } + +@media (max-width: 991px) { + .d-md-down-none { + display: none !important; } } + +@media (max-width: 1199px) { + .d-lg-down-none { + display: none !important; } } + +.d-xl-down-none { + display: none !important; } + +.label-pill { + border-radius: 1rem !important; } + +.open > a, .show > a { + outline: 0; } + +.navbar .dropdown-toggle .img-avatar { + height: 35px; + margin: 0 10px; } + +*[dir="rtl"] { + direction: rtl; + unicode-bidi: embed; } + *[dir="rtl"] ul { + -webkit-padding-start: 0; } + *[dir="rtl"] table tr th { + text-align: right; } + *[dir="rtl"] .breadcrumb-item { + float: right; } + *[dir="rtl"] .breadcrumb-menu { + right: auto; + left: 1rem; } + *[dir="rtl"] .dropdown-item { + text-align: right; } + *[dir="rtl"] .dropdown-item i { + margin-right: -10px; + margin-left: 10px; } + *[dir="rtl"] .dropdown-item .badge { + right: auto; + left: 10px; } + *[dir="rtl"] .sidebar-hidden .sidebar { + margin-right: -200px; } + *[dir="rtl"] .sidebar-fixed .main, *[dir="rtl"] .sidebar-fixed .app-footer { + margin-right: 200px; } + *[dir="rtl"] .sidebar-fixed.sidebar-hidden .main, *[dir="rtl"] .sidebar-fixed.sidebar-hidden .app-footer { + margin-right: 0; } + *[dir="rtl"] .sidebar-minimized .sidebar { + -ms-flex: 0 0 50px; + flex: 0 0 50px; } + *[dir="rtl"] .sidebar-minimized.sidebar-hidden .sidebar { + margin-right: -50px; + margin-left: 0; } + *[dir="rtl"] .sidebar-minimized.sidebar-fixed .main, *[dir="rtl"] .sidebar-minimized.sidebar-fixed .app-footer { + margin-right: 50px; } + *[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .main, *[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer { + margin-left: 0; } + *[dir="rtl"] .aside-menu-hidden .aside-menu { + margin-right: 0; + margin-left: -250px; } + *[dir="rtl"] .aside-menu-fixed .aside-menu { + right: auto; + left: 0; } + *[dir="rtl"] .aside-menu-fixed .main, *[dir="rtl"] .aside-menu-fixed .app-footer { + margin-left: 250px; } + *[dir="rtl"] .aside-menu-fixed.aside-menu-hidden .main, *[dir="rtl"] .aside-menu-fixed.aside-menu-hidden .app-footer { + margin-left: 0; } + *[dir="rtl"] .aside-menu-off-canvas .aside-menu { + position: fixed; + right: 0; + z-index: 1019; + height: 100%; } + *[dir="rtl"] .aside-menu-off-canvas .aside-menu .tab-content { + height: calc(100vh - 2.375rem - 55px); } + *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle { + direction: rtl; } + *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link i, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle i, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle i { + margin: 0 0 0 0.5rem; } + *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link .badge, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle .badge, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle .badge { + float: left; + margin-top: 2px; } + *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link.nav-dropdown-toggle::before, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before { + position: absolute; + right: auto !important; + left: 1rem; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-link.nav-dropdown-toggle::before, *[dir="rtl"] .sidebar .sidebar-nav .nav .navbar .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + *[dir="rtl"] .sidebar-minimized .sidebar .nav-link, *[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle, .navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle { + padding-right: 0; } + *[dir="rtl"] .sidebar-minimized .sidebar .nav-link i, *[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle i, .navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle i { + float: right; + padding: 0; + margin: 0; } + *[dir="rtl"] .sidebar-minimized .sidebar .nav-link .badge, *[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge, .navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle .badge { + right: auto; + left: 15px; } + *[dir="rtl"] .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items { + right: 50px; + left: 0; } + *[dir="rtl"] .horizontal-bars li .bars { + padding-right: 100px; + padding-left: 0; } + *[dir="rtl"] .horizontal-bars li .bars .progress:first-child { + margin-bottom: 2px; } + *[dir="rtl"] .horizontal-bars.type-2 li i { + margin-right: 5px; + margin-left: 1rem; } + *[dir="rtl"] .horizontal-bars.type-2 li .value { + float: left; + font-weight: 600; } + *[dir="rtl"] .horizontal-bars.type-2 li .bars { + padding: 0; } + *[dir="rtl"] .icons-list li { + position: relative; + height: 40px; + vertical-align: middle; } + *[dir="rtl"] .icons-list li i { + float: right; } + *[dir="rtl"] .icons-list li .desc { + margin-right: 50px; + margin-left: 0; } + *[dir="rtl"] .icons-list li .value { + right: auto; + left: 45px; + text-align: left; } + *[dir="rtl"] .icons-list li .value strong { + display: block; + margin-top: -3px; } + *[dir="rtl"] .icons-list li .actions { + right: auto; + left: 10px; } + *[dir="rtl"] .callout { + border: 0 solid #c2cfd6; + border-right-width: .25rem; } + *[dir="rtl"] .callout.callout-primary { + border-right-color: #20a8d8; } + *[dir="rtl"] .callout.callout-secondary { + border-right-color: #a4b7c1; } + *[dir="rtl"] .callout.callout-success { + border-right-color: #4dbd74; } + *[dir="rtl"] .callout.callout-info { + border-right-color: #63c2de; } + *[dir="rtl"] .callout.callout-warning { + border-right-color: #ffc107; } + *[dir="rtl"] .callout.callout-danger { + border-right-color: #f86c6b; } + *[dir="rtl"] .callout.callout-light { + border-right-color: #f0f3f5; } + *[dir="rtl"] .callout.callout-dark { + border-right-color: #29363d; } + *[dir="rtl"] .callout .chart-wrapper { + left: 0; + float: left; } + *[dir="rtl"] .callout-default { + border-right-color: #536c79; } diff --git a/static/src/css/style.min.css b/static/src/css/style.min.css new file mode 100644 index 0000000..d29cf92 --- /dev/null +++ b/static/src/css/style.min.css @@ -0,0 +1,12 @@ +@charset "UTF-8";/*! + * CoreUI - Open Source Bootstrap Admin Template + * @version v1.0.6 + * @link http://coreui.io + * Copyright (c) 2017 creativeLabs Łukasz Holeczek + * @license MIT + *//*! + * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com) + * Copyright 2011-2017 The Bootstrap Authors + * Copyright 2011-2017 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */address,dl,ol,p,ul{margin-bottom:1rem}body,caption{text-align:left}dd,h1,h2,h3,h4,h5,h6,label{margin-bottom:.5rem}.switch.switch-3d,.switch.switch-default,.switch.switch-icon,.switch.switch-text{cursor:pointer;vertical-align:top}address,legend{line-height:inherit}progress,sub,sup{vertical-align:baseline}pre,textarea{overflow:auto}.btn-outline-danger,.btn-outline-dark,.btn-outline-info,.btn-outline-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-warning,.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active,.form-control{background-image:none}:root{--gray-dark:#29363d;--blue:#20a8d8;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#f86c6b;--orange:#f8cb00;--yellow:#ffc107;--green:#4dbd74;--teal:#20c997;--cyan:#63c2de;--white:#fff;--gray:#536c79;--primary:#20a8d8;--secondary:#a4b7c1;--success:#4dbd74;--info:#63c2de;--warning:#ffc107;--danger:#f86c6b;--light:#f0f3f5;--dark:#29363d;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,::after,::before{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.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 #ddd!important}}article,aside,dialog,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}label,output{display:inline-block}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:.875rem;font-weight:400;line-height:1.5;color:#151b1e;background-color:#e4e5e6}[tabindex="-1"]:focus{outline:0!important}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#20a8d8;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#167495;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-size:1em}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#536c79;caption-side:bottom}th{text-align:inherit}button{border-radius:0;cursor:pointer}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[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=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{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;color:inherit;white-space:normal}.badge,.btn,.dropdown-header,.dropdown-item,.navbar-brand{white-space:nowrap}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.display-1,.display-2,.display-3,.display-4{line-height:1.2}summary{display:list-item}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.blockquote,hr{margin-bottom:1rem}.display-1,.display-2,.display-3,.display-4,.lead{font-weight:300}.h1,h1{font-size:2.1875rem}.h2,h2{font-size:1.75rem}.h3,h3{font-size:1.53125rem}.h4,h4{font-size:1.3125rem}.h5,h5{font-size:1.09375rem}.h6,h6{font-size:.875rem}.lead{font-size:1.09375rem}.display-1{font-size:6rem}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-4{font-size:3.5rem}hr{box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:5px}.initialism{font-size:90%;text-transform:uppercase}.blockquote{font-size:1.09375rem}.blockquote-footer{display:block;font-size:80%;color:#536c79}code,kbd{font-size:90%}.blockquote-footer::before{content:"\2014 \00A0"}.img-thumbnail{padding:.25rem;background-color:#e4e5e6;border:1px solid #ddd;transition:all .2s ease-in-out}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.table,pre{margin-bottom:1rem}.figure-caption{font-size:90%;color:#536c79}a>code,pre code{padding:0;color:inherit}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{padding:.2rem .4rem;color:#bd4147;background-color:#f0f3f5}a>code{background-color:inherit}kbd{padding:.2rem .4rem;color:#fff;background-color:#151b1e}.table,pre code{background-color:transparent}kbd kbd{padding:0;font-size:100%;font-weight:700}.btn,.btn-link,.dropdown-item{font-weight:400}pre{-ms-overflow-style:scrollbar;display:block;margin-top:0;font-size:90%;color:#151b1e}.form-check-input,.form-text,.valid-feedback{margin-top:.25rem}pre code{font-size:inherit;border-radius:0}.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%}.pre-scrollable{max-height:340px;overflow-y:scroll}@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}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.form-control,.form-control-file,.form-control-range,.form-text{display:block}.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%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.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{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.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%;max-width:100%}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #c2cfd6}.table thead th{vertical-align:bottom;border-bottom:2px solid #c2cfd6}.table tbody+tbody{border-top:2px solid #c2cfd6}.table .table{background-color:#e4e5e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #c2cfd6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#c1e7f4}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#abdff0}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#e6ebee}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#d7dfe4}.table-success,.table-success>td,.table-success>th{background-color:#cdedd8}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#bae6c9}.table-info,.table-info>td,.table-info>th{background-color:#d3eef6}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#bee6f2}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#fdd6d6}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#fcbebe}.table-light,.table-light>td,.table-light>th{background-color:#fbfcfc}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ecf1f1}.table-dark,.table-dark>td,.table-dark>th{background-color:#c3c7c9}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b6babd}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#e4e5e6;background-color:#151b1e;border-color:#252f35}.table .thead-light th{color:#3e515b;background-color:#c2cfd6;border-color:#c2cfd6}.table-dark{color:#e4e5e6;background-color:#151b1e}.table-dark td,.table-dark th,.table-dark thead th{border-color:#252f35}.table-dark.table-bordered,.table-responsive.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{background-color:rgba(255,255,255,.075)}@media (max-width:575px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm.table-bordered{border:0}}@media (max-width:767px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md.table-bordered{border:0}}@media (max-width:991px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg.table-bordered{border:0}}@media (max-width:1199px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.collapsing,.modal,.modal-open,.progress{overflow:hidden}.form-control{width:100%;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;color:#3e515b;background-color:#fff;background-clip:padding-box;border:1px solid #c2cfd6;border-radius:0;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#3e515b;background-color:#fff;border-color:#8ad4ee;outline:0;box-shadow:0 0 0 .2rem rgba(32,168,216,.25)}.custom-file-input.is-valid:focus,.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-file-input:valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{box-shadow:0 0 0 .2rem rgba(77,189,116,.25)}.form-control::-webkit-input-placeholder{color:#536c79;opacity:1}.form-control:-ms-input-placeholder{color:#536c79;opacity:1}.form-control::-ms-input-placeholder{color:#536c79;opacity:1}.form-control::placeholder{color:#536c79;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#c2cfd6;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.0625rem + 2px)}select.form-control:focus::-ms-value{color:#3e515b;background-color:#fff}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.09375rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.76562rem;line-height:1.5}.col-form-legend,.form-control-plaintext{padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0}.col-form-legend{font-size:.875rem}.form-control-plaintext{line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.custom-file-input.is-valid~.custom-file-control,.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-file-input:valid~.custom-file-control,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#4dbd74}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.form-control-plaintext.input-group-addon,.input-group-lg>.input-group-btn>.form-control-plaintext.btn,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.form-control-plaintext.input-group-addon,.input-group-sm>.input-group-btn>.form-control-plaintext.btn{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{padding:.25rem .5rem;font-size:.76562rem;line-height:1.5}.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),.input-group-sm>select.input-group-addon:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.64844rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{padding:.5rem 1rem;font-size:1.09375rem;line-height:1.5}.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),.input-group-lg>select.input-group-addon:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.64062rem + 2px)}.form-group{margin-bottom:1rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;margin-bottom:.5rem}.form-check.disabled .form-check-label{color:#536c79}.form-check-label{padding-left:1.25rem;margin-bottom:0}.invalid-tooltip,.valid-tooltip{position:absolute;top:100%;z-index:5;width:250px;padding:.5rem;line-height:1;border-radius:.2rem}.form-check-input{position:absolute;margin-left:-1.25rem}.form-check-inline{display:inline-block;margin-right:.75rem}.valid-feedback,.valid-tooltip{display:none;font-size:.875rem}.form-check-inline .form-check-label{vertical-align:middle}.valid-feedback{color:#4dbd74}.valid-tooltip{margin-top:.1rem;color:#fff;background-color:rgba(77,189,116,.8)}.custom-control-input.is-valid~.custom-control-description,.form-check-input.is-valid+.form-check-label,.was-validated .custom-control-input:valid~.custom-control-description,.was-validated .form-check-input:valid+.form-check-label{color:#4dbd74}.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}.custom-control-input.is-valid~.custom-control-indicator,.was-validated .custom-control-input:valid~.custom-control-indicator{background-color:rgba(77,189,116,.25)}.custom-file-input.is-valid~.custom-file-control::before,.was-validated .custom-file-input:valid~.custom-file-control::before{border-color:inherit}.custom-file-input.is-invalid~.custom-file-control,.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-file-input:invalid~.custom-file-control,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#f86c6b}.custom-file-input.is-invalid:focus,.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-file-input:invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{box-shadow:0 0 0 .2rem rgba(248,108,107,.25)}.invalid-feedback{display:none;margin-top:.25rem;font-size:.875rem;color:#f86c6b}.invalid-tooltip{display:none;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(248,108,107,.8)}.custom-control-input.is-invalid~.custom-control-description,.form-check-input.is-invalid+.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-description,.was-validated .form-check-input:invalid+.form-check-label{color:#f86c6b}.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}.custom-control-input.is-invalid~.custom-control-indicator,.was-validated .custom-control-input:invalid~.custom-control-indicator{background-color:rgba(248,108,107,.25)}.custom-file-input.is-invalid~.custom-file-control::before,.was-validated .custom-file-input:invalid~.custom-file-control::before{border-color:inherit}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;margin-top:0;margin-bottom:0}.form-inline .form-check-label{padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0}.form-inline .custom-control-indicator{position:static;display:inline-block;margin-right:.25rem;vertical-align:text-bottom}.form-inline .has-feedback .form-control-feedback{top:0}}.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.collapsing,.dropdown,.dropup{position:relative}.btn{display:inline-block;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.custom-control-indicator,.custom-file-control{left:0;-ms-user-select:none;pointer-events:none}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(32,168,216,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#20a8d8;border-color:#20a8d8}.btn-primary:hover{color:#fff;background-color:#1b8eb7;border-color:#1985ac}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(32,168,216,.5)}.btn-primary.disabled,.btn-primary:disabled{background-color:#20a8d8;border-color:#20a8d8}.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#1985ac;border-color:#187da0;box-shadow:0 0 0 .2rem rgba(32,168,216,.5)}.btn-secondary{color:#111;background-color:#a4b7c1;border-color:#a4b7c1}.btn-secondary:hover{color:#111;background-color:#8da5b2;border-color:#869fac}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(164,183,193,.5)}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#a4b7c1;border-color:#a4b7c1}.btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#111;background-color:#869fac;border-color:#7e99a7;box-shadow:0 0 0 .2rem rgba(164,183,193,.5)}.btn-success{color:#fff;background-color:#4dbd74;border-color:#4dbd74}.btn-success:hover{color:#fff;background-color:#3ea662;border-color:#3a9d5d}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(77,189,116,.5)}.btn-success.disabled,.btn-success:disabled{background-color:#4dbd74;border-color:#4dbd74}.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#3a9d5d;border-color:#379457;box-shadow:0 0 0 .2rem rgba(77,189,116,.5)}.btn-info{color:#111;background-color:#63c2de;border-color:#63c2de}.btn-info:hover{color:#111;background-color:#43b6d7;border-color:#39b2d5}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(99,194,222,.5)}.btn-info.disabled,.btn-info:disabled{background-color:#63c2de;border-color:#63c2de}.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#39b2d5;border-color:#2eadd3;box-shadow:0 0 0 .2rem rgba(99,194,222,.5)}.btn-warning{color:#111;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#111;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{background-color:#ffc107;border-color:#ffc107}.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#111;background-color:#d39e00;border-color:#c69500;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#f86c6b;border-color:#f86c6b}.btn-danger:hover{color:#fff;background-color:#f64846;border-color:#f63c3a}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(248,108,107,.5)}.btn-danger.disabled,.btn-danger:disabled{background-color:#f86c6b;border-color:#f86c6b}.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f63c3a;border-color:#f5302e;box-shadow:0 0 0 .2rem rgba(248,108,107,.5)}.btn-light{color:#111;background-color:#f0f3f5;border-color:#f0f3f5}.btn-light:hover{color:#111;background-color:#d9e1e6;border-color:#d1dbe1}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(240,243,245,.5)}.btn-light.disabled,.btn-light:disabled{background-color:#f0f3f5;border-color:#f0f3f5}.btn-light:not([disabled]):not(.disabled).active,.btn-light:not([disabled]):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#111;background-color:#d1dbe1;border-color:#cad4dc;box-shadow:0 0 0 .2rem rgba(240,243,245,.5)}.btn-dark{color:#fff;background-color:#29363d;border-color:#29363d}.btn-dark:hover{color:#fff;background-color:#1a2226;border-color:#151b1f}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(41,54,61,.5)}.btn-dark.disabled,.btn-dark:disabled{background-color:#29363d;border-color:#29363d}.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#151b1f;border-color:#0f1417;box-shadow:0 0 0 .2rem rgba(41,54,61,.5)}.btn-outline-primary{color:#20a8d8;background-color:transparent;border-color:#20a8d8}.btn-outline-primary:hover{color:#fff;background-color:#20a8d8;border-color:#20a8d8}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,168,216,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#20a8d8;background-color:transparent}.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#20a8d8;border-color:#20a8d8;box-shadow:0 0 0 .2rem rgba(32,168,216,.5)}.btn-outline-secondary{color:#a4b7c1;background-color:transparent;border-color:#a4b7c1}.btn-outline-secondary:hover{color:#fff;background-color:#a4b7c1;border-color:#a4b7c1}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(164,183,193,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#a4b7c1;background-color:transparent}.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#a4b7c1;border-color:#a4b7c1;box-shadow:0 0 0 .2rem rgba(164,183,193,.5)}.btn-outline-success{color:#4dbd74;background-color:transparent;background-image:none;border-color:#4dbd74}.btn-outline-success:hover{color:#fff;background-color:#4dbd74;border-color:#4dbd74}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(77,189,116,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#4dbd74;background-color:transparent}.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#4dbd74;border-color:#4dbd74;box-shadow:0 0 0 .2rem rgba(77,189,116,.5)}.btn-outline-info{color:#63c2de;background-color:transparent;border-color:#63c2de}.btn-outline-info:hover{color:#fff;background-color:#63c2de;border-color:#63c2de}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(99,194,222,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#63c2de;background-color:transparent}.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#63c2de;border-color:#63c2de;box-shadow:0 0 0 .2rem rgba(99,194,222,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;border-color:#ffc107}.btn-outline-warning:hover{color:#fff;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#ffc107;border-color:#ffc107;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#f86c6b;background-color:transparent;border-color:#f86c6b}.btn-outline-danger:hover{color:#fff;background-color:#f86c6b;border-color:#f86c6b}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(248,108,107,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#f86c6b;background-color:transparent}.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#f86c6b;border-color:#f86c6b;box-shadow:0 0 0 .2rem rgba(248,108,107,.5)}.btn-outline-light{color:#f0f3f5;background-color:transparent;border-color:#f0f3f5}.btn-outline-light:hover{color:#151b1e;background-color:#f0f3f5;border-color:#f0f3f5}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(240,243,245,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f0f3f5;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:#151b1e;background-color:#f0f3f5;border-color:#f0f3f5;box-shadow:0 0 0 .2rem rgba(240,243,245,.5)}.btn-outline-dark{color:#29363d;background-color:transparent;border-color:#29363d}.btn-outline-dark:hover{color:#fff;background-color:#29363d;border-color:#29363d}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(41,54,61,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#29363d;background-color:transparent}.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#29363d;border-color:#29363d;box-shadow:0 0 0 .2rem rgba(41,54,61,.5)}.btn-link,.btn-link:hover{background-color:transparent}.btn-link{color:#20a8d8}.btn-link:hover{color:#167495;text-decoration:underline;border-color:transparent}.btn-link.focus,.btn-link:focus{border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#536c79}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.09375rem;line-height:1.5}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.76562rem;line-height:1.5}.btn-block{display:block}.btn-block+.btn-block{margin-top:.5rem}.dropdown-toggle::after,.dropup .dropdown-toggle::after{width:0;vertical-align:.255em;content:"";height:0}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{height:0;transition:height .35s ease}.dropdown-toggle::after{display:inline-block;margin-left:.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{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:0;margin:.125rem 0 0;font-size:.875rem;color:#151b1e;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #c2cfd6}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.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}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #f0f3f5}.dropdown-item{display:block;width:100%;clear:both;color:#151b1e;text-align:inherit;background:0 0;border:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.dropdown-item:focus,.dropdown-item:hover{color:#0b0e0f;text-decoration:none;background-color:#f0f3f5}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#20a8d8}.dropdown-item.disabled,.dropdown-item:disabled{color:#536c79;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;margin-bottom:0;font-size:.76562rem;color:#536c79}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn+.dropdown-toggle-split::after,.btn-group>.btn:first-child{margin-left:0}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group{float:left}.btn+.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.custom-control,.input-group,.input-group-btn,.input-group-btn>.btn{position:relative}.input-group{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group .form-control{position:relative;z-index:2;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover,.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:3}.input-group .form-control,.input-group-addon,.input-group-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group-addon{padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.5;color:#3e515b;text-align:center;background-color:#f0f3f5;border:1px solid #c2cfd6}.input-group-addon.form-control-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn{padding:.25rem .5rem;font-size:.76562rem}.input-group-addon.form-control-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn{padding:.5rem 1rem;font-size:1.09375rem}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group-addon:not(:last-child){border-right:0}.form-control+.input-group-addon:not(:first-child){border-left:0}.input-group-btn{-ms-flex-align:stretch;align-items:stretch;font-size:0}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn:first-child>.btn+.btn{margin-left:0}.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group{margin-right:-1px}.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group{z-index:2;margin-left:0}.input-group-btn:not(:first-child)>.btn-group:first-child,.input-group-btn:not(:first-child)>.btn:first-child{margin-left:-1px}.card>hr,.custom-controls-stacked .custom-control+.custom-control{margin-left:0}.input-group-btn:not(:first-child)>.btn-group:active,.input-group-btn:not(:first-child)>.btn-group:focus,.input-group-btn:not(:first-child)>.btn-group:hover,.input-group-btn:not(:first-child)>.btn:active,.input-group-btn:not(:first-child)>.btn:focus,.input-group-btn:not(:first-child)>.btn:hover{z-index:3}.custom-control{display:-ms-inline-flexbox;display:inline-flex;min-height:1.5rem;padding-left:1.5rem;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-indicator{color:#fff;background-color:#20a8d8}.custom-control-input:focus~.custom-control-indicator{box-shadow:0 0 0 1px #e4e5e6,0 0 0 .2rem rgba(32,168,216,.25)}.custom-control-input:active~.custom-control-indicator{color:#fff;background-color:#b6e4f4}.custom-control-input:disabled~.custom-control-indicator{background-color:#c2cfd6}.custom-control-input:disabled~.custom-control-description{color:#536c79}.custom-control-indicator{position:absolute;top:.25rem;display:block;width:1rem;height:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#ddd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-input:checked~.custom-control-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator{background-color:#20a8d8;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-radio .custom-control-indicator{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-controls-stacked{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.custom-file,.custom-select{display:inline-block;max-width:100%}.custom-controls-stacked .custom-control{margin-bottom:.25rem}.custom-select{height:calc(2.0625rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#3e515b;vertical-align:middle;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;background-size:8px 10px;border:1px solid #c2cfd6;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#8ad4ee;outline:0}.custom-select:focus::-ms-value{color:#3e515b;background-color:#fff}.custom-select[multiple]{height:auto;background-image:none}.custom-select:disabled{color:#536c79;background-color:#c2cfd6}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.64844rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-file{position:relative;height:calc(2.0625rem + 2px);margin-bottom:0}.custom-file-control,.custom-file-control::before{position:absolute;height:calc(2.0625rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#3e515b;border:1px solid #c2cfd6}.custom-file-input{min-width:14rem;max-width:100%;height:calc(2.0625rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{box-shadow:0 0 0 .075rem #fff,0 0 0 .2rem #20a8d8}.custom-file-control{top:0;right:0;z-index:5;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.custom-file-control:lang(en):empty::after{content:"Choose file..."}.custom-file-control::before{top:-1px;right:-1px;bottom:-1px;z-index:6;display:block;background-color:#f0f3f5}.nav,.navbar{display:-ms-flexbox;-ms-flex-wrap:wrap}.custom-file-control:lang(en)::before{content:"Browse"}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link,.navbar .dropdown-toggle{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover,.navbar .dropdown-toggle:focus,.navbar .dropdown-toggle:hover{text-decoration:none}.nav-link.disabled,.navbar .disabled.dropdown-toggle{color:#536c79}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link,.nav-tabs .navbar .dropdown-toggle,.navbar .nav-tabs .dropdown-toggle{border:1px solid transparent}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover,.nav-tabs .navbar .dropdown-toggle:focus,.nav-tabs .navbar .dropdown-toggle:hover,.navbar .nav-tabs .dropdown-toggle:focus,.navbar .nav-tabs .dropdown-toggle:hover{border-color:#c2cfd6 #c2cfd6 #ddd}.nav-tabs .nav-link.disabled,.nav-tabs .navbar .disabled.dropdown-toggle,.navbar .nav-tabs .disabled.dropdown-toggle{color:#536c79;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-item.show .navbar .dropdown-toggle,.nav-tabs .nav-link.active,.nav-tabs .navbar .active.dropdown-toggle,.navbar .nav-tabs .active.dropdown-toggle,.navbar .nav-tabs .nav-item.show .dropdown-toggle{color:#3e515b;background-color:#e4e5e6;border-color:#ddd #ddd #e4e5e6}.nav-tabs .dropdown-menu{margin-top:-1px}.nav-pills .nav-link.active,.nav-pills .navbar .active.dropdown-toggle,.nav-pills .navbar .show>.dropdown-toggle,.nav-pills .show>.nav-link,.navbar .nav-pills .active.dropdown-toggle,.navbar .nav-pills .show>.dropdown-toggle{color:#fff;background-color:#20a8d8}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.33594rem;padding-bottom:.33594rem;margin-right:1rem;font-size:1.09375rem;line-height:inherit}.card,.navbar-nav{display:-ms-flexbox}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar .navbar-nav .dropdown-toggle,.navbar-nav .nav-link,.navbar-nav .navbar .dropdown-toggle{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.09375rem;line-height:1;background:0 0;border:1px solid transparent}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:center center no-repeat;background-size:100% 100%}@media (max-width:575px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar .navbar-expand-sm .navbar-nav .dropdown-toggle,.navbar-expand-sm .navbar-nav .nav-link,.navbar-expand-sm .navbar-nav .navbar .dropdown-toggle{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar .navbar-expand-md .navbar-nav .dropdown-toggle,.navbar-expand-md .navbar-nav .nav-link,.navbar-expand-md .navbar-nav .navbar .dropdown-toggle{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar .navbar-expand-lg .navbar-nav .dropdown-toggle,.navbar-expand-lg .navbar-nav .nav-link,.navbar-expand-lg .navbar-nav .navbar .dropdown-toggle{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar .navbar-expand-xl .navbar-nav .dropdown-toggle,.navbar-expand-xl .navbar-nav .nav-link,.navbar-expand-xl .navbar-nav .navbar .dropdown-toggle{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar .navbar-expand .navbar-nav .dropdown-toggle,.navbar-expand .navbar-nav .nav-link,.navbar-expand .navbar-nav .navbar .dropdown-toggle{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.modal,.modal-backdrop,.popover.bs-popover-auto[x-placement^=top] .arrow,.popover.bs-popover-top .arrow,.tooltip.bs-tooltip-auto[x-placement^=top] .arrow,.tooltip.bs-tooltip-top .arrow{bottom:0}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar .navbar-light .navbar-nav .dropdown-toggle,.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .navbar .dropdown-toggle{color:rgba(0,0,0,.5)}.navbar .navbar-light .navbar-nav .dropdown-toggle:focus,.navbar .navbar-light .navbar-nav .dropdown-toggle:hover,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .navbar .dropdown-toggle:focus,.navbar-light .navbar-nav .navbar .dropdown-toggle:hover{color:rgba(0,0,0,.7)}.navbar .navbar-light .navbar-nav .disabled.dropdown-toggle,.navbar-light .navbar-nav .nav-link.disabled,.navbar-light .navbar-nav .navbar .disabled.dropdown-toggle{color:rgba(0,0,0,.3)}.navbar .navbar-light .navbar-nav .active.dropdown-toggle,.navbar .navbar-light .navbar-nav .active>.dropdown-toggle,.navbar .navbar-light .navbar-nav .show.dropdown-toggle,.navbar .navbar-light .navbar-nav .show>.dropdown-toggle,.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 .navbar .active.dropdown-toggle,.navbar-light .navbar-nav .navbar .active>.dropdown-toggle,.navbar-light .navbar-nav .navbar .show.dropdown-toggle,.navbar-light .navbar-nav .navbar .show>.dropdown-toggle,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar .navbar-dark .navbar-nav .dropdown-toggle,.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .navbar .dropdown-toggle{color:rgba(255,255,255,.5)}.navbar .navbar-dark .navbar-nav .dropdown-toggle:focus,.navbar .navbar-dark .navbar-nav .dropdown-toggle:hover,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .navbar .dropdown-toggle:focus,.navbar-dark .navbar-nav .navbar .dropdown-toggle:hover{color:rgba(255,255,255,.75)}.navbar .navbar-dark .navbar-nav .disabled.dropdown-toggle,.navbar-dark .navbar-nav .nav-link.disabled,.navbar-dark .navbar-nav .navbar .disabled.dropdown-toggle{color:rgba(255,255,255,.25)}.navbar .navbar-dark .navbar-nav .active.dropdown-toggle,.navbar .navbar-dark .navbar-nav .active>.dropdown-toggle,.navbar .navbar-dark .navbar-nav .show.dropdown-toggle,.navbar .navbar-dark .navbar-nav .show>.dropdown-toggle,.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 .navbar .active.dropdown-toggle,.navbar-dark .navbar-nav .navbar .active>.dropdown-toggle,.navbar-dark .navbar-nav .navbar .show.dropdown-toggle,.navbar-dark .navbar-nav .navbar .show>.dropdown-toggle,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #c2cfd6}.card>hr{margin-right:0}.card-block,.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-footer,.card-header{padding:.75rem 1.25rem;background-color:#f0f3f5}.card-title{margin-bottom:.75rem}.card-header,.card-subtitle,.card-text:last-child{margin-bottom:0}.card-subtitle{margin-top:-.375rem}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-header{border-bottom:1px solid #c2cfd6}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{border-top:1px solid #c2cfd6}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.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%}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group,.list-group{-ms-flex-direction:column}.card-group{display:-ms-flexbox;display:flex;flex-direction:column}.card-group .card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group .card+.card{margin-left:0;border-left:0}.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.card-columns .card{margin-bottom:.75rem}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1.5rem;list-style:none;background-color:#fff}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#536c79;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#536c79}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.page-item:first-child .page-link,.page-item:first-child .pagination li a,.page-item:first-child .pagination-datatables li a,.pagination li .page-item:first-child a,.pagination li:first-child .page-link,.pagination li:first-child a,.pagination-datatables li .page-item:first-child a,.pagination-datatables li:first-child .page-link,.pagination-datatables li:first-child a{margin-left:0}.page-item.active .page-link,.page-item.active .pagination li a,.page-item.active .pagination-datatables li a,.pagination li .page-item.active a,.pagination li.active .page-link,.pagination li.active a,.pagination-datatables li .page-item.active a,.pagination-datatables li.active .page-link,.pagination-datatables li.active a{z-index:2;color:#fff;background-color:#20a8d8;border-color:#20a8d8}.page-item.disabled .page-link,.page-item.disabled .pagination li a,.page-item.disabled .pagination-datatables li a,.pagination li .page-item.disabled a,.pagination li.disabled .page-link,.pagination li.disabled a,.pagination-datatables li .page-item.disabled a,.pagination-datatables li.disabled .page-link,.pagination-datatables li.disabled a{color:#536c79;pointer-events:none;background-color:#fff;border-color:#ddd}.page-link,.pagination li a,.pagination-datatables li a{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#20a8d8;background-color:#fff;border:1px solid #ddd}.page-link:focus,.page-link:hover,.pagination li a:focus,.pagination li a:hover,.pagination-datatables li a:focus,.pagination-datatables li a:hover{color:#167495;text-decoration:none;background-color:#c2cfd6;border-color:#ddd}.pagination li .pagination-lg a,.pagination-datatables li .pagination-lg a,.pagination-lg .page-link,.pagination-lg .pagination li a,.pagination-lg .pagination-datatables li a{padding:.75rem 1.5rem;font-size:1.09375rem;line-height:1.5}.pagination li .pagination-sm a,.pagination-datatables li .pagination-sm a,.pagination-sm .page-link,.pagination-sm .pagination li a,.pagination-sm .pagination-datatables li a{padding:.25rem .5rem;font-size:.76562rem;line-height:1.5}.badge,.close{font-weight:700;line-height:1}.badge{display:inline-block;padding:.25em .4em;font-size:75%;text-align:center;vertical-align:baseline}.badge:empty{display:none}.badge-pill{padding-right:.6em;padding-left:.6em}.badge-primary{color:#fff;background-color:#20a8d8}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#1985ac}.badge-secondary{color:#111;background-color:#a4b7c1}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#111;text-decoration:none;background-color:#869fac}.badge-success{color:#fff;background-color:#4dbd74}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#3a9d5d}.badge-info{color:#111;background-color:#63c2de}.badge-info[href]:focus,.badge-info[href]:hover{color:#111;text-decoration:none;background-color:#39b2d5}.badge-warning{color:#111;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#111;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#f86c6b}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#f63c3a}.badge-light{color:#111;background-color:#f0f3f5}.badge-light[href]:focus,.badge-light[href]:hover{color:#111;text-decoration:none;background-color:#d1dbe1}.badge-dark{color:#fff;background-color:#29363d}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#151b1f}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#c2cfd6}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#115770;background-color:#d2eef7;border-color:#c1e7f4}.alert-primary hr{border-top-color:#abdff0}.alert-primary .alert-link{color:#0a3544}.alert-secondary{color:#555f64;background-color:#edf1f3;border-color:#e6ebee}.alert-secondary hr{border-top-color:#d7dfe4}.alert-secondary .alert-link{color:#3e4548}.alert-success{color:#28623c;background-color:#dbf2e3;border-color:#cdedd8}.alert-success hr{border-top-color:#bae6c9}.alert-success .alert-link{color:#193e26}.alert-info{color:#336573;background-color:#e0f3f8;border-color:#d3eef6}.alert-info hr{border-top-color:#bee6f2}.alert-info .alert-link{color:#234650}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#813838;background-color:#fee2e1;border-color:#fdd6d6}.alert-danger hr{border-top-color:#fcbebe}.alert-danger .alert-link{color:#5d2929}.alert-light{color:#7d7e7f;background-color:#fcfdfd;border-color:#fbfcfc}.alert-light hr{border-top-color:#ecf1f1}.alert-light .alert-link{color:#646565}.alert-dark{color:#151c20;background-color:#d4d7d8;border-color:#c3c7c9}.alert-dark hr{border-top-color:#b6babd}.alert-dark .alert-link{color:#010101}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;font-size:.65625rem;background-color:#f0f3f5}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#20a8d8}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#3e515b;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#3e515b;text-decoration:none;background-color:#f0f3f5}.list-group-item-action:active{color:#151b1e;background-color:#c2cfd6}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:last-child{margin-bottom:0}.list-group-item:focus,.list-group-item:hover{text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#536c79;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#20a8d8;border-color:#20a8d8}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#115770;background-color:#c1e7f4}a.list-group-item-primary,button.list-group-item-primary{color:#115770}a.list-group-item-primary:focus,a.list-group-item-primary:hover,button.list-group-item-primary:focus,button.list-group-item-primary:hover{color:#115770;background-color:#abdff0}a.list-group-item-primary.active,button.list-group-item-primary.active{color:#fff;background-color:#115770;border-color:#115770}.list-group-item-secondary{color:#555f64;background-color:#e6ebee}a.list-group-item-secondary,button.list-group-item-secondary{color:#555f64}a.list-group-item-secondary:focus,a.list-group-item-secondary:hover,button.list-group-item-secondary:focus,button.list-group-item-secondary:hover{color:#555f64;background-color:#d7dfe4}a.list-group-item-secondary.active,button.list-group-item-secondary.active{color:#fff;background-color:#555f64;border-color:#555f64}.list-group-item-success{color:#28623c;background-color:#cdedd8}a.list-group-item-success,button.list-group-item-success{color:#28623c}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#28623c;background-color:#bae6c9}a.list-group-item-success.active,button.list-group-item-success.active{color:#fff;background-color:#28623c;border-color:#28623c}.list-group-item-info{color:#336573;background-color:#d3eef6}a.list-group-item-info,button.list-group-item-info{color:#336573}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#336573;background-color:#bee6f2}a.list-group-item-info.active,button.list-group-item-info.active{color:#fff;background-color:#336573;border-color:#336573}.list-group-item-warning{color:#856404;background-color:#ffeeba}a.list-group-item-warning,button.list-group-item-warning{color:#856404}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#856404;background-color:#ffe8a1}a.list-group-item-warning.active,button.list-group-item-warning.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#813838;background-color:#fdd6d6}a.list-group-item-danger,button.list-group-item-danger{color:#813838}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#813838;background-color:#fcbebe}a.list-group-item-danger.active,button.list-group-item-danger.active{color:#fff;background-color:#813838;border-color:#813838}.list-group-item-light{color:#7d7e7f;background-color:#fbfcfc}a.list-group-item-light,button.list-group-item-light{color:#7d7e7f}a.list-group-item-light:focus,a.list-group-item-light:hover,button.list-group-item-light:focus,button.list-group-item-light:hover{color:#7d7e7f;background-color:#ecf1f1}a.list-group-item-light.active,button.list-group-item-light.active{color:#fff;background-color:#7d7e7f;border-color:#7d7e7f}.list-group-item-dark{color:#151c20;background-color:#c3c7c9}a.list-group-item-dark,button.list-group-item-dark{color:#151c20}a.list-group-item-dark:focus,a.list-group-item-dark:hover,button.list-group-item-dark:focus,button.list-group-item-dark:hover{color:#151c20;background-color:#b6babd}a.list-group-item-dark.active,button.list-group-item-dark.active{color:#fff;background-color:#151c20;border-color:#151c20}.close{float:right;font-size:1.3125rem;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.popover,.tooltip{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.76562rem;word-wrap:break-word;text-decoration:none}.modal-title,.popover,.tooltip{line-height:1.5}.popover,.text-hide,.tooltip{text-shadow:none}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-content,.popover{background-clip:padding-box}.modal{position:fixed;top:0;right:0;left:0;z-index:1050;display:none;outline:0}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px;pointer-events:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;background-color:#fff;border:1px solid rgba(0,0,0,.2);outline:0}.modal-backdrop{position:fixed;top:0;right:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #c2cfd6}.modal-header .close{padding:15px;margin:-15px -15px -15px auto}.modal-title{margin-bottom:0}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #c2cfd6}.popover,.popover .arrow,.popover .arrow::after,.popover .arrow::before,.tooltip,.tooltip .arrow{position:absolute;display:block}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.popover.bs-popover-auto[x-placement^=bottom] .arrow,.popover.bs-popover-bottom .arrow,.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow,.tooltip.bs-tooltip-bottom .arrow{top:0}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{z-index:1070;margin:0;text-align:left;text-align:start;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{width:5px;height:5px}.tooltip .arrow::before{position:absolute;border-color:transparent;border-style:solid}.tooltip.bs-tooltip-auto[x-placement^=top],.tooltip.bs-tooltip-top{padding:5px 0}.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.bs-tooltip-top .arrow::before{margin-left:-3px;content:"";border-width:5px 5px 0;border-top-color:#000}.tooltip.bs-tooltip-auto[x-placement^=right],.tooltip.bs-tooltip-right{padding:0 5px}.tooltip.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.bs-tooltip-right .arrow{left:0}.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.bs-tooltip-right .arrow::before{margin-top:-3px;content:"";border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.bs-tooltip-auto[x-placement^=bottom],.tooltip.bs-tooltip-bottom{padding:5px 0}.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.bs-tooltip-bottom .arrow::before{margin-left:-3px;content:"";border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bs-tooltip-auto[x-placement^=left],.tooltip.bs-tooltip-left{padding:0 5px}.tooltip.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.bs-tooltip-left .arrow{right:0}.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.bs-tooltip-left .arrow::before{right:0;margin-top:-3px;content:"";border-width:5px 0 5px 5px;border-left-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000}.popover{top:0;left:0;z-index:1060;max-width:276px;text-align:left;text-align:start;background-color:#fff;border:1px solid rgba(0,0,0,.2)}.popover .arrow{width:.8rem;height:.4rem}.popover .arrow::after,.popover .arrow::before{border-color:transparent;border-style:solid;content:"";border-width:.8rem}.popover.bs-popover-auto[x-placement^=top],.popover.bs-popover-top{margin-bottom:.8rem}.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::after,.popover.bs-popover-top .arrow::before{border-bottom-width:0}.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::before{bottom:-.8rem;margin-left:-.8rem;border-top-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-top .arrow::after{bottom:calc((.8rem - 1px) * -1);margin-left:-.8rem;border-top-color:#fff}.popover.bs-popover-auto[x-placement^=right],.popover.bs-popover-right{margin-left:.8rem}.popover.bs-popover-auto[x-placement^=right] .arrow,.popover.bs-popover-right .arrow{left:0}.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::after,.popover.bs-popover-right .arrow::before{margin-top:-.8rem;border-left-width:0}.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::before{left:-.8rem;border-right-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-right .arrow::after{left:calc((.8rem - 1px) * -1);border-right-color:#fff}.popover.bs-popover-auto[x-placement^=bottom],.popover.bs-popover-bottom{margin-top:.8rem}.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::after,.popover.bs-popover-bottom .arrow::before{margin-left:-.8rem;border-top-width:0}.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::before{top:-.8rem;border-bottom-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-bottom .arrow::after{top:calc((.8rem - 1px) * -1);border-bottom-color:#fff}.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,.popover.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:20px;margin-left:-10px;content:"";border-bottom:1px solid #f7f7f7}.carousel,.carousel-inner,.carousel-item{position:relative}.popover.bs-popover-auto[x-placement^=left],.popover.bs-popover-left{margin-right:.8rem}.popover.bs-popover-auto[x-placement^=left] .arrow,.popover.bs-popover-left .arrow{right:0}.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::after,.popover.bs-popover-left .arrow::before{margin-top:-.8rem;border-right-width:0}.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::before{right:-.8rem;border-left-color:rgba(0,0,0,.25)}.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-left .arrow::after{right:calc((.8rem - 1px) * -1);border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:.875rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#151b1e}.carousel-inner{width:100%;overflow:hidden}.carousel-item{display:none;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:center center no-repeat;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::after,.carousel-indicators li::before{left:0;display:inline-block;height:10px;position:absolute;content:"";width:100%}.carousel-indicators li::before{top:-10px}.carousel-indicators li::after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.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:#20a8d8!important}a.bg-primary:focus,a.bg-primary:hover{background-color:#1985ac!important}.bg-secondary{background-color:#a4b7c1!important}a.bg-secondary:focus,a.bg-secondary:hover{background-color:#869fac!important}.bg-success{background-color:#4dbd74!important}a.bg-success:focus,a.bg-success:hover{background-color:#3a9d5d!important}.bg-info{background-color:#63c2de!important}a.bg-info:focus,a.bg-info:hover{background-color:#39b2d5!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#f86c6b!important}a.bg-danger:focus,a.bg-danger:hover{background-color:#f63c3a!important}.bg-light{background-color:#f0f3f5!important}a.bg-light:focus,a.bg-light:hover{background-color:#d1dbe1!important}.bg-dark{background-color:#29363d!important}a.bg-dark:focus,a.bg-dark:hover{background-color:#151b1f!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #c2cfd6!important}.border-0{border:0!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-left,.rounded-top{border-top-left-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!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:#20a8d8!important}.border-secondary{border-color:#a4b7c1!important}.border-success{border-color:#4dbd74!important}.border-info{border-color:#63c2de!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#f86c6b!important}.border-light{border-color:#f0f3f5!important}.border-dark{border-color:#29363d!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.d-print-block{display:none!important}@media print{.d-print-block{display:block!important}}.d-print-inline{display:none!important}@media print{.d-print-inline{display:inline!important}}.d-print-inline-block{display:none!important}@media print{.d-print-inline-block{display:inline-block!important}.d-print-none{display:none!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.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{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.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}}.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-bottom,.fixed-top{position:fixed;z-index:1030;right:0;left:0}.fixed-top{top:0}.fixed-bottom{bottom:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-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}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}.card-columns.cols-2{-webkit-column-count:2;column-count:2}}@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){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-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-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-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#20a8d8!important}a.text-primary:focus,a.text-primary:hover{color:#1985ac!important}.text-secondary{color:#a4b7c1!important}a.text-secondary:focus,a.text-secondary:hover{color:#869fac!important}.text-success{color:#4dbd74!important}a.text-success:focus,a.text-success:hover{color:#3a9d5d!important}.text-info{color:#63c2de!important}a.text-info:focus,a.text-info:hover{color:#39b2d5!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#f86c6b!important}a.text-danger:focus,a.text-danger:hover{color:#f63c3a!important}.text-light{color:#f0f3f5!important}a.text-light:focus,a.text-light:hover{color:#d1dbe1!important}.text-dark{color:#29363d!important}a.text-dark:focus,a.text-dark:hover{color:#151b1f!important}.text-muted{color:#536c79!important}.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.font-xs{font-size:.75rem!important}.font-sm{font-size:.85rem!important}.font-lg{font-size:1rem!important}.font-xl{font-size:1.25rem!important}.font-2xl{font-size:1.5rem!important}.font-3xl{font-size:1.75rem!important}.font-4xl{font-size:2rem!important}.font-5xl{font-size:2.5rem!important}.animated{-webkit-animation-duration:1s;animation-duration:1s}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.aside-menu{z-index:1019;width:250px;color:#29363d;background:#fff;border-left:1px solid #c2cfd6}.aside-menu .nav-tabs{border-color:#c2cfd6}.aside-menu .nav-tabs .nav-link,.aside-menu .nav-tabs .navbar .dropdown-toggle,.navbar .aside-menu .nav-tabs .dropdown-toggle{padding:.75rem 1rem;color:#151b1e;border-top:0}.aside-menu .nav-tabs .nav-link.active,.aside-menu .nav-tabs .navbar .active.dropdown-toggle,.navbar .aside-menu .nav-tabs .active.dropdown-toggle{color:#20a8d8;border-right-color:#c2cfd6;border-left-color:#c2cfd6}.aside-menu .nav-tabs .nav-item:first-child .nav-link,.aside-menu .nav-tabs .nav-item:first-child .navbar .dropdown-toggle,.navbar .aside-menu .nav-tabs .nav-item:first-child .dropdown-toggle{border-left:0}.aside-menu .tab-content{position:relative;overflow-x:hidden;overflow-y:auto;border:0;border-top:1px solid #c2cfd6;-ms-overflow-style:-ms-autohiding-scrollbar}.aside-menu .tab-content::-webkit-scrollbar{width:10px;margin-left:-10px;-webkit-appearance:none}.aside-menu .tab-content::-webkit-scrollbar-track{background-color:#fff;border-right:1px solid #f2f2f2;border-left:1px solid #f2f2f2}.aside-menu .tab-content::-webkit-scrollbar-thumb{height:50px;background-color:#e6e6e6;background-clip:content-box;border-color:transparent;border-style:solid;border-width:1px 2px}.aside-menu .tab-content .tab-pane{padding:0}.img-avatar{border-radius:50em}.avatar{position:relative;display:inline-block;width:36px}.avatar .img-avatar{width:36px;height:36px}.avatar .avatar-status{position:absolute;right:0;bottom:0;display:block;width:10px;height:10px;border:1px solid #fff;border-radius:50em}.avatar.avatar-xs{position:relative;display:inline-block;width:20px}.avatar.avatar-xs .img-avatar{width:20px;height:20px}.avatar.avatar-xs .avatar-status{position:absolute;right:0;bottom:0;display:block;width:8px;height:8px;border:1px solid #fff;border-radius:50em}.avatar.avatar-sm{position:relative;display:inline-block;width:24px}.avatar.avatar-sm .img-avatar{width:24px;height:24px}.avatar.avatar-sm .avatar-status{position:absolute;right:0;bottom:0;display:block;width:8px;height:8px;border:1px solid #fff;border-radius:50em}.avatar.avatar-lg{position:relative;display:inline-block;width:72px}.avatar.avatar-lg .img-avatar{width:72px;height:72px}.avatar.avatar-lg .avatar-status{position:absolute;right:0;bottom:0;display:block;width:12px;height:12px;border:1px solid #fff;border-radius:50em}.avatars-stack .avatar.avatar-xs{margin-right:-10px}.avatars-stack .avatar{margin-right:-15px;transition:margin-left .25s,margin-right .25s}.avatars-stack .avatar:hover{margin-right:0!important}.badge-pill{border-radius:10rem}.breadcrumb-menu{margin-left:auto}.breadcrumb-menu::before{display:none}.breadcrumb-menu .btn-group{vertical-align:top}.breadcrumb-menu .btn{padding:0 .75rem;color:#536c79;vertical-align:top;border:0}.breadcrumb-menu .btn.active,.breadcrumb-menu .btn:hover,.breadcrumb-menu .open .btn{color:#151b1e;background:0 0}.breadcrumb-menu .dropdown-menu{min-width:180px;line-height:1.5}.breadcrumb{position:relative;border-bottom:1px solid #c2cfd6}.btn .badge{position:absolute;top:2px;right:6px;font-size:9px}.btn-transparent{color:#fff;background-color:transparent;border-color:transparent}.btn [class*=" icon-"],.btn [class^=icon-]{display:inline-block;margin-top:-2px;vertical-align:middle}.btn-behance,.btn-css3,.btn-dribbble,.btn-dropbox,.btn-facebook,.btn-flickr,.btn-foursquare,.btn-github,.btn-google-plus,.btn-html5,.btn-instagram,.btn-linkedin,.btn-openid,.btn-pinterest,.btn-reddit,.btn-spotify,.btn-stack-overflow,.btn-tumblr,.btn-twitter,.btn-vimeo,.btn-vine,.btn-vk,.btn-xing,.btn-yahoo,.btn-youtube{position:relative;overflow:hidden;color:#fff!important;text-align:center;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;border:0}.btn-behance::before,.btn-css3::before,.btn-dribbble::before,.btn-dropbox::before,.btn-facebook::before,.btn-flickr::before,.btn-foursquare::before,.btn-github::before,.btn-google-plus::before,.btn-html5::before,.btn-instagram::before,.btn-linkedin::before,.btn-openid::before,.btn-pinterest::before,.btn-reddit::before,.btn-spotify::before,.btn-stack-overflow::before,.btn-tumblr::before,.btn-twitter::before,.btn-vimeo::before,.btn-vine::before,.btn-vk::before,.btn-xing::before,.btn-yahoo::before,.btn-youtube::before{position:absolute;top:0;left:0;display:block;font-family:FontAwesome;font-style:normal;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:2.0625rem;height:2.0625rem;padding:.375rem 0;font-size:.875rem;line-height:1.5}.btn-behance:hover,.btn-css3:hover,.btn-dribbble:hover,.btn-dropbox:hover,.btn-facebook:hover,.btn-flickr:hover,.btn-foursquare:hover,.btn-github:hover,.btn-google-plus:hover,.btn-html5:hover,.btn-instagram:hover,.btn-linkedin:hover,.btn-openid:hover,.btn-pinterest:hover,.btn-reddit:hover,.btn-spotify:hover,.btn-stack-overflow:hover,.btn-tumblr:hover,.btn-twitter:hover,.btn-vimeo:hover,.btn-vine:hover,.btn-vk:hover,.btn-xing:hover,.btn-yahoo:hover,.btn-youtube:hover{color:#fff}.btn-behance.icon span,.btn-behance.text::before,.btn-css3.icon span,.btn-css3.text::before,.btn-dribbble.icon span,.btn-dribbble.text::before,.btn-dropbox.icon span,.btn-dropbox.text::before,.btn-facebook.icon span,.btn-facebook.text::before,.btn-flickr.icon span,.btn-flickr.text::before,.btn-foursquare.icon span,.btn-foursquare.text::before,.btn-github.icon span,.btn-github.text::before,.btn-google-plus.icon span,.btn-google-plus.text::before,.btn-html5.icon span,.btn-html5.text::before,.btn-instagram.icon span,.btn-instagram.text::before,.btn-linkedin.icon span,.btn-linkedin.text::before,.btn-openid.icon span,.btn-openid.text::before,.btn-pinterest.icon span,.btn-pinterest.text::before,.btn-reddit.icon span,.btn-reddit.text::before,.btn-spotify.icon span,.btn-spotify.text::before,.btn-stack-overflow.icon span,.btn-stack-overflow.text::before,.btn-tumblr.icon span,.btn-tumblr.text::before,.btn-twitter.icon span,.btn-twitter.text::before,.btn-vimeo.icon span,.btn-vimeo.text::before,.btn-vine.icon span,.btn-vine.text::before,.btn-vk.icon span,.btn-vk.text::before,.btn-xing.icon span,.btn-xing.text::before,.btn-yahoo.icon span,.btn-yahoo.text::before,.btn-youtube.icon span,.btn-youtube.text::before{display:none}.btn-behance.text span,.btn-css3.text span,.btn-dribbble.text span,.btn-dropbox.text span,.btn-facebook.text span,.btn-flickr.text span,.btn-foursquare.text span,.btn-github.text span,.btn-google-plus.text span,.btn-html5.text span,.btn-instagram.text span,.btn-linkedin.text span,.btn-openid.text span,.btn-pinterest.text span,.btn-reddit.text span,.btn-spotify.text span,.btn-stack-overflow.text span,.btn-tumblr.text span,.btn-twitter.text span,.btn-vimeo.text span,.btn-vine.text span,.btn-vk.text span,.btn-xing.text span,.btn-yahoo.text span,.btn-youtube.text span{margin-left:0!important}.btn-behance span,.btn-css3 span,.btn-dribbble span,.btn-dropbox span,.btn-facebook span,.btn-flickr span,.btn-foursquare span,.btn-github span,.btn-google-plus span,.btn-html5 span,.btn-instagram span,.btn-linkedin span,.btn-openid span,.btn-pinterest span,.btn-reddit span,.btn-spotify span,.btn-stack-overflow span,.btn-tumblr span,.btn-twitter span,.btn-vimeo span,.btn-vine span,.btn-vk span,.btn-xing span,.btn-yahoo span,.btn-youtube span{margin-left:2.0625rem}.btn-behance.icon,.btn-css3.icon,.btn-dribbble.icon,.btn-dropbox.icon,.btn-facebook.icon,.btn-flickr.icon,.btn-foursquare.icon,.btn-github.icon,.btn-google-plus.icon,.btn-html5.icon,.btn-instagram.icon,.btn-linkedin.icon,.btn-openid.icon,.btn-pinterest.icon,.btn-reddit.icon,.btn-spotify.icon,.btn-stack-overflow.icon,.btn-tumblr.icon,.btn-twitter.icon,.btn-vimeo.icon,.btn-vine.icon,.btn-vk.icon,.btn-xing.icon,.btn-yahoo.icon,.btn-youtube.icon{width:2.0625rem;height:2.0625rem}.btn-behance.btn-lg,.btn-css3.btn-lg,.btn-dribbble.btn-lg,.btn-dropbox.btn-lg,.btn-facebook.btn-lg,.btn-flickr.btn-lg,.btn-foursquare.btn-lg,.btn-github.btn-lg,.btn-google-plus.btn-lg,.btn-group-lg>.btn-behance.btn,.btn-group-lg>.btn-css3.btn,.btn-group-lg>.btn-dribbble.btn,.btn-group-lg>.btn-dropbox.btn,.btn-group-lg>.btn-facebook.btn,.btn-group-lg>.btn-flickr.btn,.btn-group-lg>.btn-foursquare.btn,.btn-group-lg>.btn-github.btn,.btn-group-lg>.btn-google-plus.btn,.btn-group-lg>.btn-html5.btn,.btn-group-lg>.btn-instagram.btn,.btn-group-lg>.btn-linkedin.btn,.btn-group-lg>.btn-openid.btn,.btn-group-lg>.btn-pinterest.btn,.btn-group-lg>.btn-reddit.btn,.btn-group-lg>.btn-spotify.btn,.btn-group-lg>.btn-stack-overflow.btn,.btn-group-lg>.btn-tumblr.btn,.btn-group-lg>.btn-twitter.btn,.btn-group-lg>.btn-vimeo.btn,.btn-group-lg>.btn-vine.btn,.btn-group-lg>.btn-vk.btn,.btn-group-lg>.btn-xing.btn,.btn-group-lg>.btn-yahoo.btn,.btn-group-lg>.btn-youtube.btn,.btn-html5.btn-lg,.btn-instagram.btn-lg,.btn-linkedin.btn-lg,.btn-openid.btn-lg,.btn-pinterest.btn-lg,.btn-reddit.btn-lg,.btn-spotify.btn-lg,.btn-stack-overflow.btn-lg,.btn-tumblr.btn-lg,.btn-twitter.btn-lg,.btn-vimeo.btn-lg,.btn-vine.btn-lg,.btn-vk.btn-lg,.btn-xing.btn-lg,.btn-yahoo.btn-lg,.btn-youtube.btn-lg{padding:.5rem 1rem;font-size:1.09375rem;line-height:1.5;border:0}.btn-behance.btn-lg::before,.btn-css3.btn-lg::before,.btn-dribbble.btn-lg::before,.btn-dropbox.btn-lg::before,.btn-facebook.btn-lg::before,.btn-flickr.btn-lg::before,.btn-foursquare.btn-lg::before,.btn-github.btn-lg::before,.btn-google-plus.btn-lg::before,.btn-group-lg>.btn-behance.btn::before,.btn-group-lg>.btn-css3.btn::before,.btn-group-lg>.btn-dribbble.btn::before,.btn-group-lg>.btn-dropbox.btn::before,.btn-group-lg>.btn-facebook.btn::before,.btn-group-lg>.btn-flickr.btn::before,.btn-group-lg>.btn-foursquare.btn::before,.btn-group-lg>.btn-github.btn::before,.btn-group-lg>.btn-google-plus.btn::before,.btn-group-lg>.btn-html5.btn::before,.btn-group-lg>.btn-instagram.btn::before,.btn-group-lg>.btn-linkedin.btn::before,.btn-group-lg>.btn-openid.btn::before,.btn-group-lg>.btn-pinterest.btn::before,.btn-group-lg>.btn-reddit.btn::before,.btn-group-lg>.btn-spotify.btn::before,.btn-group-lg>.btn-stack-overflow.btn::before,.btn-group-lg>.btn-tumblr.btn::before,.btn-group-lg>.btn-twitter.btn::before,.btn-group-lg>.btn-vimeo.btn::before,.btn-group-lg>.btn-vine.btn::before,.btn-group-lg>.btn-vk.btn::before,.btn-group-lg>.btn-xing.btn::before,.btn-group-lg>.btn-yahoo.btn::before,.btn-group-lg>.btn-youtube.btn::before,.btn-html5.btn-lg::before,.btn-instagram.btn-lg::before,.btn-linkedin.btn-lg::before,.btn-openid.btn-lg::before,.btn-pinterest.btn-lg::before,.btn-reddit.btn-lg::before,.btn-spotify.btn-lg::before,.btn-stack-overflow.btn-lg::before,.btn-tumblr.btn-lg::before,.btn-twitter.btn-lg::before,.btn-vimeo.btn-lg::before,.btn-vine.btn-lg::before,.btn-vk.btn-lg::before,.btn-xing.btn-lg::before,.btn-yahoo.btn-lg::before,.btn-youtube.btn-lg::before{width:2.64062rem;height:2.64062rem;padding:.5rem 0;font-size:1.09375rem;line-height:1.5}.btn-behance.btn-lg span,.btn-css3.btn-lg span,.btn-dribbble.btn-lg span,.btn-dropbox.btn-lg span,.btn-facebook.btn-lg span,.btn-flickr.btn-lg span,.btn-foursquare.btn-lg span,.btn-github.btn-lg span,.btn-google-plus.btn-lg span,.btn-group-lg>.btn-behance.btn span,.btn-group-lg>.btn-css3.btn span,.btn-group-lg>.btn-dribbble.btn span,.btn-group-lg>.btn-dropbox.btn span,.btn-group-lg>.btn-facebook.btn span,.btn-group-lg>.btn-flickr.btn span,.btn-group-lg>.btn-foursquare.btn span,.btn-group-lg>.btn-github.btn span,.btn-group-lg>.btn-google-plus.btn span,.btn-group-lg>.btn-html5.btn span,.btn-group-lg>.btn-instagram.btn span,.btn-group-lg>.btn-linkedin.btn span,.btn-group-lg>.btn-openid.btn span,.btn-group-lg>.btn-pinterest.btn span,.btn-group-lg>.btn-reddit.btn span,.btn-group-lg>.btn-spotify.btn span,.btn-group-lg>.btn-stack-overflow.btn span,.btn-group-lg>.btn-tumblr.btn span,.btn-group-lg>.btn-twitter.btn span,.btn-group-lg>.btn-vimeo.btn span,.btn-group-lg>.btn-vine.btn span,.btn-group-lg>.btn-vk.btn span,.btn-group-lg>.btn-xing.btn span,.btn-group-lg>.btn-yahoo.btn span,.btn-group-lg>.btn-youtube.btn span,.btn-html5.btn-lg span,.btn-instagram.btn-lg span,.btn-linkedin.btn-lg span,.btn-openid.btn-lg span,.btn-pinterest.btn-lg span,.btn-reddit.btn-lg span,.btn-spotify.btn-lg span,.btn-stack-overflow.btn-lg span,.btn-tumblr.btn-lg span,.btn-twitter.btn-lg span,.btn-vimeo.btn-lg span,.btn-vine.btn-lg span,.btn-vk.btn-lg span,.btn-xing.btn-lg span,.btn-yahoo.btn-lg span,.btn-youtube.btn-lg span{margin-left:2.64062rem}.btn-behance.btn-lg.icon,.btn-css3.btn-lg.icon,.btn-dribbble.btn-lg.icon,.btn-dropbox.btn-lg.icon,.btn-facebook.btn-lg.icon,.btn-flickr.btn-lg.icon,.btn-foursquare.btn-lg.icon,.btn-github.btn-lg.icon,.btn-google-plus.btn-lg.icon,.btn-group-lg>.btn-behance.icon.btn,.btn-group-lg>.btn-css3.icon.btn,.btn-group-lg>.btn-dribbble.icon.btn,.btn-group-lg>.btn-dropbox.icon.btn,.btn-group-lg>.btn-facebook.icon.btn,.btn-group-lg>.btn-flickr.icon.btn,.btn-group-lg>.btn-foursquare.icon.btn,.btn-group-lg>.btn-github.icon.btn,.btn-group-lg>.btn-google-plus.icon.btn,.btn-group-lg>.btn-html5.icon.btn,.btn-group-lg>.btn-instagram.icon.btn,.btn-group-lg>.btn-linkedin.icon.btn,.btn-group-lg>.btn-openid.icon.btn,.btn-group-lg>.btn-pinterest.icon.btn,.btn-group-lg>.btn-reddit.icon.btn,.btn-group-lg>.btn-spotify.icon.btn,.btn-group-lg>.btn-stack-overflow.icon.btn,.btn-group-lg>.btn-tumblr.icon.btn,.btn-group-lg>.btn-twitter.icon.btn,.btn-group-lg>.btn-vimeo.icon.btn,.btn-group-lg>.btn-vine.icon.btn,.btn-group-lg>.btn-vk.icon.btn,.btn-group-lg>.btn-xing.icon.btn,.btn-group-lg>.btn-yahoo.icon.btn,.btn-group-lg>.btn-youtube.icon.btn,.btn-html5.btn-lg.icon,.btn-instagram.btn-lg.icon,.btn-linkedin.btn-lg.icon,.btn-openid.btn-lg.icon,.btn-pinterest.btn-lg.icon,.btn-reddit.btn-lg.icon,.btn-spotify.btn-lg.icon,.btn-stack-overflow.btn-lg.icon,.btn-tumblr.btn-lg.icon,.btn-twitter.btn-lg.icon,.btn-vimeo.btn-lg.icon,.btn-vine.btn-lg.icon,.btn-vk.btn-lg.icon,.btn-xing.btn-lg.icon,.btn-yahoo.btn-lg.icon,.btn-youtube.btn-lg.icon{width:2.64062rem;height:2.64062rem}.btn-behance.btn-sm,.btn-css3.btn-sm,.btn-dribbble.btn-sm,.btn-dropbox.btn-sm,.btn-facebook.btn-sm,.btn-flickr.btn-sm,.btn-foursquare.btn-sm,.btn-github.btn-sm,.btn-google-plus.btn-sm,.btn-group-sm>.btn-behance.btn,.btn-group-sm>.btn-css3.btn,.btn-group-sm>.btn-dribbble.btn,.btn-group-sm>.btn-dropbox.btn,.btn-group-sm>.btn-facebook.btn,.btn-group-sm>.btn-flickr.btn,.btn-group-sm>.btn-foursquare.btn,.btn-group-sm>.btn-github.btn,.btn-group-sm>.btn-google-plus.btn,.btn-group-sm>.btn-html5.btn,.btn-group-sm>.btn-instagram.btn,.btn-group-sm>.btn-linkedin.btn,.btn-group-sm>.btn-openid.btn,.btn-group-sm>.btn-pinterest.btn,.btn-group-sm>.btn-reddit.btn,.btn-group-sm>.btn-spotify.btn,.btn-group-sm>.btn-stack-overflow.btn,.btn-group-sm>.btn-tumblr.btn,.btn-group-sm>.btn-twitter.btn,.btn-group-sm>.btn-vimeo.btn,.btn-group-sm>.btn-vine.btn,.btn-group-sm>.btn-vk.btn,.btn-group-sm>.btn-xing.btn,.btn-group-sm>.btn-yahoo.btn,.btn-group-sm>.btn-youtube.btn,.btn-html5.btn-sm,.btn-instagram.btn-sm,.btn-linkedin.btn-sm,.btn-openid.btn-sm,.btn-pinterest.btn-sm,.btn-reddit.btn-sm,.btn-spotify.btn-sm,.btn-stack-overflow.btn-sm,.btn-tumblr.btn-sm,.btn-twitter.btn-sm,.btn-vimeo.btn-sm,.btn-vine.btn-sm,.btn-vk.btn-sm,.btn-xing.btn-sm,.btn-yahoo.btn-sm,.btn-youtube.btn-sm{padding:.25rem .5rem;font-size:.76562rem;line-height:1.5;border:0}.btn-behance.btn-sm::before,.btn-css3.btn-sm::before,.btn-dribbble.btn-sm::before,.btn-dropbox.btn-sm::before,.btn-facebook.btn-sm::before,.btn-flickr.btn-sm::before,.btn-foursquare.btn-sm::before,.btn-github.btn-sm::before,.btn-google-plus.btn-sm::before,.btn-group-sm>.btn-behance.btn::before,.btn-group-sm>.btn-css3.btn::before,.btn-group-sm>.btn-dribbble.btn::before,.btn-group-sm>.btn-dropbox.btn::before,.btn-group-sm>.btn-facebook.btn::before,.btn-group-sm>.btn-flickr.btn::before,.btn-group-sm>.btn-foursquare.btn::before,.btn-group-sm>.btn-github.btn::before,.btn-group-sm>.btn-google-plus.btn::before,.btn-group-sm>.btn-html5.btn::before,.btn-group-sm>.btn-instagram.btn::before,.btn-group-sm>.btn-linkedin.btn::before,.btn-group-sm>.btn-openid.btn::before,.btn-group-sm>.btn-pinterest.btn::before,.btn-group-sm>.btn-reddit.btn::before,.btn-group-sm>.btn-spotify.btn::before,.btn-group-sm>.btn-stack-overflow.btn::before,.btn-group-sm>.btn-tumblr.btn::before,.btn-group-sm>.btn-twitter.btn::before,.btn-group-sm>.btn-vimeo.btn::before,.btn-group-sm>.btn-vine.btn::before,.btn-group-sm>.btn-vk.btn::before,.btn-group-sm>.btn-xing.btn::before,.btn-group-sm>.btn-yahoo.btn::before,.btn-group-sm>.btn-youtube.btn::before,.btn-html5.btn-sm::before,.btn-instagram.btn-sm::before,.btn-linkedin.btn-sm::before,.btn-openid.btn-sm::before,.btn-pinterest.btn-sm::before,.btn-reddit.btn-sm::before,.btn-spotify.btn-sm::before,.btn-stack-overflow.btn-sm::before,.btn-tumblr.btn-sm::before,.btn-twitter.btn-sm::before,.btn-vimeo.btn-sm::before,.btn-vine.btn-sm::before,.btn-vk.btn-sm::before,.btn-xing.btn-sm::before,.btn-yahoo.btn-sm::before,.btn-youtube.btn-sm::before{width:1.64844rem;height:1.64844rem;padding:.25rem 0;font-size:.76562rem;line-height:1.5}.btn-behance.btn-sm span,.btn-css3.btn-sm span,.btn-dribbble.btn-sm span,.btn-dropbox.btn-sm span,.btn-facebook.btn-sm span,.btn-flickr.btn-sm span,.btn-foursquare.btn-sm span,.btn-github.btn-sm span,.btn-google-plus.btn-sm span,.btn-group-sm>.btn-behance.btn span,.btn-group-sm>.btn-css3.btn span,.btn-group-sm>.btn-dribbble.btn span,.btn-group-sm>.btn-dropbox.btn span,.btn-group-sm>.btn-facebook.btn span,.btn-group-sm>.btn-flickr.btn span,.btn-group-sm>.btn-foursquare.btn span,.btn-group-sm>.btn-github.btn span,.btn-group-sm>.btn-google-plus.btn span,.btn-group-sm>.btn-html5.btn span,.btn-group-sm>.btn-instagram.btn span,.btn-group-sm>.btn-linkedin.btn span,.btn-group-sm>.btn-openid.btn span,.btn-group-sm>.btn-pinterest.btn span,.btn-group-sm>.btn-reddit.btn span,.btn-group-sm>.btn-spotify.btn span,.btn-group-sm>.btn-stack-overflow.btn span,.btn-group-sm>.btn-tumblr.btn span,.btn-group-sm>.btn-twitter.btn span,.btn-group-sm>.btn-vimeo.btn span,.btn-group-sm>.btn-vine.btn span,.btn-group-sm>.btn-vk.btn span,.btn-group-sm>.btn-xing.btn span,.btn-group-sm>.btn-yahoo.btn span,.btn-group-sm>.btn-youtube.btn span,.btn-html5.btn-sm span,.btn-instagram.btn-sm span,.btn-linkedin.btn-sm span,.btn-openid.btn-sm span,.btn-pinterest.btn-sm span,.btn-reddit.btn-sm span,.btn-spotify.btn-sm span,.btn-stack-overflow.btn-sm span,.btn-tumblr.btn-sm span,.btn-twitter.btn-sm span,.btn-vimeo.btn-sm span,.btn-vine.btn-sm span,.btn-vk.btn-sm span,.btn-xing.btn-sm span,.btn-yahoo.btn-sm span,.btn-youtube.btn-sm span{margin-left:1.64844rem}.btn-behance.btn-sm.icon,.btn-css3.btn-sm.icon,.btn-dribbble.btn-sm.icon,.btn-dropbox.btn-sm.icon,.btn-facebook.btn-sm.icon,.btn-flickr.btn-sm.icon,.btn-foursquare.btn-sm.icon,.btn-github.btn-sm.icon,.btn-google-plus.btn-sm.icon,.btn-group-sm>.btn-behance.icon.btn,.btn-group-sm>.btn-css3.icon.btn,.btn-group-sm>.btn-dribbble.icon.btn,.btn-group-sm>.btn-dropbox.icon.btn,.btn-group-sm>.btn-facebook.icon.btn,.btn-group-sm>.btn-flickr.icon.btn,.btn-group-sm>.btn-foursquare.icon.btn,.btn-group-sm>.btn-github.icon.btn,.btn-group-sm>.btn-google-plus.icon.btn,.btn-group-sm>.btn-html5.icon.btn,.btn-group-sm>.btn-instagram.icon.btn,.btn-group-sm>.btn-linkedin.icon.btn,.btn-group-sm>.btn-openid.icon.btn,.btn-group-sm>.btn-pinterest.icon.btn,.btn-group-sm>.btn-reddit.icon.btn,.btn-group-sm>.btn-spotify.icon.btn,.btn-group-sm>.btn-stack-overflow.icon.btn,.btn-group-sm>.btn-tumblr.icon.btn,.btn-group-sm>.btn-twitter.icon.btn,.btn-group-sm>.btn-vimeo.icon.btn,.btn-group-sm>.btn-vine.icon.btn,.btn-group-sm>.btn-vk.icon.btn,.btn-group-sm>.btn-xing.icon.btn,.btn-group-sm>.btn-yahoo.icon.btn,.btn-group-sm>.btn-youtube.icon.btn,.btn-html5.btn-sm.icon,.btn-instagram.btn-sm.icon,.btn-linkedin.btn-sm.icon,.btn-openid.btn-sm.icon,.btn-pinterest.btn-sm.icon,.btn-reddit.btn-sm.icon,.btn-spotify.btn-sm.icon,.btn-stack-overflow.btn-sm.icon,.btn-tumblr.btn-sm.icon,.btn-twitter.btn-sm.icon,.btn-vimeo.btn-sm.icon,.btn-vine.btn-sm.icon,.btn-vk.btn-sm.icon,.btn-xing.btn-sm.icon,.btn-yahoo.btn-sm.icon,.btn-youtube.btn-sm.icon{width:1.64844rem;height:1.64844rem}.btn-facebook{background:#3b5998}.btn-facebook::before{content:"\f09a";background:#344e86}.btn-facebook:hover{background:#344e86}.btn-facebook:hover::before{background:#2d4373}.btn-twitter{background:#00aced}.btn-twitter::before{content:"\f099";background:#0099d4}.btn-twitter:hover{background:#0099d4}.btn-twitter:hover::before{background:#0087ba}.btn-linkedin{background:#4875b4}.btn-linkedin::before{content:"\f0e1";background:#4169a2}.btn-linkedin:hover{background:#4169a2}.btn-linkedin:hover::before{background:#395d90}.btn-flickr{background:#ff0084}.btn-flickr::before{content:"\f16e";background:#e60077}.btn-flickr:hover{background:#e60077}.btn-flickr:hover::before{background:#cc006a}.btn-tumblr{background:#32506d}.btn-tumblr::before{content:"\f173";background:#2a435c}.btn-tumblr:hover{background:#2a435c}.btn-tumblr:hover::before{background:#22364a}.btn-xing{background:#026466}.btn-xing::before,.btn-xing:hover{background:#024b4d}.btn-xing::before{content:"\f168"}.btn-xing:hover::before{background:#013334}.btn-github{background:#4183c4}.btn-github::before{content:"\f09b";background:#3876b4}.btn-github:hover{background:#3876b4}.btn-github:hover::before{background:#3269a0}.btn-html5{background:#e34f26}.btn-html5::before,.btn-html5:hover{background:#d4431b}.btn-html5::before{content:"\f13b"}.btn-html5:hover::before{background:#be3c18}.btn-openid{background:#f78c40}.btn-openid::before{content:"\f19b";background:#f67d28}.btn-openid:hover{background:#f67d28}.btn-openid:hover::before{background:#f56f0f}.btn-stack-overflow{background:#fe7a15}.btn-stack-overflow::before{content:"\f16c";background:#f86c01}.btn-stack-overflow:hover{background:#f86c01}.btn-stack-overflow:hover::before{background:#df6101}.btn-css3{background:#0170ba}.btn-css3::before,.btn-css3:hover{background:#0161a1}.btn-css3::before{content:"\f13c"}.btn-css3:hover::before{background:#015187}.btn-youtube{background:#b00}.btn-youtube::before{content:"\f167";background:#a20000}.btn-youtube:hover{background:#a20000}.btn-youtube:hover::before{background:#800}.btn-dribbble{background:#ea4c89}.btn-dribbble::before{content:"\f17d";background:#e7357a}.btn-dribbble:hover{background:#e7357a}.btn-dribbble:hover::before{background:#e51e6b}.btn-google-plus{background:#d34836}.btn-google-plus::before{content:"\f0d5";background:#c43d2b}.btn-google-plus:hover{background:#c43d2b}.btn-google-plus:hover::before{background:#b03626}.btn-instagram{background:#517fa4}.btn-instagram::before{content:"\f16d";background:#497293}.btn-instagram:hover{background:#497293}.btn-instagram:hover::before{background:#406582}.btn-pinterest{background:#cb2027}.btn-pinterest::before{content:"\f0d2";background:#b51d23}.btn-pinterest:hover{background:#b51d23}.btn-pinterest:hover::before{background:#9f191f}.btn-vk{background:#45668e}.btn-vk::before,.btn-vk:hover{background:#3d5a7d}.btn-vk::before{content:"\f189"}.btn-vk:hover::before{background:#344d6c}.btn-yahoo{background:#400191}.btn-yahoo::before,.btn-yahoo:hover{background:#350178}.btn-yahoo::before{content:"\f19e"}.btn-yahoo:hover::before{background:#2a015e}.btn-behance{background:#1769ff}.btn-behance::before{content:"\f1b4";background:#0059fd}.btn-behance:hover{background:#0059fd}.btn-behance:hover::before{background:#0050e3}.btn-dropbox{background:#007ee5}.btn-dropbox::before{content:"\f16b";background:#0070cc}.btn-dropbox:hover{background:#0070cc}.btn-dropbox:hover::before{background:#0062b2}.btn-reddit{background:#ff4500}.btn-reddit::before{content:"\f1a1";background:#e63e00}.btn-reddit:hover{background:#e63e00}.btn-reddit:hover::before{background:#cc3700}.btn-spotify{background:#7ab800}.btn-spotify::before{content:"\f1bc";background:#699f00}.btn-spotify:hover{background:#699f00}.btn-spotify:hover::before{background:#588500}.btn-vine{background:#00bf8f}.btn-vine::before,.btn-vine:hover{background:#00a67c}.btn-vine::before{content:"\f1ca"}.btn-vine:hover::before{background:#008c69}.btn-foursquare{background:#1073af}.btn-foursquare::before{content:"\f180";background:#0e6498}.btn-foursquare:hover{background:#0e6498}.btn-foursquare:hover::before{background:#0c5480}.btn-vimeo{background:#aad450}.btn-vimeo::before,.btn-vimeo:hover{background:#a0cf3c}.btn-vimeo::before{content:"\f194"}.btn-vimeo:hover::before{background:#93c130}.callout{position:relative;padding:0 1rem;margin:1rem 0;border:0 solid #c2cfd6;border-left-width:.25rem}.callout .chart-wrapper{position:absolute;top:10px;left:50%;float:right;width:50%}.callout-bordered{border:1px solid #c2cfd6;border-left-width:.25rem}.callout code{border-radius:.25rem}.callout h4{margin-top:0;margin-bottom:.25rem}.callout p:last-child{margin-bottom:0}.callout+.callout{margin-top:-.25rem}.callout-default{border-left-color:#536c79}.callout-default h4{color:#536c79}.callout-primary{border-left-color:#20a8d8}.callout-primary h4{color:#20a8d8}.callout-secondary{border-left-color:#a4b7c1}.callout-secondary h4{color:#a4b7c1}.callout-success{border-left-color:#4dbd74}.callout-success h4{color:#4dbd74}.callout-info{border-left-color:#63c2de}.callout-info h4{color:#63c2de}.callout-warning{border-left-color:#ffc107}.callout-warning h4{color:#ffc107}.callout-danger{border-left-color:#f86c6b}.callout-danger h4{color:#f86c6b}.callout-light{border-left-color:#f0f3f5}.callout-light h4{color:#f0f3f5}.callout-dark{border-left-color:#29363d}.callout-dark h4{color:#29363d}.card{margin-bottom:1.5rem}.card.bg-primary{border-color:#187da0}.card.bg-primary .card-header{background-color:#1e9ecb;border-color:#187da0}.card.bg-secondary{border-color:#7e99a7}.card.bg-secondary .card-header{background-color:#9bb0bb;border-color:#7e99a7}.card.bg-success{border-color:#379457}.card.bg-success .card-header{background-color:#44b76c;border-color:#379457}.card.bg-info{border-color:#2eadd3}.card.bg-info .card-header{background-color:#56bddb;border-color:#2eadd3}.card.bg-warning{border-color:#c69500}.card.bg-warning .card-header{background-color:#f7b900;border-color:#c69500}.card.bg-danger{border-color:#f5302e}.card.bg-danger .card-header{background-color:#f75d5c;border-color:#f5302e}.card.bg-light{border-color:#cad4dc}.card.bg-light .card-header{background-color:#e7ecef;border-color:#cad4dc}.card.bg-dark{border-color:#0f1417}.card.bg-dark .card-header{background-color:#232e34;border-color:#0f1417}.text-white .text-muted{color:rgba(255,255,255,.6)!important}.card-header .icon-bg{display:inline-body;padding:.75rem 1.25rem!important;line-height:inherit;color:#151b1e;vertical-align:bottom;background:0 0;border-right:1px solid #c2cfd6;margin:-.75rem 1.25rem -.75rem -1.25rem}.card-header .nav.nav-tabs{margin-top:-.75rem;margin-bottom:-.75rem;border-bottom:0}.card-header .nav.nav-tabs .nav-item{border-top:0}.card-header .nav.nav-tabs .nav-link,.card-header .nav.nav-tabs .navbar .dropdown-toggle,.navbar .card-header .nav.nav-tabs .dropdown-toggle{padding:.75rem .625rem;color:#536c79;border-top:0}.card-header .nav.nav-tabs .nav-link.active,.card-header .nav.nav-tabs .navbar .active.dropdown-toggle,.navbar .card-header .nav.nav-tabs .active.dropdown-toggle{color:#151b1e;background:#fff}.card-header.card-header-inverse{color:#fff}.card-header .btn{margin-top:-.375rem}.card-header .btn-group-sm>.btn,.card-header .btn-sm{margin-top:-.25rem}.card-header .btn-group-lg>.btn,.card-header .btn-lg{margin-top:-.5rem}.card-footer ul{display:table;width:100%;padding:0;margin:0;table-layout:fixed}.card-footer ul li{display:table-cell;padding:0 1.25rem;text-align:center}[class*=card-outline-] .card-block,[class*=card-outline-] .card-body{background:#fff!important}[class*=card-outline-].card-outline-top{border-top-width:2px;border-right-color:#c2cfd6;border-bottom-color:#c2cfd6;border-left-color:#c2cfd6}.card-accent-primary{border-top-width:2px;border-top-color:#20a8d8}.card-accent-secondary{border-top-width:2px;border-top-color:#a4b7c1}.card-accent-success{border-top-width:2px;border-top-color:#4dbd74}.card-accent-info{border-top-width:2px;border-top-color:#63c2de}.card-accent-warning{border-top-width:2px;border-top-color:#ffc107}.card-accent-danger{border-top-width:2px;border-top-color:#f86c6b}.card-accent-light{border-top-width:2px;border-top-color:#f0f3f5}.card-accent-dark{border-top-width:2px;border-top-color:#29363d}.card-header>i{margin-right:.5rem}.card-header .card-actions{position:absolute;top:0;right:0}.card-header .card-actions a,.card-header .card-actions button{display:block;float:left;width:50px;padding:.75rem 0;margin:0!important;color:#151b1e;text-align:center;background:0 0;border:0;border-left:1px solid #c2cfd6;box-shadow:0}.card-header .card-actions a:hover,.card-header .card-actions button:hover{text-decoration:none}.card-header .card-actions a [class*=" icon-"],.card-header .card-actions a [class^=icon-],.card-header .card-actions button [class*=" icon-"],.card-header .card-actions button [class^=icon-]{display:inline-body;vertical-align:middle}.card-header .card-actions a i,.card-header .card-actions button i{display:inline-body;transition:.4s}.card-header .card-actions a .r180,.card-header .card-actions button .r180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card-header .card-actions .input-group{width:230px;margin:6px}.card-header .card-actions .input-group .input-group-addon{background:#fff}.card-header .card-actions .input-group input{border-left:0}.card-full{margin-top:-1rem;margin-right:-15px;margin-left:-15px;border:0;border-bottom:1px solid #c2cfd6}.card .drag,.card.drag{cursor:move}.card-placeholder{background:rgba(0,0,0,.025);border:1px dashed #a4b7c1}.chart-wrapper canvas{width:100%!important}base-chart.chart{display:block!important}.dropdown-item{position:relative;padding:10px 20px;border-bottom:1px solid #c2cfd6}.dropdown-item:last-child{border-bottom:0}.dropdown-item i{display:inline-block;width:20px;margin-right:10px;margin-left:-10px;color:#c2cfd6;text-align:center}.dropdown-item .badge{position:absolute;right:10px;margin-top:2px}.dropdown-header{padding:8px 20px;background:#f0f3f5;border-bottom:1px solid #c2cfd6}.dropdown-header .btn{margin-top:-7px;color:#536c79}.app-footer,.dropdown-header .btn:hover{color:#151b1e}.dropdown-header .btn.pull-right{margin-right:-20px}.dropdown-menu-lg{width:250px}.app-header .navbar-nav .dropdown-menu{position:absolute}.app-header .navbar-nav .dropdown-menu-right{right:0;left:auto}.app-header .navbar-nav .dropdown-menu-left{right:auto;left:0}.app-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0 1rem;background:#f0f3f5;border-top:1px solid #c2cfd6}.row.row-equal,.row.row-equal [class*=col-]{padding-right:7.5px;padding-left:7.5px}.row.row-equal{margin-right:-15px;margin-left:-15px}.main .container-fluid{padding:0 30px}.input-group-addon,.input-group-btn{min-width:40px;white-space:nowrap;vertical-align:middle}#loading-bar,#loading-bar-spinner{-webkit-pointer-events:none;pointer-events:none;transition:350ms linear all}#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active{opacity:0}#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave{opacity:1}#loading-bar .bar{position:fixed;top:0;left:0;z-index:20002;width:100%;height:2px;background:#20a8d8;border-top-right-radius:1px;border-bottom-right-radius:1px;transition:width 350ms}#loading-bar .peg{position:absolute;top:0;right:0;width:70px;height:2px;border-radius:100%;-ms-box-shadow:#29d 1px 0 6px 1px;box-shadow:#29d 1px 0 6px 1px;opacity:.45}#loading-bar-spinner{position:fixed;top:10px;left:10px;z-index:10002;display:block}#loading-bar-spinner .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:loading-bar-spinner .4s linear infinite;animation:loading-bar-spinner .4s linear infinite}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pace{-webkit-pointer-events:none;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{position:fixed;top:0;right:100%;z-index:2000;width:100%;height:2px;background:#20a8d8}.modal-primary .modal-content{border-color:#20a8d8}.modal-primary .modal-header{color:#fff;background-color:#20a8d8}.modal-secondary .modal-content{border-color:#a4b7c1}.modal-secondary .modal-header{color:#fff;background-color:#a4b7c1}.modal-success .modal-content{border-color:#4dbd74}.modal-success .modal-header{color:#fff;background-color:#4dbd74}.modal-info .modal-content{border-color:#63c2de}.modal-info .modal-header{color:#fff;background-color:#63c2de}.modal-warning .modal-content{border-color:#ffc107}.modal-warning .modal-header{color:#fff;background-color:#ffc107}.modal-danger .modal-content{border-color:#f86c6b}.modal-danger .modal-header{color:#fff;background-color:#f86c6b}.modal-light .modal-content{border-color:#f0f3f5}.modal-light .modal-header{color:#fff;background-color:#f0f3f5}.modal-dark .modal-content{border-color:#29363d}.modal-dark .modal-header{color:#fff;background-color:#29363d}.nav-tabs .nav-link,.nav-tabs .navbar .dropdown-toggle,.navbar .nav-tabs .dropdown-toggle{color:#536c79}.nav-tabs .nav-link.active,.nav-tabs .navbar .active.dropdown-toggle,.navbar .nav-tabs .active.dropdown-toggle{color:#29363d;background:#fff;border-color:#c2cfd6 #c2cfd6 #fff}.nav-tabs .nav-link.active:focus,.nav-tabs .navbar .active.dropdown-toggle:focus,.navbar .nav-tabs .active.dropdown-toggle:focus{background:#fff;border-color:#c2cfd6 #c2cfd6 #fff}.tab-content{margin-top:-1px;background:#fff;border:1px solid #c2cfd6}.tab-content .tab-pane{padding:1rem}.card-block .tab-content{margin-top:0;border:0}.app-header.navbar,.app-header.navbar .navbar-brand{height:55px;background-color:#fff;border-bottom:1px solid #c2cfd6}.app-header.navbar{position:relative;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0}.app-header.navbar .navbar-brand{display:inline-block;width:155px;padding:.5rem 1rem;margin-right:0;background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:center center;background-size:70px auto}.app-header.navbar .navbar-toggler{min-width:50px;padding:.25rem 0}.app-header.navbar .navbar-toggler:hover .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2329363d' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.app-header.navbar .navbar-toggler-icon{height:23px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23536c79' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.app-header.navbar .navbar-nav{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.app-header.navbar .nav-item{position:relative;min-width:50px;margin:0!important;text-align:center}.app-header.navbar .nav-item button{margin:0 auto}.app-header.navbar .nav-item .dropdown-toggle,.app-header.navbar .nav-item .nav-link{padding-top:0;padding-bottom:0;background:0;border:0}.app-header.navbar .nav-item .dropdown-toggle .badge,.app-header.navbar .nav-item .nav-link .badge{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:0}.app-header.navbar .nav-item .dropdown-toggle>.img-avatar,.app-header.navbar .nav-item .nav-link>.img-avatar{height:35px;margin:0 10px}.app-header.navbar .dropdown-menu{padding-bottom:0;line-height:1.5}.app-header.navbar .dropdown-item{min-width:180px}.navbar-brand,.navbar-brand:focus,.navbar-brand:hover{color:#29363d}.navbar .navbar-nav .dropdown-toggle,.navbar-nav .nav-link,.navbar-nav .navbar .dropdown-toggle{color:#536c79}.navbar .navbar-nav .active.dropdown-toggle,.navbar .navbar-nav .active.dropdown-toggle:focus,.navbar .navbar-nav .active.dropdown-toggle:hover,.navbar .navbar-nav .active>.dropdown-toggle,.navbar .navbar-nav .active>.dropdown-toggle:focus,.navbar .navbar-nav .active>.dropdown-toggle:hover,.navbar .navbar-nav .dropdown-toggle:focus,.navbar .navbar-nav .dropdown-toggle:hover,.navbar .navbar-nav .open.dropdown-toggle,.navbar .navbar-nav .open.dropdown-toggle:focus,.navbar .navbar-nav .open.dropdown-toggle:hover,.navbar .navbar-nav .open>.dropdown-toggle,.navbar .navbar-nav .open>.dropdown-toggle:focus,.navbar .navbar-nav .open>.dropdown-toggle:hover,.navbar-nav .active>.nav-link,.navbar-nav .active>.nav-link:focus,.navbar-nav .active>.nav-link:hover,.navbar-nav .nav-link.active,.navbar-nav .nav-link.active:focus,.navbar-nav .nav-link.active:hover,.navbar-nav .nav-link.open,.navbar-nav .nav-link.open:focus,.navbar-nav .nav-link.open:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,.navbar-nav .navbar .active.dropdown-toggle,.navbar-nav .navbar .active.dropdown-toggle:focus,.navbar-nav .navbar .active.dropdown-toggle:hover,.navbar-nav .navbar .active>.dropdown-toggle,.navbar-nav .navbar .active>.dropdown-toggle:focus,.navbar-nav .navbar .active>.dropdown-toggle:hover,.navbar-nav .navbar .dropdown-toggle:focus,.navbar-nav .navbar .dropdown-toggle:hover,.navbar-nav .navbar .open.dropdown-toggle,.navbar-nav .navbar .open.dropdown-toggle:focus,.navbar-nav .navbar .open.dropdown-toggle:hover,.navbar-nav .navbar .open>.dropdown-toggle,.navbar-nav .navbar .open>.dropdown-toggle:focus,.navbar-nav .navbar .open>.dropdown-toggle:hover,.navbar-nav .open>.nav-link,.navbar-nav .open>.nav-link:focus,.navbar-nav .open>.nav-link:hover{color:#29363d}.navbar-divider{background-color:rgba(0,0,0,.075)}@media (min-width:992px){.brand-minimized .app-header.navbar .navbar-brand{width:50px;background-color:#fff;background-image:url(../img/logo-symbol.png);background-size:24px;border-bottom:1px solid #c2cfd6}}.progress-xs{height:4px}.progress-sm{height:8px}.progress-white{background-color:rgba(255,255,255,.2)!important}.progress-white .progress-bar{background-color:#fff}.sidebar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;color:#fff;background:#29363d}.sidebar .sidebar-close{position:absolute;right:0;display:none;padding:0 1rem;font-size:24px;font-weight:800;line-height:55px;color:#fff;background:0;border:0;opacity:.8}.sidebar .nav-title,.switch.switch-3d .switch-label,.switch.switch-default .switch-label,.switch.switch-icon .switch-label,.switch.switch-text .switch-label{font-weight:600;text-transform:uppercase}.sidebar .sidebar-close:hover{opacity:1}.sidebar .sidebar-header{-ms-flex:0 0 auto;flex:0 0 auto;padding:.75rem 1rem;text-align:center;background:rgba(0,0,0,.2)}.sidebar .sidebar-form .form-control{color:#fff;background:#151b1f;border:0}.sidebar .sidebar-form .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.7)}.sidebar .sidebar-form .form-control:-ms-input-placeholder{color:rgba(255,255,255,.7)}.sidebar .sidebar-form .form-control::-ms-input-placeholder{color:rgba(255,255,255,.7)}.sidebar .sidebar-form .form-control::placeholder{color:rgba(255,255,255,.7)}.sidebar .sidebar-nav{position:relative;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;width:200px}.sidebar .sidebar-nav::-webkit-scrollbar{position:absolute;width:10px;margin-left:-10px;-webkit-appearance:none}.sidebar .sidebar-nav::-webkit-scrollbar-track{background-color:#33444c;border-right:1px solid #1f292e;border-left:1px solid #1f292e}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{height:50px;background-color:#151b1f;background-clip:content-box;border-color:transparent;border-style:solid;border-width:1px 2px}.sidebar .nav{width:200px;-ms-flex-direction:column;flex-direction:column;min-height:100%}.sidebar .nav-title{padding:.75rem 1rem;font-size:11px;color:#c2cfd6}.sidebar .divider,.sidebar .nav-divider{height:10px}.sidebar .nav-item{position:relative;margin:0;transition:background .3s ease-in-out}.sidebar .nav-dropdown-items{max-height:0;padding:0;margin:0;overflow-y:hidden;transition:max-height .3s ease-in-out}.sidebar .nav-dropdown-items .nav-item{padding:0;list-style:none}.navbar .sidebar .dropdown-toggle,.sidebar .nav-link,.sidebar .navbar .dropdown-toggle{display:block;padding:.75rem 1rem;color:#fff;text-decoration:none;background:0 0}.navbar .sidebar .dropdown-toggle i,.sidebar .nav-link i,.sidebar .navbar .dropdown-toggle i{display:inline-block;width:20px;margin:0 .5rem 0 0;font-size:14px;color:#536c79;text-align:center}.navbar .sidebar .dropdown-toggle .badge,.sidebar .nav-link .badge,.sidebar .navbar .dropdown-toggle .badge{float:right;margin-top:2px}.navbar .sidebar .active.dropdown-toggle,.sidebar .nav-link.active,.sidebar .navbar .active.dropdown-toggle{color:#fff;background:#33444c}.navbar .sidebar .active.dropdown-toggle i,.sidebar .nav-link.active i,.sidebar .navbar .active.dropdown-toggle i{color:#20a8d8}.navbar .sidebar .dropdown-toggle:hover,.sidebar .nav-link:hover,.sidebar .navbar .dropdown-toggle:hover{color:#fff;background:#20a8d8}.navbar .sidebar .dropdown-toggle:hover i,.sidebar .nav-link:hover i,.sidebar .navbar .dropdown-toggle:hover i{color:#fff}.navbar .sidebar .dropdown-toggle:hover.nav-dropdown-toggle::before,.sidebar .nav-link:hover.nav-dropdown-toggle::before,.sidebar .navbar .dropdown-toggle:hover.nav-dropdown-toggle::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E")}.navbar .sidebar .nav-link-primary.dropdown-toggle,.sidebar .nav-link.nav-link-primary,.sidebar .navbar .nav-link-primary.dropdown-toggle{background:#20a8d8}.navbar .sidebar .nav-link-primary.dropdown-toggle i,.sidebar .nav-link.nav-link-primary i,.sidebar .navbar .nav-link-primary.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-primary.dropdown-toggle:hover,.sidebar .nav-link.nav-link-primary:hover,.sidebar .navbar .nav-link-primary.dropdown-toggle:hover{background:#1d97c2!important}.navbar .sidebar .nav-link-primary.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-primary:hover i,.sidebar .navbar .nav-link-primary.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-secondary.dropdown-toggle,.sidebar .nav-link.nav-link-secondary,.sidebar .navbar .nav-link-secondary.dropdown-toggle{background:#a4b7c1}.navbar .sidebar .nav-link-secondary.dropdown-toggle i,.sidebar .nav-link.nav-link-secondary i,.sidebar .navbar .nav-link-secondary.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-secondary.dropdown-toggle:hover,.sidebar .nav-link.nav-link-secondary:hover,.sidebar .navbar .nav-link-secondary.dropdown-toggle:hover{background:#95abb7!important}.navbar .sidebar .nav-link-secondary.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-secondary:hover i,.sidebar .navbar .nav-link-secondary.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-success.dropdown-toggle,.sidebar .nav-link.nav-link-success,.sidebar .navbar .nav-link-success.dropdown-toggle{background:#4dbd74}.navbar .sidebar .nav-link-success.dropdown-toggle i,.sidebar .nav-link.nav-link-success i,.sidebar .navbar .nav-link-success.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-success.dropdown-toggle:hover,.sidebar .nav-link.nav-link-success:hover,.sidebar .navbar .nav-link-success.dropdown-toggle:hover{background:#41af67!important}.navbar .sidebar .nav-link-success.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-success:hover i,.sidebar .navbar .nav-link-success.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-info.dropdown-toggle,.sidebar .nav-link.nav-link-info,.sidebar .navbar .nav-link-info.dropdown-toggle{background:#63c2de}.navbar .sidebar .nav-link-info.dropdown-toggle i,.sidebar .nav-link.nav-link-info i,.sidebar .navbar .nav-link-info.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-info.dropdown-toggle:hover,.sidebar .nav-link.nav-link-info:hover,.sidebar .navbar .nav-link-info.dropdown-toggle:hover{background:#4ebada!important}.navbar .sidebar .nav-link-info.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-info:hover i,.sidebar .navbar .nav-link-info.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-warning.dropdown-toggle,.sidebar .nav-link.nav-link-warning,.sidebar .navbar .nav-link-warning.dropdown-toggle{background:#ffc107}.navbar .sidebar .nav-link-warning.dropdown-toggle i,.sidebar .nav-link.nav-link-warning i,.sidebar .navbar .nav-link-warning.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-warning.dropdown-toggle:hover,.sidebar .nav-link.nav-link-warning:hover,.sidebar .navbar .nav-link-warning.dropdown-toggle:hover{background:#edb100!important}.navbar .sidebar .nav-link-warning.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-warning:hover i,.sidebar .navbar .nav-link-warning.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-danger.dropdown-toggle,.sidebar .nav-link.nav-link-danger,.sidebar .navbar .nav-link-danger.dropdown-toggle{background:#f86c6b}.navbar .sidebar .nav-link-danger.dropdown-toggle i,.sidebar .nav-link.nav-link-danger i,.sidebar .navbar .nav-link-danger.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-danger.dropdown-toggle:hover,.sidebar .nav-link.nav-link-danger:hover,.sidebar .navbar .nav-link-danger.dropdown-toggle:hover{background:#f75453!important}.navbar .sidebar .nav-link-danger.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-danger:hover i,.sidebar .navbar .nav-link-danger.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-light.dropdown-toggle,.sidebar .nav-link.nav-link-light,.sidebar .navbar .nav-link-light.dropdown-toggle{background:#f0f3f5}.navbar .sidebar .nav-link-light.dropdown-toggle i,.sidebar .nav-link.nav-link-light i,.sidebar .navbar .nav-link-light.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-light.dropdown-toggle:hover,.sidebar .nav-link.nav-link-light:hover,.sidebar .navbar .nav-link-light.dropdown-toggle:hover{background:#e1e7eb!important}.navbar .sidebar .nav-link-light.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-light:hover i,.sidebar .navbar .nav-link-light.dropdown-toggle:hover i{color:#fff}.navbar .sidebar .nav-link-dark.dropdown-toggle,.sidebar .nav-link.nav-link-dark,.sidebar .navbar .nav-link-dark.dropdown-toggle{background:#29363d}.navbar .sidebar .nav-link-dark.dropdown-toggle i,.sidebar .nav-link.nav-link-dark i,.sidebar .navbar .nav-link-dark.dropdown-toggle i{color:rgba(255,255,255,.7)}.navbar .sidebar .nav-link-dark.dropdown-toggle:hover,.sidebar .nav-link.nav-link-dark:hover,.sidebar .navbar .nav-link-dark.dropdown-toggle:hover{background:#1f292e!important}.navbar .sidebar .nav-link-dark.dropdown-toggle:hover i,.sidebar .nav-link.nav-link-dark:hover i,.sidebar .navbar .nav-link-dark.dropdown-toggle:hover i{color:#fff}.sidebar .nav-dropdown-toggle{position:relative}.sidebar .nav-dropdown-toggle::before{position:absolute;top:50%;right:1rem;display:block;width:8px;height:8px;padding:0;margin-top:-4px;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.sidebar .nav-dropdown.open{background:rgba(0,0,0,.2)}.sidebar .nav-dropdown.open>.nav-dropdown-items{max-height:1000px}.navbar .sidebar .nav-dropdown.open .dropdown-toggle,.sidebar .nav-dropdown.open .nav-link,.sidebar .nav-dropdown.open .navbar .dropdown-toggle{color:#fff;border-left:0!important}.navbar .sidebar .nav-dropdown.open>.nav-dropdown-toggle.dropdown-toggle::before,.sidebar .nav-dropdown.open>.nav-link.nav-dropdown-toggle::before,.sidebar .navbar .nav-dropdown.open>.nav-dropdown-toggle.dropdown-toggle::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.sidebar .nav-dropdown.open .nav-dropdown.open{border-left:0}.sidebar .nav-label{display:block;padding:.09375rem 1rem;color:#c2cfd6}.sidebar .nav-label:hover{color:#fff;text-decoration:none}.sidebar .nav-label i{width:20px;margin:-3px .5rem 0 0;font-size:10px;color:#536c79;text-align:center;vertical-align:middle}.sidebar .progress{background-color:#485f6b!important}.sidebar .sidebar-footer{-ms-flex:0 0 auto;flex:0 0 auto;padding:.75rem 1rem;background:rgba(0,0,0,.2)}.sidebar .sidebar-minimizer{position:relative;-ms-flex:0 0 50px;flex:0 0 50px;background-color:rgba(0,0,0,.2);border:0}.sidebar .sidebar-minimizer::before{position:absolute;top:0;right:0;width:50px;height:50px;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12.5px;transition:.3s}.sidebar .sidebar-minimizer.focus,.sidebar .sidebar-minimizer:focus{outline:0}.sidebar .sidebar-minimizer:hover{background-color:rgba(0,0,0,.3)}.sidebar .sidebar-minimizer:hover::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E")}@media (min-width:992px){.navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle,.sidebar-compact .sidebar .nav .nav-item .nav-link,.sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle,.sidebar-compact .sidebar .nav .nav-title{text-align:center}.sidebar-compact .sidebar .nav,.sidebar-compact .sidebar .sidebar-nav{width:150px}.sidebar-compact .sidebar .nav .nav-item{width:150px;border-left:0!important}.navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle i,.sidebar-compact .sidebar .nav .nav-item .nav-link i,.sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle i{display:block;width:100%;margin:.25rem 0;font-size:24px}.sidebar-minimized .hidden-cn,.sidebar-minimized .sidebar .divider,.sidebar-minimized .sidebar .nav-divider,.sidebar-minimized .sidebar .nav-title,.sidebar-minimized .sidebar .sidebar-footer,.sidebar-minimized .sidebar .sidebar-form,.sidebar-minimized .sidebar .sidebar-header{display:none}.navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle .badge,.sidebar-compact .sidebar .nav .nav-item .nav-link .badge,.sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle .badge{position:absolute;top:18px;right:10px}.navbar .sidebar-compact .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before,.sidebar-compact .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before,.sidebar-compact .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before{top:30px}.sidebar-minimized .sidebar{z-index:1019}.sidebar-minimized .sidebar .sidebar-nav{overflow:visible;width:50px}.sidebar-minimized .sidebar .nav{width:50px}.sidebar-minimized .sidebar .sidebar-minimizer::before{width:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.sidebar-minimized .sidebar .nav-item{width:50px;overflow:hidden;border-left:0!important}.sidebar-minimized .sidebar .nav-item:hover{width:250px;overflow:visible}.navbar .sidebar-minimized .sidebar .nav-item:hover>.dropdown-toggle,.sidebar-minimized .sidebar .nav-item:hover>.nav-link,.sidebar-minimized .sidebar .navbar .nav-item:hover>.dropdown-toggle{background:#20a8d8}.navbar .sidebar-minimized .sidebar .nav-item:hover>.dropdown-toggle i,.sidebar-minimized .sidebar .nav-item:hover>.nav-link i,.sidebar-minimized .sidebar .navbar .nav-item:hover>.dropdown-toggle i{color:#fff}.navbar .sidebar-minimized .sidebar .dropdown-toggle,.sidebar-minimized .sidebar .nav-link,.sidebar-minimized .sidebar .navbar .dropdown-toggle{position:relative;padding-left:0;margin:0;white-space:nowrap;border-left:0!important}.navbar .sidebar-minimized .sidebar .dropdown-toggle i,.sidebar-minimized .sidebar .nav-link i,.sidebar-minimized .sidebar .navbar .dropdown-toggle i{display:block;float:left;width:50px;font-size:18px}.navbar .sidebar-minimized .sidebar .dropdown-toggle .badge,.sidebar-minimized .sidebar .nav-link .badge,.sidebar-minimized .sidebar .navbar .dropdown-toggle .badge{position:absolute;right:15px;display:none}.navbar .sidebar-minimized .sidebar .dropdown-toggle:hover,.sidebar-minimized .sidebar .nav-link:hover,.sidebar-minimized .sidebar .navbar .dropdown-toggle:hover{width:250px;background:#20a8d8}.navbar .sidebar-minimized .sidebar .dropdown-toggle:hover .badge,.sidebar-minimized .sidebar .nav-link:hover .badge,.sidebar-minimized .sidebar .navbar .dropdown-toggle:hover .badge{display:inline}.navbar .sidebar-minimized .sidebar .nav-dropdown-toggle.dropdown-toggle::before,.sidebar-minimized .sidebar .nav-link.nav-dropdown-toggle::before,.sidebar-minimized .sidebar .navbar .nav-dropdown-toggle.dropdown-toggle::before{display:none}.navbar .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .dropdown-toggle,.sidebar-minimized .sidebar .nav-dropdown-items .nav-item,.sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link,.sidebar-minimized .sidebar .nav-dropdown-items .nav-item .navbar .dropdown-toggle{width:200px}.sidebar-minimized .sidebar .nav>.nav-dropdown>.nav-dropdown-items{display:none;max-height:1000px;background:#29363d}.sidebar-minimized .sidebar .nav>.nav-dropdown:hover{background:#20a8d8}.sidebar-minimized .sidebar .nav>.nav-dropdown:hover>.nav-dropdown-items{position:absolute;left:50px;display:inline}}.switch.switch-default{position:relative;display:inline-block;width:40px;height:24px;background-color:transparent}.switch.switch-default .switch-input{position:absolute;top:0;left:0;opacity:0}.switch.switch-default .switch-label{position:relative;display:block;height:inherit;font-size:10px;background-color:#fff;border:1px solid #c2cfd6;border-radius:2px;transition:opacity background .15s ease-out}.switch.switch-default .switch-input:checked~.switch-label::before{opacity:0}.switch.switch-default .switch-input:checked~.switch-label::after{opacity:1}.switch.switch-default .switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border:1px solid #c2cfd6;border-radius:1px;transition:left .15s ease-out}.switch.switch-default .switch-input:checked~.switch-handle{left:18px}.switch.switch-default.switch-lg{width:48px;height:28px}.switch.switch-default.switch-lg .switch-label{font-size:12px}.switch.switch-default.switch-lg .switch-handle{width:24px;height:24px}.switch.switch-default.switch-lg .switch-input:checked~.switch-handle{left:22px}.switch.switch-default.switch-sm{width:32px;height:20px}.switch.switch-default.switch-sm .switch-label{font-size:8px}.switch.switch-default.switch-sm .switch-handle{width:16px;height:16px}.switch.switch-default.switch-sm .switch-input:checked~.switch-handle{left:14px}.switch.switch-default.switch-xs{width:24px;height:16px}.switch.switch-default.switch-xs .switch-label{font-size:7px}.switch.switch-default.switch-xs .switch-handle{width:12px;height:12px}.switch.switch-default.switch-xs .switch-input:checked~.switch-handle{left:10px}.switch.switch-text{position:relative;display:inline-block;width:48px;height:24px;background-color:transparent}.switch.switch-text .switch-input{position:absolute;top:0;left:0;opacity:0}.switch.switch-text .switch-label{position:relative;display:block;height:inherit;font-size:10px;background-color:#fff;border:1px solid #c2cfd6;border-radius:2px;transition:opacity background .15s ease-out}.switch.switch-text .switch-label::after,.switch.switch-text .switch-label::before{position:absolute;top:50%;width:50%;margin-top:-.5em;line-height:1;text-align:center;transition:inherit}.switch.switch-text .switch-label::before{right:1px;color:#c2cfd6;content:attr(data-off)}.switch.switch-text .switch-label::after{left:1px;color:#fff;content:attr(data-on);opacity:0}.switch.switch-text .switch-input:checked~.switch-label::before{opacity:0}.switch.switch-text .switch-input:checked~.switch-label::after{opacity:1}.switch.switch-text .switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border:1px solid #c2cfd6;border-radius:1px;transition:left .15s ease-out}.switch.switch-text .switch-input:checked~.switch-handle{left:26px}.switch.switch-text.switch-lg{width:56px;height:28px}.switch.switch-text.switch-lg .switch-label{font-size:12px}.switch.switch-text.switch-lg .switch-handle{width:24px;height:24px}.switch.switch-text.switch-lg .switch-input:checked~.switch-handle{left:30px}.switch.switch-text.switch-sm{width:40px;height:20px}.switch.switch-text.switch-sm .switch-label{font-size:8px}.switch.switch-text.switch-sm .switch-handle{width:16px;height:16px}.switch.switch-text.switch-sm .switch-input:checked~.switch-handle{left:22px}.switch.switch-text.switch-xs{width:32px;height:16px}.switch.switch-text.switch-xs .switch-label{font-size:7px}.switch.switch-text.switch-xs .switch-handle{width:12px;height:12px}.switch.switch-text.switch-xs .switch-input:checked~.switch-handle{left:18px}.switch.switch-icon{position:relative;display:inline-block;width:48px;height:24px;background-color:transparent}.switch.switch-icon .switch-input{position:absolute;top:0;left:0;opacity:0}.switch.switch-icon .switch-label{position:relative;display:block;height:inherit;font-family:FontAwesome;font-size:10px;background-color:#fff;border:1px solid #c2cfd6;border-radius:2px;transition:opacity background .15s ease-out}.switch.switch-icon .switch-label::after,.switch.switch-icon .switch-label::before{position:absolute;top:50%;width:50%;margin-top:-.5em;line-height:1;text-align:center;transition:inherit}.switch.switch-icon .switch-label::before{right:1px;color:#c2cfd6;content:attr(data-off)}.switch.switch-icon .switch-label::after{left:1px;color:#fff;content:attr(data-on);opacity:0}.switch-primary-outline-alt>.switch-input:checked~.switch-label::after,.switch-primary-outline>.switch-input:checked~.switch-label::after{color:#20a8d8}.switch.switch-icon .switch-input:checked~.switch-label::before{opacity:0}.switch.switch-icon .switch-input:checked~.switch-label::after{opacity:1}.switch.switch-icon .switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border:1px solid #c2cfd6;border-radius:1px;transition:left .15s ease-out}.switch.switch-icon .switch-input:checked~.switch-handle{left:26px}.switch.switch-icon.switch-lg{width:56px;height:28px}.switch.switch-icon.switch-lg .switch-label{font-size:12px}.switch.switch-icon.switch-lg .switch-handle{width:24px;height:24px}.switch.switch-icon.switch-lg .switch-input:checked~.switch-handle{left:30px}.switch.switch-icon.switch-sm{width:40px;height:20px}.switch.switch-icon.switch-sm .switch-label{font-size:8px}.switch.switch-icon.switch-sm .switch-handle{width:16px;height:16px}.switch.switch-icon.switch-sm .switch-input:checked~.switch-handle{left:22px}.switch.switch-icon.switch-xs{width:32px;height:16px}.switch.switch-icon.switch-xs .switch-label{font-size:7px}.switch.switch-icon.switch-xs .switch-handle{width:12px;height:12px}.switch.switch-icon.switch-xs .switch-input:checked~.switch-handle{left:18px}.switch.switch-3d{position:relative;display:inline-block;width:40px;height:24px;background-color:transparent}.horizontal-bars li,.horizontal-bars li .title,.icons-list li,.table-align-middle td,.table-outline td{vertical-align:middle}.switch.switch-3d .switch-input{position:absolute;top:0;left:0;opacity:0}.switch.switch-3d .switch-label{position:relative;display:block;height:inherit;font-size:10px;background-color:#f0f3f5;border:1px solid #c2cfd6;transition:opacity background .15s ease-out}.switch.switch-3d .switch-input:checked~.switch-label::before{opacity:0}.switch.switch-3d .switch-input:checked~.switch-label::after{opacity:1}.switch.switch-3d .switch-handle{position:absolute;top:0;left:0;width:24px;height:24px;background:#fff;transition:left .15s ease-out;border:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.switch.switch-3d .switch-input:checked~.switch-handle{left:16px}.switch.switch-3d.switch-lg{width:48px;height:28px}.switch.switch-3d.switch-lg .switch-label{font-size:12px}.switch.switch-3d.switch-lg .switch-handle{width:28px;height:28px}.switch.switch-3d.switch-lg .switch-input:checked~.switch-handle{left:20px}.switch.switch-3d.switch-sm{width:32px;height:20px}.switch.switch-3d.switch-sm .switch-label{font-size:8px}.switch.switch-3d.switch-sm .switch-handle{width:20px;height:20px}.switch.switch-3d.switch-sm .switch-input:checked~.switch-handle{left:12px}.switch.switch-3d.switch-xs{width:24px;height:16px}.switch.switch-3d.switch-xs .switch-label{font-size:7px}.switch.switch-3d.switch-xs .switch-handle{width:16px;height:16px}.switch.switch-3d.switch-xs .switch-input:checked~.switch-handle{left:8px}.switch-pill .switch-handle,.switch-pill .switch-label,.switch.switch-3d .switch-handle,.switch.switch-3d .switch-label{border-radius:50em!important}.switch-pill .switch-label::before,.switch.switch-3d .switch-label::before{right:2px!important}.switch-pill .switch-label::after,.switch.switch-3d .switch-label::after{left:2px!important}.switch-primary>.switch-input:checked~.switch-label{background:#20a8d8!important;border-color:#1985ac}.switch-primary>.switch-input:checked~.switch-handle{border-color:#1985ac}.switch-primary-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#20a8d8}.switch-primary-outline>.switch-input:checked~.switch-handle{border-color:#20a8d8}.switch-primary-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#20a8d8}.switch-secondary-outline-alt>.switch-input:checked~.switch-label::after,.switch-secondary-outline>.switch-input:checked~.switch-label::after{color:#a4b7c1}.switch-primary-outline-alt>.switch-input:checked~.switch-handle{background:#20a8d8!important;border-color:#20a8d8}.switch-secondary>.switch-input:checked~.switch-label{background:#a4b7c1!important;border-color:#869fac}.switch-secondary>.switch-input:checked~.switch-handle{border-color:#869fac}.switch-secondary-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#a4b7c1}.switch-secondary-outline>.switch-input:checked~.switch-handle{border-color:#a4b7c1}.switch-secondary-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#a4b7c1}.switch-success-outline-alt>.switch-input:checked~.switch-label::after,.switch-success-outline>.switch-input:checked~.switch-label::after{color:#4dbd74}.switch-secondary-outline-alt>.switch-input:checked~.switch-handle{background:#a4b7c1!important;border-color:#a4b7c1}.switch-success>.switch-input:checked~.switch-label{background:#4dbd74!important;border-color:#3a9d5d}.switch-success>.switch-input:checked~.switch-handle{border-color:#3a9d5d}.switch-success-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#4dbd74}.switch-success-outline>.switch-input:checked~.switch-handle{border-color:#4dbd74}.switch-success-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#4dbd74}.switch-info-outline-alt>.switch-input:checked~.switch-label::after,.switch-info-outline>.switch-input:checked~.switch-label::after{color:#63c2de}.switch-success-outline-alt>.switch-input:checked~.switch-handle{background:#4dbd74!important;border-color:#4dbd74}.switch-info>.switch-input:checked~.switch-label{background:#63c2de!important;border-color:#39b2d5}.switch-info>.switch-input:checked~.switch-handle{border-color:#39b2d5}.switch-info-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#63c2de}.switch-info-outline>.switch-input:checked~.switch-handle{border-color:#63c2de}.switch-info-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#63c2de}.switch-warning-outline-alt>.switch-input:checked~.switch-label::after,.switch-warning-outline>.switch-input:checked~.switch-label::after{color:#ffc107}.switch-info-outline-alt>.switch-input:checked~.switch-handle{background:#63c2de!important;border-color:#63c2de}.switch-warning>.switch-input:checked~.switch-label{background:#ffc107!important;border-color:#d39e00}.switch-warning>.switch-input:checked~.switch-handle{border-color:#d39e00}.switch-warning-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#ffc107}.switch-warning-outline>.switch-input:checked~.switch-handle{border-color:#ffc107}.switch-warning-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#ffc107}.switch-danger-outline-alt>.switch-input:checked~.switch-label::after,.switch-danger-outline>.switch-input:checked~.switch-label::after{color:#f86c6b}.switch-warning-outline-alt>.switch-input:checked~.switch-handle{background:#ffc107!important;border-color:#ffc107}.switch-danger>.switch-input:checked~.switch-label{background:#f86c6b!important;border-color:#f63c3a}.switch-danger>.switch-input:checked~.switch-handle{border-color:#f63c3a}.switch-danger-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#f86c6b}.switch-danger-outline>.switch-input:checked~.switch-handle{border-color:#f86c6b}.switch-danger-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#f86c6b}.switch-light-outline-alt>.switch-input:checked~.switch-label::after,.switch-light-outline>.switch-input:checked~.switch-label::after{color:#f0f3f5}.switch-danger-outline-alt>.switch-input:checked~.switch-handle{background:#f86c6b!important;border-color:#f86c6b}.switch-light>.switch-input:checked~.switch-label{background:#f0f3f5!important;border-color:#d1dbe1}.switch-light>.switch-input:checked~.switch-handle{border-color:#d1dbe1}.switch-light-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#f0f3f5}.switch-light-outline>.switch-input:checked~.switch-handle{border-color:#f0f3f5}.switch-light-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#f0f3f5}.switch-dark-outline-alt>.switch-input:checked~.switch-label::after,.switch-dark-outline>.switch-input:checked~.switch-label::after{color:#29363d}.switch-light-outline-alt>.switch-input:checked~.switch-handle{background:#f0f3f5!important;border-color:#f0f3f5}.switch-dark>.switch-input:checked~.switch-label{background:#29363d!important;border-color:#151b1f}.switch-dark>.switch-input:checked~.switch-handle{border-color:#151b1f}.switch-dark-outline>.switch-input:checked~.switch-label{background:#fff!important;border-color:#29363d}.switch-dark-outline>.switch-input:checked~.switch-handle{border-color:#29363d}.switch-dark-outline-alt>.switch-input:checked~.switch-label{background:#fff!important;border-color:#29363d}.switch-dark-outline-alt>.switch-input:checked~.switch-handle{background:#29363d!important;border-color:#29363d}.table-outline{border:1px solid #c2cfd6}.table-clear td{border:0}.social-box{min-height:160px;margin-bottom:1.5rem;text-align:center;background:#fff;border:1px solid #c2cfd6}.social-box i{display:block;margin:-1px -1px 0;font-size:40px;line-height:90px;background:#c2cfd6}.social-box .chart-wrapper{height:90px;margin:-90px 0 0}.social-box .chart-wrapper canvas{width:100%!important;height:90px!important}.social-box ul{padding:10px 0;list-style:none}.social-box ul li{display:block;float:left;width:50%}.social-box ul li:first-child{border-right:1px solid #c2cfd6}.social-box ul li strong{display:block;font-size:20px}.social-box ul li span{font-size:10px;font-weight:500;color:#c2cfd6;text-transform:uppercase}.social-box.facebook i{color:#fff;background:#3b5998}.social-box.twitter i{color:#fff;background:#00aced}.social-box.linkedin i{color:#fff;background:#4875b4}.social-box.google-plus i{color:#fff;background:#d34836}.horizontal-bars{padding:0;margin:0;list-style:none}.horizontal-bars li{position:relative;height:40px;line-height:40px}.horizontal-bars li .title{width:100px;font-size:12px;font-weight:600;color:#536c79}.horizontal-bars li .bars{position:absolute;top:15px;width:100%;padding-left:100px}.horizontal-bars li .bars .progress:first-child{margin-bottom:2px}.horizontal-bars li.legend{text-align:center}.horizontal-bars li.legend .badge{display:inline-block;width:8px;height:8px;padding:0}.horizontal-bars li.divider{height:40px}.horizontal-bars li.divider i{margin:0!important}.horizontal-bars.type-2 li{overflow:hidden}.horizontal-bars.type-2 li i{display:inline-block;margin-right:1rem;margin-left:5px;font-size:18px;line-height:40px}.horizontal-bars.type-2 li .title{display:inline-block;width:auto;margin-top:-9px;font-size:.875rem;font-weight:400;line-height:40px;color:#151b1e}.horizontal-bars.type-2 li .value{float:right;font-weight:600}.horizontal-bars.type-2 li .bars{position:absolute;top:auto;bottom:0;padding:0}.icons-list{padding:0;margin:0;list-style:none}.icons-list li{position:relative;height:40px}.icons-list li i{display:block;float:left;width:35px!important;height:35px!important;margin:2px;line-height:35px!important;text-align:center}.icons-list li .desc{height:40px;margin-left:50px;border-bottom:1px solid #c2cfd6}.icons-list li .desc .title{padding:2px 0 0;margin:0}.icons-list li .desc small{display:block;margin-top:-4px;color:#536c79}.icons-list li .value{position:absolute;top:2px;right:45px;text-align:right}.icons-list li .value strong{display:block;margin-top:-3px}.icons-list li .actions{position:absolute;top:-4px;right:10px;width:40px;height:40px;line-height:40px;text-align:center}.icons-list li .actions i{float:none;width:auto;height:auto;padding:0;margin:0;line-height:normal}.icons-list li.divider{height:40px}.icons-list li.divider i{width:auto;height:auto;margin:2px 0 0;font-size:18px}@media all and (-ms-high-contrast:none){html{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}}.app,app-dashboard,app-root{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.app-header{-ms-flex:0 0 55px;flex:0 0 55px}.app-footer{-ms-flex:0 0 50px;flex:0 0 50px}.app-body{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:1;flex-grow:1;overflow-x:hidden}.app-body .main{-ms-flex:1;flex:1;min-width:0}.app-body .sidebar{-ms-flex:0 0 200px;flex:0 0 200px;-ms-flex-order:-1;order:-1}.app-body .aside-menu{-ms-flex:0 0 250px;flex:0 0 250px}.header-fixed .app-header{position:fixed;z-index:1020;width:100%}.header-fixed .app-body{margin-top:55px}.sidebar-hidden .sidebar{margin-left:-200px}.sidebar-fixed .sidebar{position:fixed;z-index:1019;width:200px;height:calc(100vh - 55px)}.sidebar-fixed .app-footer,.sidebar-fixed .main{margin-left:200px}.sidebar-fixed.sidebar-hidden .app-footer,.sidebar-fixed.sidebar-hidden .main{margin-left:0}.sidebar-off-canvas .sidebar{position:fixed;z-index:1019;height:calc(100vh - 55px)}@media (min-width:992px){.sidebar-compact .sidebar{-ms-flex:0 0 150px;flex:0 0 150px}.sidebar-compact.sidebar-hidden .sidebar{margin-left:-150px}.sidebar-compact.sidebar-fixed .app-footer,.sidebar-compact.sidebar-fixed .main{margin-left:150px}.sidebar-compact.sidebar-fixed .sidebar{width:150px}.sidebar-compact.sidebar-fixed.sidebar-hidden .app-footer,.sidebar-compact.sidebar-fixed.sidebar-hidden .main{margin-left:0}.sidebar-minimized .sidebar{-ms-flex:0 0 50px;flex:0 0 50px}.sidebar-minimized.sidebar-hidden .sidebar{margin-left:-50px}.sidebar-minimized.sidebar-fixed .app-footer,.sidebar-minimized.sidebar-fixed .main{margin-left:50px}.sidebar-minimized.sidebar-fixed .sidebar{width:50px}.sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer,.sidebar-minimized.sidebar-fixed.sidebar-hidden .main{margin-left:0}}.aside-menu-hidden .aside-menu{margin-right:-250px}.aside-menu-fixed .aside-menu{position:fixed;right:0;height:100%}.aside-menu-fixed .aside-menu .tab-content{height:calc(100vh - 2.375rem - 55px)}.aside-menu-fixed .app-footer,.aside-menu-fixed .main{margin-right:250px}.aside-menu-fixed.aside-menu-hidden .app-footer,.aside-menu-fixed.aside-menu-hidden .main{margin-right:0}.aside-menu-off-canvas .aside-menu{position:fixed;right:0;z-index:1019;height:100%}.aside-menu-off-canvas .aside-menu .tab-content{height:calc(100vh - 2.375rem - 55px)}.breadcrumb-fixed .main{padding-top:3.875rem}.breadcrumb-fixed .breadcrumb{position:fixed;top:55px;right:0;left:0;z-index:1018}.breadcrumb-fixed .main:nth-child(2) .breadcrumb{right:250px;left:200px}.breadcrumb-fixed .main:first-child .breadcrumb{right:250px;left:0}.breadcrumb-fixed .main:last-child .breadcrumb,.breadcrumb-fixed.aside-menu-hidden .main .breadcrumb,.breadcrumb-fixed.aside-menu-off-canvas .main .breadcrumb{right:0}.breadcrumb-fixed.sidebar-minimized .main .breadcrumb{left:50px}.breadcrumb-fixed.sidebar-hidden .main .breadcrumb,.breadcrumb-fixed.sidebar-off-canvas .main .breadcrumb{left:0}.footer-fixed .app-footer{position:fixed;right:0;bottom:0;left:0;z-index:1020;height:50px}.footer-fixed .app-body{margin-bottom:50px}.app-footer,.app-header,.aside-menu,.main,.sidebar{transition:margin-left .25s,margin-right .25s,width .25s,flex .25s;transition:margin-left .25s,margin-right .25s,width .25s,flex .25s,-ms-flex .25s}.sidebar-nav{transition:width .25s}.breadcrumb{transition:left .25s,right .25s,width .25s}@media (max-width:991px){.app-header.navbar{position:fixed!important;z-index:1020;width:100%;text-align:center;background-color:#fff;border-bottom:1px solid #c2cfd6}.app-header.navbar .navbar-toggler{color:#536c79}.app-header.navbar .navbar-brand{position:absolute;left:50%;margin-left:-77.5px}.app-body{margin-top:55px}.breadcrumb-fixed .main:nth-child(2) .breadcrumb{right:auto;left:auto;width:100%}.sidebar{position:fixed;z-index:1019;width:220px;height:calc(100vh - 55px);margin-left:-220px}.sidebar .nav,.sidebar .sidebar-nav{width:220px;min-height:calc(100vh - 55px)}.sidebar .sidebar-minimizer{display:none}.app-footer,.main{margin-left:0!important}.sidebar-hidden .sidebar{margin-left:-220px}.sidebar-mobile-show .sidebar{width:220px;margin-left:0}.sidebar-mobile-show .main{margin-right:-220px!important;margin-left:220px!important}.d-md-down-none{display:none!important}}[dir=rtl] .dropdown-item,[dir=rtl] table tr th{text-align:right}hr.transparent{border-top:1px solid transparent}.bg-danger,.bg-info,.bg-inverse,.bg-primary,.bg-success,.bg-warning{color:#fff}.b-a-0{border:0!important}.b-t-0{border-top:0!important}.b-r-0{border-right:0!important}.b-b-0{border-bottom:0!important}.b-l-0{border-left:0!important}.b-a-1{border:1px solid #c2cfd6!important}.b-t-1{border-top:1px solid #c2cfd6!important}.b-r-1{border-right:1px solid #c2cfd6!important}.b-b-1{border-bottom:1px solid #c2cfd6!important}.b-l-1{border-left:1px solid #c2cfd6!important}.b-a-2{border:2px solid #c2cfd6!important}.b-t-2{border-top:2px solid #c2cfd6!important}.b-r-2{border-right:2px solid #c2cfd6!important}.b-b-2{border-bottom:2px solid #c2cfd6!important}.b-l-2{border-left:2px solid #c2cfd6!important}@media (max-width:575px){.d-down-none{display:none!important}}@media (max-width:767px){.d-sm-down-none{display:none!important}}@media (max-width:1199px){.d-lg-down-none{display:none!important}}.d-xl-down-none{display:none!important}.label-pill{border-radius:1rem!important}.open>a,.show>a{outline:0}.navbar .dropdown-toggle .img-avatar{height:35px;margin:0 10px}[dir=rtl]{direction:rtl;unicode-bidi:embed}[dir=rtl] ul{-webkit-padding-start:0}[dir=rtl] .breadcrumb-item{float:right}[dir=rtl] .breadcrumb-menu{right:auto;left:1rem}[dir=rtl] .dropdown-item i{margin-right:-10px;margin-left:10px}[dir=rtl] .dropdown-item .badge{right:auto;left:10px}[dir=rtl] .sidebar-hidden .sidebar{margin-right:-200px}[dir=rtl] .sidebar-fixed .app-footer,[dir=rtl] .sidebar-fixed .main{margin-right:200px}[dir=rtl] .sidebar-fixed.sidebar-hidden .app-footer,[dir=rtl] .sidebar-fixed.sidebar-hidden .main{margin-right:0}[dir=rtl] .sidebar-minimized .sidebar{-ms-flex:0 0 50px;flex:0 0 50px}[dir=rtl] .sidebar-minimized.sidebar-hidden .sidebar{margin-right:-50px;margin-left:0}[dir=rtl] .sidebar-minimized.sidebar-fixed .app-footer,[dir=rtl] .sidebar-minimized.sidebar-fixed .main{margin-right:50px}[dir=rtl] .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer,[dir=rtl] .sidebar-minimized.sidebar-fixed.sidebar-hidden .main{margin-left:0}[dir=rtl] .aside-menu-hidden .aside-menu{margin-right:0;margin-left:-250px}[dir=rtl] .aside-menu-fixed .aside-menu{right:auto;left:0}[dir=rtl] .aside-menu-fixed .app-footer,[dir=rtl] .aside-menu-fixed .main{margin-left:250px}[dir=rtl] .aside-menu-fixed.aside-menu-hidden .app-footer,[dir=rtl] .aside-menu-fixed.aside-menu-hidden .main{margin-left:0}[dir=rtl] .aside-menu-off-canvas .aside-menu{position:fixed;right:0;z-index:1019;height:100%}[dir=rtl] .aside-menu-off-canvas .aside-menu .tab-content{height:calc(100vh - 2.375rem - 55px)}.navbar [dir=rtl] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .nav-link,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle{direction:rtl}.navbar [dir=rtl] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle i,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .nav-link i,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle i{margin:0 0 0 .5rem}.navbar [dir=rtl] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle .badge,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .nav-link .badge,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle .badge{float:left;margin-top:2px}.navbar [dir=rtl] .sidebar .sidebar-nav .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .nav-link.nav-dropdown-toggle::before,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before{position:absolute;right:auto!important;left:1rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navbar [dir=rtl] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open>.nav-dropdown-toggle.dropdown-toggle::before,[dir=rtl] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open>.nav-link.nav-dropdown-toggle::before,[dir=rtl] .sidebar .sidebar-nav .nav .navbar .nav-item.nav-dropdown.open>.nav-dropdown-toggle.dropdown-toggle::before{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.navbar [dir=rtl] .sidebar-minimized .sidebar .dropdown-toggle,[dir=rtl] .sidebar-minimized .sidebar .nav-link,[dir=rtl] .sidebar-minimized .sidebar .navbar .dropdown-toggle{padding-right:0}.navbar [dir=rtl] .sidebar-minimized .sidebar .dropdown-toggle i,[dir=rtl] .sidebar-minimized .sidebar .nav-link i,[dir=rtl] .sidebar-minimized .sidebar .navbar .dropdown-toggle i{float:right;padding:0;margin:0}.navbar [dir=rtl] .sidebar-minimized .sidebar .dropdown-toggle .badge,[dir=rtl] .sidebar-minimized .sidebar .nav-link .badge,[dir=rtl] .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge{right:auto;left:15px}[dir=rtl] .sidebar-minimized .sidebar .nav>.nav-dropdown:hover>.nav-dropdown-items{right:50px;left:0}[dir=rtl] .horizontal-bars li .bars{padding-right:100px;padding-left:0}[dir=rtl] .horizontal-bars li .bars .progress:first-child{margin-bottom:2px}[dir=rtl] .horizontal-bars.type-2 li i{margin-right:5px;margin-left:1rem}[dir=rtl] .horizontal-bars.type-2 li .value{float:left;font-weight:600}[dir=rtl] .horizontal-bars.type-2 li .bars{padding:0}[dir=rtl] .icons-list li{position:relative;height:40px;vertical-align:middle}[dir=rtl] .icons-list li i{float:right}[dir=rtl] .icons-list li .desc{margin-right:50px;margin-left:0}[dir=rtl] .icons-list li .value{right:auto;left:45px;text-align:left}[dir=rtl] .icons-list li .value strong{display:block;margin-top:-3px}[dir=rtl] .icons-list li .actions{right:auto;left:10px}[dir=rtl] .callout{border:0 solid #c2cfd6;border-right-width:.25rem}[dir=rtl] .callout.callout-primary{border-right-color:#20a8d8}[dir=rtl] .callout.callout-secondary{border-right-color:#a4b7c1}[dir=rtl] .callout.callout-success{border-right-color:#4dbd74}[dir=rtl] .callout.callout-info{border-right-color:#63c2de}[dir=rtl] .callout.callout-warning{border-right-color:#ffc107}[dir=rtl] .callout.callout-danger{border-right-color:#f86c6b}[dir=rtl] .callout.callout-light{border-right-color:#f0f3f5}[dir=rtl] .callout.callout-dark{border-right-color:#29363d}[dir=rtl] .callout .chart-wrapper{left:0;float:left}[dir=rtl] .callout-default{border-right-color:#536c79} \ No newline at end of file diff --git a/static/src/img/avatars/4.jpg b/static/src/img/avatars/4.jpg new file mode 100644 index 0000000..97f6769 Binary files /dev/null and b/static/src/img/avatars/4.jpg differ diff --git a/static/src/img/avatars/6.jpg b/static/src/img/avatars/6.jpg new file mode 100644 index 0000000..1d2b884 Binary files /dev/null and b/static/src/img/avatars/6.jpg differ diff --git a/static/src/img/avatars/7.jpg b/static/src/img/avatars/7.jpg new file mode 100644 index 0000000..2903cd2 Binary files /dev/null and b/static/src/img/avatars/7.jpg differ diff --git a/static/src/img/favicon.png b/static/src/img/favicon.png new file mode 100644 index 0000000..7f62aff Binary files /dev/null and b/static/src/img/favicon.png differ diff --git a/static/src/img/logo-symbol.png b/static/src/img/logo-symbol.png new file mode 100644 index 0000000..7f62aff Binary files /dev/null and b/static/src/img/logo-symbol.png differ diff --git a/static/src/img/logo.png b/static/src/img/logo.png new file mode 100644 index 0000000..8e66bff Binary files /dev/null and b/static/src/img/logo.png differ diff --git a/static/src/img/man.png b/static/src/img/man.png new file mode 100644 index 0000000..f2f65cc Binary files /dev/null and b/static/src/img/man.png differ diff --git a/static/src/img/sms.png b/static/src/img/sms.png new file mode 100644 index 0000000..25b969d Binary files /dev/null and b/static/src/img/sms.png differ diff --git a/static/src/js/address.js b/static/src/js/address.js new file mode 100644 index 0000000..04b9bd7 --- /dev/null +++ b/static/src/js/address.js @@ -0,0 +1,30 @@ +$("#id_district").change(function () { + var url = $("#StudentRegistrationForm").attr("data-upazilla-url"); + var districtId = $(this).val(); + + $.ajax({ + url: url, + data: { + 'district': districtId + }, + success: function (data) { + $("#id_upazilla").html(data); + } + }); + +}); +$("#id_upazilla").change(function () { + var url = $("#StudentRegistrationForm").attr("data-upazilla-url"); + var upazillaId = $(this).val(); + + $.ajax({ + url: url, + data: { + 'upazilla': upazillaId + }, + success: function (data) { + $("#id_union").html(data); + } + }); + +}); diff --git a/static/src/js/app.js b/static/src/js/app.js new file mode 100644 index 0000000..1e1a6b2 --- /dev/null +++ b/static/src/js/app.js @@ -0,0 +1,147 @@ +/***** +* CONFIGURATION +*/ + +//Main navigation +$.navigation = $('nav > ul.nav'); + +$.panelIconOpened = 'icon-arrow-up'; +$.panelIconClosed = 'icon-arrow-down'; + +//Default colours +$.brandPrimary = '#20a8d8'; +$.brandSuccess = '#4dbd74'; +$.brandInfo = '#63c2de'; +$.brandWarning = '#f8cb00'; +$.brandDanger = '#f86c6b'; + +$.grayDark = '#2a2c36'; +$.gray = '#55595c'; +$.grayLight = '#818a91'; +$.grayLighter = '#d1d4d7'; +$.grayLightest = '#f8f9fa'; + +'use strict'; + +/**** +* MAIN NAVIGATION +*/ + +$(document).ready(function($){ + + // Add class .active to current link + $.navigation.find('a').each(function(){ + + var cUrl = String(window.location).split('?')[0]; + + if (cUrl.substr(cUrl.length - 1) == '#') { + cUrl = cUrl.slice(0,-1); + } + + if ($($(this))[0].href==cUrl) { + $(this).addClass('active'); + + $(this).parents('ul').add(this).each(function(){ + $(this).parent().addClass('open'); + }); + } + }); + + // Dropdown Menu + $.navigation.on('click', 'a', function(e){ + + if ($.ajaxLoad) { + e.preventDefault(); + } + + if ($(this).hasClass('nav-dropdown-toggle')) { + $(this).parent().toggleClass('open'); + resizeBroadcast(); + } + + }); + + function resizeBroadcast() { + + var timesRun = 0; + var interval = setInterval(function(){ + timesRun += 1; + if(timesRun === 5){ + clearInterval(interval); + } + window.dispatchEvent(new Event('resize')); + }, 62.5); + } + + /* ---------- Main Menu Open/Close, Min/Full ---------- */ + $('.sidebar-toggler').click(function(){ + $('body').toggleClass('sidebar-hidden'); + resizeBroadcast(); + }); + + $('.sidebar-minimizer').click(function(){ + $('body').toggleClass('sidebar-minimized'); + resizeBroadcast(); + }); + + $('.brand-minimizer').click(function(){ + $('body').toggleClass('brand-minimized'); + }); + + $('.aside-menu-toggler').click(function(){ + $('body').toggleClass('aside-menu-hidden'); + resizeBroadcast(); + }); + + $('.mobile-sidebar-toggler').click(function(){ + $('body').toggleClass('sidebar-mobile-show'); + resizeBroadcast(); + }); + + $('.sidebar-close').click(function(){ + $('body').toggleClass('sidebar-opened').parent().toggleClass('sidebar-opened'); + }); + + /* ---------- Disable moving to top ---------- */ + $('a[href="#"][data-top!=true]').click(function(e){ + e.preventDefault(); + }); + +}); + +/**** +* CARDS ACTIONS +*/ + +$(document).on('click', '.card-actions a', function(e){ + e.preventDefault(); + + if ($(this).hasClass('btn-close')) { + $(this).parent().parent().parent().fadeOut(); + } else if ($(this).hasClass('btn-minimize')) { + var $target = $(this).parent().parent().next('.card-body'); + if (!$(this).hasClass('collapsed')) { + $('i',$(this)).removeClass($.panelIconOpened).addClass($.panelIconClosed); + } else { + $('i',$(this)).removeClass($.panelIconClosed).addClass($.panelIconOpened); + } + + } else if ($(this).hasClass('btn-setting')) { + $('#myModal').modal('show'); + } + +}); + +function capitalizeFirstLetter(string) { + return string.charAt(0).toUpperCase() + string.slice(1); +} + +function init(url) { + + /* ---------- Tooltip ---------- */ + $('[rel="tooltip"],[data-rel="tooltip"]').tooltip({"placement":"bottom",delay: { show: 400, hide: 200 }}); + + /* ---------- Popover ---------- */ + $('[rel="popover"],[data-rel="popover"],[data-toggle="popover"]').popover(); + +} diff --git a/static/src/js/attendance.js b/static/src/js/attendance.js new file mode 100644 index 0000000..0089e11 --- /dev/null +++ b/static/src/js/attendance.js @@ -0,0 +1,21 @@ +$(document).ready(function(){ + $('.attendance').on('click', function(){ + var btn_property = $(this); + var row = $(this).closest('tr'); + var class_name = row.find('.cls_name').text(); + var roll = row.find('.std_roll').text(); + + var api_url = 'http://127.0.0.1:8000/attendance/set-attendance/' + class_name + '/' + roll + + $.ajax({ + url: api_url, + method: 'get', + success: function(data){ + btn_property.addClass('btn btn-secondary'); + }, + error: function(err){ + alert('Already Present'); + } + }); + }); +}); \ No newline at end of file diff --git a/static/src/js/enroll.js b/static/src/js/enroll.js new file mode 100644 index 0000000..91cf496 --- /dev/null +++ b/static/src/js/enroll.js @@ -0,0 +1,5 @@ +// form visible +$('#enroll').on('click', function(){ + var roll = prompt('Set a Roll of This Student'); + var con = "{{ roll }}"; + }); \ No newline at end of file diff --git a/static/src/js/registration.js b/static/src/js/registration.js new file mode 100644 index 0000000..f7ea13e --- /dev/null +++ b/static/src/js/registration.js @@ -0,0 +1,67 @@ +// form visible +$('#academic_info_btn').on('click', function(){ + $('.academic_info').hide(); + $('.personal_info').show(); +}); + +// Presonal Information +$('#personal_info_btn').on('click', function(){ + $('.personal_info').hide(); + $('.address_info').show(); +}); + +$('#personal_info_prev_btn').on('click', function(){ + $('.personal_info').hide(); + $('.academic_info').show(); +}); + +// Address Information +$('#address_info_btn').on('click', function(){ + $('.address_info').hide(); + $('.guardian_info').show(); +}); + +$('#address_info_prev_btn').on('click', function(){ + $('.address_info').hide(); + $('.personal_info').show(); +}); + +// Guardian Information +$('#guardian_info_btn').on('click', function(){ + $('.guardian_info').hide(); + $('.emergency_contact_info').show(); +}); + +$('#guardian_info_prev_btn').on('click', function(){ + $('.guardian_info').hide(); + $('.address_info').show(); +}); + +// Emergency Contact Information +$('#emergency_contact_info_btn').on('click', function(){ + $('.emergency_contact_info').hide(); + $('.previous_academic_info').show(); +}); + +$('#emergency_contact_info_prev_btn').on('click', function(){ + $('.emergency_contact_info').hide(); + $('.guardian_info').show(); +}); + +// Previous Academic Information +$('#previous_academic_info_btn').on('click', function(){ + $('.previous_academic_info').hide(); + $('.previous_academic_certificate').show(); + $('#submit').show(); +}); + +$('#previous_academic_info_prev_btn').on('click', function(){ + $('.previous_academic_info').hide(); + $('.emergency_contact_info').show(); +}); + +// Previous Academic Certificate Information +$('#previous_academic_certificate_prev_btn').on('click', function(){ + $('.previous_academic_certificate').hide(); + $('.previous_academic_info').show(); +}); diff --git a/static/src/js/views/charts.js b/static/src/js/views/charts.js new file mode 100644 index 0000000..1df5948 --- /dev/null +++ b/static/src/js/views/charts.js @@ -0,0 +1,196 @@ +$(function (){ + 'use strict'; + + var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; + var lineChartData = { + labels : ['January','February','March','April','May','June','July'], + datasets : [ + { + label: 'My First dataset', + backgroundColor : 'rgba(220,220,220,0.2)', + borderColor : 'rgba(220,220,220,1)', + pointBackgroundColor : 'rgba(220,220,220,1)', + pointBorderColor : '#fff', + data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] + }, + { + label: 'My Second dataset', + backgroundColor : 'rgba(151,187,205,0.2)', + borderColor : 'rgba(151,187,205,1)', + pointBackgroundColor : 'rgba(151,187,205,1)', + pointBorderColor : '#fff', + data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] + } + ] + } + + var ctx = document.getElementById('canvas-1'); + var chart = new Chart(ctx, { + type: 'line', + data: lineChartData, + options: { + responsive: true + } + }); + + + var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; + var barChartData = { + labels : ['January','February','March','April','May','June','July'], + datasets : [ + { + backgroundColor : 'rgba(220,220,220,0.5)', + borderColor : 'rgba(220,220,220,0.8)', + highlightFill: 'rgba(220,220,220,0.75)', + highlightStroke: 'rgba(220,220,220,1)', + data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] + }, + { + backgroundColor : 'rgba(151,187,205,0.5)', + borderColor : 'rgba(151,187,205,0.8)', + highlightFill : 'rgba(151,187,205,0.75)', + highlightStroke : 'rgba(151,187,205,1)', + data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] + } + ] + } + var ctx = document.getElementById('canvas-2'); + var chart = new Chart(ctx, { + type: 'bar', + data: barChartData, + options: { + responsive: true + } + }); + + + var doughnutData = { + labels: [ + 'Red', + 'Green', + 'Yellow' + ], + datasets: [{ + data: [300, 50, 100], + backgroundColor: [ + '#FF6384', + '#36A2EB', + '#FFCE56' + ], + hoverBackgroundColor: [ + '#FF6384', + '#36A2EB', + '#FFCE56' + ] + }] + }; + var ctx = document.getElementById('canvas-3'); + var chart = new Chart(ctx, { + type: 'doughnut', + data: doughnutData, + options: { + responsive: true + } + }); + + + var radarChartData = { + labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], + datasets: [ + { + label: 'My First dataset', + backgroundColor: 'rgba(220,220,220,0.2)', + borderColor: 'rgba(220,220,220,1)', + pointBackgroundColor: 'rgba(220,220,220,1)', + pointBorderColor: '#fff', + pointHighlightFill: '#fff', + pointHighlightStroke: 'rgba(220,220,220,1)', + data: [65,59,90,81,56,55,40] + }, + { + label: 'My Second dataset', + backgroundColor: 'rgba(151,187,205,0.2)', + borderColor: 'rgba(151,187,205,1)', + pointBackgroundColor: 'rgba(151,187,205,1)', + pointBorderColor: '#fff', + pointHighlightFill: '#fff', + pointHighlightStroke: 'rgba(151,187,205,1)', + data: [28,48,40,19,96,27,100] + } + ] + }; + var ctx = document.getElementById('canvas-4'); + var chart = new Chart(ctx, { + type: 'radar', + data: radarChartData, + options: { + responsive: true + } + }); + + + var pieData = { + labels: [ + 'Red', + 'Green', + 'Yellow' + ], + datasets: [{ + data: [300, 50, 100], + backgroundColor: [ + '#FF6384', + '#36A2EB', + '#FFCE56' + ], + hoverBackgroundColor: [ + '#FF6384', + '#36A2EB', + '#FFCE56' + ] + }] + }; + var ctx = document.getElementById('canvas-5'); + var chart = new Chart(ctx, { + type: 'pie', + data: pieData, + options: { + responsive: true + } + }); + + + var polarData = { + datasets: [{ + data: [ + 11, + 16, + 7, + 3, + 14 + ], + backgroundColor: [ + '#FF6384', + '#4BC0C0', + '#FFCE56', + '#E7E9ED', + '#36A2EB' + ], + label: 'My dataset' // for legend + }], + labels: [ + 'Red', + 'Green', + 'Yellow', + 'Grey', + 'Blue' + ] + }; + var ctx = document.getElementById('canvas-6'); + var chart = new Chart(ctx, { + type: 'polarArea', + data: polarData, + options: { + responsive: true + } + }); +}); diff --git a/static/src/js/views/main.js b/static/src/js/views/main.js new file mode 100644 index 0000000..1709588 --- /dev/null +++ b/static/src/js/views/main.js @@ -0,0 +1,533 @@ +$(function(){ + 'use strict'; + + //convert Hex to RGBA + function convertHex(hex,opacity){ + hex = hex.replace('#',''); + var r = parseInt(hex.substring(0,2), 16); + var g = parseInt(hex.substring(2,4), 16); + var b = parseInt(hex.substring(4,6), 16); + + var result = 'rgba('+r+','+g+','+b+','+opacity/100+')'; + return result; + } + + //Cards with Charts + //var labels = ['January','February','March','April','May','June','July']; + //var data = { + // labels: labels, + // datasets: [ + // { + // label: 'My First dataset', + // backgroundColor: $.brandPrimary, + // borderColor: 'rgba(255,255,255,.55)', + // data: [65, 59, 84, 84, 51, 55, 40] + // }, + // ] + //}; + //var options = { + // maintainAspectRatio: false, + // legend: { + // display: false + // }, + // scales: { + // xAxes: [{ + // gridLines: { + // color: 'transparent', + // zeroLineColor: 'transparent' + // }, + // ticks: { + // fontSize: 2, + // fontColor: 'transparent', + // } + // + // }], + // yAxes: [{ + // display: false, + // ticks: { + // display: false, + // min: Math.min.apply(Math, data.datasets[0].data) - 5, + // max: Math.max.apply(Math, data.datasets[0].data) + 5, + // } + // }], + // }, + // elements: { + // line: { + // borderWidth: 1 + // }, + // point: { + // radius: 4, + // hitRadius: 10, + // hoverRadius: 4, + // }, + // } + //}; + //var ctx = $('#card-chart1'); + //var cardChart1 = new Chart(ctx, { + // type: 'line', + // data: data, + // options: options + //}); + // + //var data = { + // labels: labels, + // datasets: [ + // { + // label: 'My First dataset', + // backgroundColor: $.brandInfo, + // borderColor: 'rgba(255,255,255,.55)', + // data: [1, 18, 9, 17, 34, 22, 11] + // }, + // ] + //}; + //var options = { + // maintainAspectRatio: false, + // legend: { + // display: false + // }, + // scales: { + // xAxes: [{ + // gridLines: { + // color: 'transparent', + // zeroLineColor: 'transparent' + // }, + // ticks: { + // fontSize: 2, + // fontColor: 'transparent', + // } + // + // }], + // yAxes: [{ + // display: false, + // ticks: { + // display: false, + // min: Math.min.apply(Math, data.datasets[0].data) - 5, + // max: Math.max.apply(Math, data.datasets[0].data) + 5, + // } + // }], + // }, + // elements: { + // line: { + // tension: 0.00001, + // borderWidth: 1 + // }, + // point: { + // radius: 4, + // hitRadius: 10, + // hoverRadius: 4, + // }, + // } + //}; + //var ctx = $('#card-chart2'); + //var cardChart2 = new Chart(ctx, { + // type: 'line', + // data: data, + // options: options + //}); + // + //var options = { + // maintainAspectRatio: false, + // legend: { + // display: false + // }, + // scales: { + // xAxes: [{ + // display: false + // }], + // yAxes: [{ + // display: false + // }], + // }, + // elements: { + // line: { + // borderWidth: 2 + // }, + // point: { + // radius: 0, + // hitRadius: 10, + // hoverRadius: 4, + // }, + // } + //}; + //var data = { + // labels: labels, + // datasets: [ + // { + // label: 'My First dataset', + // backgroundColor: 'rgba(255,255,255,.2)', + // borderColor: 'rgba(255,255,255,.55)', + // data: [78, 81, 80, 45, 34, 12, 40] + // }, + // ] + //}; + //var ctx = $('#card-chart3'); + //var cardChart3 = new Chart(ctx, { + // type: 'line', + // data: data, + // options: options + //}); + // + ////Random Numbers + //function random(min,max) { + // return Math.floor(Math.random()*(max-min+1)+min); + //} + // + //var elements = 16; + //var labels = []; + //var data = []; + // + //for (var i = 2000; i <= 2000 + elements; i++) { + // labels.push(i); + // data.push(random(40,100)); + //} + // + //var options = { + // maintainAspectRatio: false, + // legend: { + // display: false + // }, + // scales: { + // xAxes: [{ + // display: false, + // barPercentage: 0.6, + // }], + // yAxes: [{ + // display: false, + // }] + // }, + // + //}; + //var data = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'rgba(255,255,255,.3)', + // borderColor: 'transparent', + // data: data + // }, + // ] + //}; + //var ctx = $('#card-chart4'); + //var cardChart4 = new Chart(ctx, { + // type: 'bar', + // data: data, + // options: options + //}); + // + ////Main Chart + //var elements = 27; + //var data1 = []; + //var data2 = []; + //var data3 = []; + // + //for (var i = 0; i <= elements; i++) { + // data1.push(random(50,200)); + // data2.push(random(80,100)); + // data3.push(65); + //} + // + //var data = { + // labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S'], + // datasets: [ + // { + // label: 'My First dataset', + // backgroundColor: convertHex($.brandInfo,10), + // borderColor: $.brandInfo, + // pointHoverBackgroundColor: '#fff', + // borderWidth: 2, + // data: data1 + // }, + // { + // label: 'My Second dataset', + // backgroundColor: 'transparent', + // borderColor: $.brandSuccess, + // pointHoverBackgroundColor: '#fff', + // borderWidth: 2, + // data: data2 + // }, + // { + // label: 'My Third dataset', + // backgroundColor: 'transparent', + // borderColor: $.brandDanger, + // pointHoverBackgroundColor: '#fff', + // borderWidth: 1, + // borderDash: [8, 5], + // data: data3 + // } + // ] + //}; + // + //var options = { + // maintainAspectRatio: false, + // legend: { + // display: false + // }, + // scales: { + // xAxes: [{ + // gridLines: { + // drawOnChartArea: false, + // } + // }], + // yAxes: [{ + // ticks: { + // beginAtZero: true, + // maxTicksLimit: 5, + // stepSize: Math.ceil(250 / 5), + // max: 250 + // } + // }] + // }, + // elements: { + // point: { + // radius: 0, + // hitRadius: 10, + // hoverRadius: 4, + // hoverBorderWidth: 3, + // } + // }, + //}; + //var ctx = $('#main-chart'); + //var mainChart = new Chart(ctx, { + // type: 'line', + // data: data, + // options: options + //}); + // + // + ////Social Box Charts + //var labels = ['January','February','March','April','May','June','July']; + // + //var options = { + // responsive: true, + // maintainAspectRatio: false, + // legend: { + // display: false, + // }, + // scales: { + // xAxes: [{ + // display:false, + // }], + // yAxes: [{ + // display:false, + // }] + // }, + // elements: { + // point: { + // radius: 0, + // hitRadius: 10, + // hoverRadius: 4, + // hoverBorderWidth: 3, + // } + // } + //}; + // + //var data1 = { + // labels: labels, + // datasets: [{ + // backgroundColor: 'rgba(255,255,255,.1)', + // borderColor: 'rgba(255,255,255,.55)', + // pointHoverBackgroundColor: '#fff', + // borderWidth: 2, + // data: [65, 59, 84, 84, 51, 55, 40] + // }] + //}; + //var ctx = $('#social-box-chart-1'); + //var socialBoxChart1 = new Chart(ctx, { + // type: 'line', + // data: data1, + // options: options + //}); + // + //var data2 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'rgba(255,255,255,.1)', + // borderColor: 'rgba(255,255,255,.55)', + // pointHoverBackgroundColor: '#fff', + // borderWidth: 2, + // data: [1, 13, 9, 17, 34, 41, 38] + // } + // ] + //}; + //var ctx = $('#social-box-chart-2').get(0).getContext('2d'); + //var socialBoxChart2 = new Chart(ctx, { + // type: 'line', + // data: data2, + // options: options + //}); + // + //var data3 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'rgba(255,255,255,.1)', + // borderColor: 'rgba(255,255,255,.55)', + // pointHoverBackgroundColor: '#fff', + // borderWidth: 2, + // data: [78, 81, 80, 45, 34, 12, 40] + // } + // ] + //}; + //var ctx = $('#social-box-chart-3').get(0).getContext('2d'); + //var socialBoxChart3 = new Chart(ctx, { + // type: 'line', + // data: data3, + // options: options + //}); + // + //var data4 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'rgba(255,255,255,.1)', + // borderColor: 'rgba(255,255,255,.55)', + // pointHoverBackgroundColor: '#fff', + // borderWidth: 2, + // data: [35, 23, 56, 22, 97, 23, 64] + // } + // ] + //}; + //var ctx = $('#social-box-chart-4').get(0).getContext('2d'); + //var socialBoxChart4 = new Chart(ctx, { + // type: 'line', + // data: data4, + // options: options + //}); + // + // + // + ////Sparkline Charts + //var labels = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday']; + // + //var options = { + // legend: { + // display: false, + // }, + // scales: { + // xAxes: [{ + // display:false, + // }], + // yAxes: [{ + // display:false, + // }] + // }, + // elements: { + // point: { + // radius: 0, + // hitRadius: 10, + // hoverRadius: 4, + // hoverBorderWidth: 3, + // } + // }, + //}; + // + //var data1 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'transparent', + // borderColor: $.brandPrimary, + // borderWidth: 2, + // data: [35, 23, 56, 22, 97, 23, 64] + // } + // ] + //}; + //var ctx = $('#sparkline-chart-1'); + //var sparklineChart1 = new Chart(ctx, { + // type: 'line', + // data: data1, + // options: options + //}); + // + //var data2 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'transparent', + // borderColor: $.brandDanger, + // borderWidth: 2, + // data: [78, 81, 80, 45, 34, 12, 40] + // } + // ] + //}; + //var ctx = $('#sparkline-chart-2'); + //var sparklineChart2 = new Chart(ctx, { + // type: 'line', + // data: data2, + // options: options + //}); + // + //var data3 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'transparent', + // borderColor: $.brandWarning, + // borderWidth: 2, + // data: [35, 23, 56, 22, 97, 23, 64] + // } + // ] + //}; + //var ctx = $('#sparkline-chart-3'); + //var sparklineChart3 = new Chart(ctx, { + // type: 'line', + // data: data3, + // options: options + //}); + // + //var data4 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'transparent', + // borderColor: $.brandSuccess, + // borderWidth: 2, + // data: [78, 81, 80, 45, 34, 12, 40] + // } + // ] + //}; + //var ctx = $('#sparkline-chart-4'); + //var sparklineChart4 = new Chart(ctx, { + // type: 'line', + // data: data4, + // options: options + //}); + // + //var data5 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'transparent', + // borderColor: '#d1d4d7', + // borderWidth: 2, + // data: [35, 23, 56, 22, 97, 23, 64] + // } + // ] + //}; + //var ctx = $('#sparkline-chart-5'); + //var sparklineChart5 = new Chart(ctx, { + // type: 'line', + // data: data5, + // options: options + //}); + // + //var data6 = { + // labels: labels, + // datasets: [ + // { + // backgroundColor: 'transparent', + // borderColor: $.brandInfo, + // borderWidth: 2, + // data: [78, 81, 80, 45, 34, 12, 40] + // } + // ] + //}; + //var ctx = $('#sparkline-chart-6'); + //var sparklineChart6= new Chart(ctx, { + // type: 'line', + // data: data6, + // options: options + //}); + +}); diff --git a/static/src/js/views/widgets.js b/static/src/js/views/widgets.js new file mode 100644 index 0000000..e4bcc61 --- /dev/null +++ b/static/src/js/views/widgets.js @@ -0,0 +1,564 @@ +$(function(){ + 'use strict'; + + //convert Hex to RGBA + function convertHex(hex,opacity){ + hex = hex.replace('#',''); + var r = parseInt(hex.substring(0,2), 16); + var g = parseInt(hex.substring(2,4), 16); + var b = parseInt(hex.substring(4,6), 16); + + var result = 'rgba('+r+','+g+','+b+','+opacity/100+')'; + return result; + } + + //Cards with Charts + var labels = ['January','February','March','April','May','June','July']; + var data = { + labels: labels, + datasets: [ + { + label: 'My First dataset', + backgroundColor: $.brandPrimary, + borderColor: 'rgba(255,255,255,.55)', + data: [65, 59, 84, 84, 51, 55, 40] + }, + ] + }; + var options = { + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + gridLines: { + color: 'transparent', + zeroLineColor: 'transparent' + }, + ticks: { + fontSize: 2, + fontColor: 'transparent', + } + + }], + yAxes: [{ + display: false, + ticks: { + display: false, + min: Math.min.apply(Math, data.datasets[0].data) - 5, + max: Math.max.apply(Math, data.datasets[0].data) + 5, + } + }], + }, + elements: { + line: { + borderWidth: 1 + }, + point: { + radius: 4, + hitRadius: 10, + hoverRadius: 4, + }, + } + }; + var ctx = $('#card-chart1'); + var cardChart1 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + var data = { + labels: labels, + datasets: [ + { + label: 'My First dataset', + backgroundColor: $.brandInfo, + borderColor: 'rgba(255,255,255,.55)', + data: [1, 18, 9, 17, 34, 22, 11] + }, + ] + }; + + var options = { + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + gridLines: { + color: 'transparent', + zeroLineColor: 'transparent' + }, + ticks: { + fontSize: 2, + fontColor: 'transparent', + } + + }], + yAxes: [{ + display: false, + ticks: { + display: false, + min: Math.min.apply(Math, data.datasets[0].data) - 5, + max: Math.max.apply(Math, data.datasets[0].data) + 5, + } + }], + }, + elements: { + line: { + tension: 0.00001, + borderWidth: 1 + }, + point: { + radius: 4, + hitRadius: 10, + hoverRadius: 4, + }, + } + }; + var ctx = $('#card-chart2'); + var cardChart2 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + var options = { + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }], + }, + elements: { + line: { + borderWidth: 2 + }, + point: { + radius: 0, + hitRadius: 10, + hoverRadius: 4, + }, + } + }; + var data = { + maintainAspectRatio: false, + labels: labels, + datasets: [ + { + label: 'My First dataset', + backgroundColor: 'rgba(255,255,255,.2)', + borderColor: 'rgba(255,255,255,.55)', + data: [78, 81, 80, 45, 34, 12, 40] + }, + ] + }; + var ctx = $('#card-chart3'); + var cardChart3 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + //Random Numbers + function random(min,max) { + return Math.floor(Math.random()*(max-min+1)+min); + } + + var elements = 16; + var labels = []; + var data = []; + + for (var i = 2000; i <= 2000 + elements; i++) { + labels.push(i); + data.push(random(40,100)); + } + + + var options = { + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false, + barPercentage: 0.7, + }], + yAxes: [{ + display: false, + }] + }, + + }; + var data = { + labels: labels, + datasets: [ + { + backgroundColor: 'rgba(255,255,255,.3)', + borderColor: 'transparent', + data: data + }, + ] + }; + var ctx = $('#card-chart4'); + var cardChart4 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + + var elements = 15; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push(i); + data.push(random(40,100)); + } + + var options = { + responsive: false, + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + } + }; + var data = { + labels: labels, + datasets: [ + { + backgroundColor: $.brandPrimary, + borderColor: 'transparent', + borderWidth: 1, + data: data + }, + ] + }; + var ctx = $('#chart-1'); + var Chart1 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + + var elements = 15; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push(i); + data.push(random(40,100)); + } + + var options = { + responsive: false, + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + } + }; + var data = { + labels: labels, + datasets: [ + { + backgroundColor: $.brandWarning, + borderColor: 'transparent', + borderWidth: 1, + data: data + }, + ] + }; + var ctx = $('#chart-2'); + var Chart2 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + + var elements = 15; + var labels = []; + var data = []; + + for (var i = 0; i <= elements; i++) { + labels.push(i); + data.push(random(40,100)); + } + + var options = { + responsive: false, + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + } + }; + var data = { + labels: labels, + datasets: [ + { + backgroundColor: $.brandSuccess, + borderColor: 'transparent', + borderWidth: 1, + data: data + }, + ] + }; + var ctx = $('#chart-3'); + var Chart3 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + var options = { + responsive: false, + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + elements: { point: { radius: 0 } } + }; + var data = { + labels: ['January','February','March','April','May','June','July'], + datasets: [ + { + backgroundColor: 'transparent', + borderColor: $.brandInfo, + borderWidth: 2, + data: [65, 59, 84, 84, 51, 55, 40] + }, + ] + }; + var ctx = $('#chart-4'); + var Chart4 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + + var options = { + responsive: false, + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + elements: { point: { radius: 0 } } + }; + var data = { + labels: ['January','February','March','April','May','June','July'], + datasets: [ + { + backgroundColor: 'transparent', + borderColor: $.brandSuccess, + borderWidth: 2, + data: [65, 59, 84, 84, 51, 55, 40] + }, + ] + }; + var ctx = $('#chart-5'); + var Chart5 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + + var options = { + responsive: false, + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display: false + }], + yAxes: [{ + display: false + }] + }, + elements: { point: { radius: 0 } } + }; + var data = { + labels: ['January','February','March','April','May','June','July'], + datasets: [ + { + backgroundColor: 'transparent', + borderColor: $.brandDanger, + borderWidth: 2, + data: [65, 59, 84, 84, 51, 55, 40] + }, + ] + }; + var ctx = $('#chart-6'); + var Chart6 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + + var options = { + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display:false, + points:false, + }], + yAxes: [{ + display:false, + }] + }, + elements: { point: { radius: 0 } } + }; + var data = { + labels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'], + datasets: [ + { + backgroundColor: 'transparent', + borderColor: 'rgba(255,255,255,.55)', + borderWidth: 2, + data: [4, 18, 9, 17, 34, 22, 11, 3, 15, 12, 18, 9] + }, + ] + }; + var ctx = $('.chart-7'); + var Chart7 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + var ctx = $('.chart-7-2'); + var Chart72 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + var ctx = $('.chart-7-3'); + var Chart73 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + var ctx = $('.chart-7-4'); + var Chart74 = new Chart(ctx, { + type: 'line', + data: data, + options: options + }); + + + var options = { + maintainAspectRatio: false, + legend: { + display: false + }, + scales: { + xAxes: [{ + display:false, + barPercentage: 0.6, + }], + yAxes: [{ + display:false, + ticks: { + beginAtZero: true, + } + }] + }, + }; + var data = { + labels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'], + datasets: [ + { + backgroundColor: 'rgba(0,0,0,.2)', + data: [4, 18, 9, 17, 34, 22, 11, 3, 15, 12, 18, 9] + }, + ] + }; + var ctx = $('.chart-8'); + var Chart8 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + var ctx = $('.chart-8-2'); + var Chart82 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + var ctx = $('.chart-8-3'); + var Chart83 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); + + var ctx = $('.chart-8-4'); + var Chart84 = new Chart(ctx, { + type: 'bar', + data: data, + options: options + }); +}) diff --git a/static/src/scss/_bootstrap-variables.scss b/static/src/scss/_bootstrap-variables.scss new file mode 100644 index 0000000..9a9c272 --- /dev/null +++ b/static/src/scss/_bootstrap-variables.scss @@ -0,0 +1,109 @@ +// Bootstrap overrides + +// +// Color system +// + +$white: #fff; +$gray-100: #f0f3f5; +$gray-200: #c2cfd6; +$gray-300: #a4b7c1; +$gray-400: #869fac; +$gray-500: #678898; +$gray-600: #536c79; +$gray-700: #3e515b; +$gray-800: #29363d; +$gray-900: #151b1e; +$black: #000 !default; + +$blue: #20a8d8; +$indigo: #6610f2 !default; +$purple: #6f42c1 !default; +$pink: #e83e8c !default; +$red: #f86c6b; +$orange: #f8cb00; +$yellow: #ffc107 !default; +$green: #4dbd74; +$teal: #20c997 !default; +$cyan: #63c2de; + +$colors: ( + blue: $blue, + indigo: $indigo, + purple: $purple, + pink: $pink, + red: $red, + orange: $orange, + yellow: $yellow, + green: $green, + teal: $teal, + cyan: $cyan, + white: $white, + gray: $gray-600, + gray-dark: $gray-800 +); + +$theme-colors: ( + primary: $blue, + secondary: $gray-300, + success: $green, + info: $cyan, + warning: $yellow, + danger: $red, + light: $gray-100, + dark: $gray-800 +); + +// Options +// +// Quickly modify global styling by enabling or disabling optional features. + +$enable-transitions: true; +$enable-rounded: false; + +// Body +// +// Settings for the `` element. + +$body-bg: #e4e5e6; + +// Typography +// +// Font, line-height, and color for body text, headings, and more. + +$font-size-base: 0.875rem; + +// Breadcrumbs + +$breadcrumb-bg: #fff; +$breadcrumb-margin-bottom: 1.5rem; + +// Cards + +$card-border-color: $gray-200; +$card-cap-bg: $gray-100; + +// Dropdowns + +$dropdown-padding-y: 0; +$dropdown-border-color: $gray-200; +$dropdown-divider-bg: $gray-100; + +// Buttons + +$btn-secondary-border: $gray-300; + +// Progress bars + +$progress-bg: $gray-100; + +// Tables + +$table-bg-accent: $gray-100; +$table-bg-hover: $gray-100; + +// Forms + +$input-group-addon-bg: $gray-100; +$input-border-color: $gray-200; +$input-group-addon-border-color: $gray-200; diff --git a/static/src/scss/_core-variables.scss b/static/src/scss/_core-variables.scss new file mode 100644 index 0000000..6f31d10 --- /dev/null +++ b/static/src/scss/_core-variables.scss @@ -0,0 +1,110 @@ +// core overrides +// Bootstrap overrides + +// +// Color system +// + +$white: #fff; +$gray-100: #f0f3f5; +$gray-200: #c2cfd6; +$gray-300: #a4b7c1; +$gray-400: #869fac; +$gray-500: #678898; +$gray-600: #536c79; +$gray-700: #3e515b; +$gray-800: #29363d; +$gray-900: #151b1e; +$black: #000 !default; + +$blue: #20a8d8; +$indigo: #6610f2 !default; +$purple: #6f42c1 !default; +$pink: #e83e8c !default; +$red: #f86c6b; +$orange: #f8cb00; +$yellow: #ffc107 !default; +$green: #4dbd74; +$teal: #20c997 !default; +$cyan: #63c2de; + +$colors: ( + blue: $blue, + indigo: $indigo, + purple: $purple, + pink: $pink, + red: $red, + orange: $orange, + yellow: $yellow, + green: $green, + teal: $teal, + cyan: $cyan, + white: $white, + gray: $gray-600, + gray-dark: $gray-800 +); + +$theme-colors: ( + primary: $blue, + secondary: $gray-300, + success: $green, + info: $cyan, + warning: $yellow, + danger: $red, + light: $gray-100, + dark: $gray-800 +); + +// Options +// +// Quickly modify global styling by enabling or disabling optional features. + +$enable-transitions: true; +$enable-rounded: false; + +// Body +// +// Settings for the `` element. + +$body-bg: #e4e5e6; + +// Typography +// +// Font, line-height, and color for body text, headings, and more. + +$font-size-base: 0.875rem; + +// Breadcrumbs + +$breadcrumb-bg: #fff; +$breadcrumb-margin-bottom: 1.5rem; + +// Cards + +$card-border-color: $gray-200; +$card-cap-bg: $gray-100; + +// Dropdowns + +$dropdown-padding-y: 0; +$dropdown-border-color: $gray-200; +$dropdown-divider-bg: $gray-100; + +// Buttons + +$btn-secondary-border: $gray-300; + +// Progress bars + +$progress-bg: $gray-100; + +// Tables + +$table-bg-accent: $gray-100; +$table-bg-hover: $gray-100; + +// Forms + +$input-group-addon-bg: $gray-100; +$input-border-color: $gray-200; +$input-group-addon-border-color: $gray-200; diff --git a/static/src/scss/_custom.scss b/static/src/scss/_custom.scss new file mode 100644 index 0000000..15d367a --- /dev/null +++ b/static/src/scss/_custom.scss @@ -0,0 +1 @@ +// Here you can add other styles diff --git a/static/src/scss/core/_animate.scss b/static/src/scss/core/_animate.scss new file mode 100644 index 0000000..c0a244b --- /dev/null +++ b/static/src/scss/core/_animate.scss @@ -0,0 +1,27 @@ +// scss-lint:disable all +.animated { + animation-duration: 1s; + // animation-fill-mode: both; +} + +.animated.infinite { + animation-iteration-count: infinite; +} + +.animated.hinge { + animation-duration: 2s; +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + animation-name: fadeIn; +} diff --git a/static/src/scss/core/_aside.scss b/static/src/scss/core/_aside.scss new file mode 100644 index 0000000..fc71e42 --- /dev/null +++ b/static/src/scss/core/_aside.scss @@ -0,0 +1,64 @@ +.aside-menu { + z-index: $zindex-sticky - 1; + width: $aside-menu-width; + color: $aside-menu-color; + background: $aside-menu-bg; + @include borders($aside-menu-borders); + + .nav-tabs { + border-color: $border-color; + .nav-link { + padding: $aside-menu-nav-padding-y $aside-menu-nav-padding-x; + color: $body-color; + border-top: 0; + &.active { + color: theme-color("primary"); + border-right-color: $border-color; + border-left-color: $border-color; + } + } + .nav-item:first-child { + .nav-link { + border-left: 0; + } + } + } + + .tab-content { + position: relative; + overflow-x: hidden; + overflow-y: auto; + border: 0; + border-top: 1px solid $border-color; + -ms-overflow-style: -ms-autohiding-scrollbar; + + &::-webkit-scrollbar { + width: 10px; + margin-left: -10px; + -webkit-appearance: none; + } + + // &::-webkit-scrollbar-button { } + + &::-webkit-scrollbar-track { + background-color: lighten($aside-menu-bg, 5%); + border-right: 1px solid darken($aside-menu-bg, 5%); + border-left: 1px solid darken($aside-menu-bg, 5%); + } + + // &::-webkit-scrollbar-track-piece { } + + &::-webkit-scrollbar-thumb { + height: 50px; + background-color: darken($aside-menu-bg, 10%); + background-clip: content-box; + border-color: transparent; + border-style: solid; + border-width: 1px 2px; + } + + .tab-pane { + padding: 0; + } + } +} diff --git a/static/src/scss/core/_avatars.scss b/static/src/scss/core/_avatars.scss new file mode 100644 index 0000000..623016e --- /dev/null +++ b/static/src/scss/core/_avatars.scss @@ -0,0 +1,51 @@ +.img-avatar { + border-radius: 50em; +} + +.avatar { + $width: 36px; + $status-width: 10px; + @include avatar($width,$status-width); +} + +.avatar.avatar-xs { + $width: 20px; + $status-width: 8px; + @include avatar($width,$status-width); +} + +.avatar.avatar-sm { + $width: 24px; + $status-width: 8px; + @include avatar($width,$status-width); +} + +.avatar.avatar-lg { + $width: 72px; + $status-width: 12px; + @include avatar($width,$status-width); +} + +.avatars-stack { + .avatar.avatar-xs { + margin-right: -10px; + } + + // .avatar.avatar-sm { + // + // } + + .avatar { + margin-right: -15px; + transition: margin-left $layout-transition-speed, margin-right $layout-transition-speed; + + &:hover { + margin-right: 0 !important; + } + } + + // .avatar.avatar-lg { + // + // } + +} diff --git a/static/src/scss/core/_badge.scss b/static/src/scss/core/_badge.scss new file mode 100644 index 0000000..3104885 --- /dev/null +++ b/static/src/scss/core/_badge.scss @@ -0,0 +1,3 @@ +.badge-pill { + border-radius: $badge-pill-border-radius; +} diff --git a/static/src/scss/core/_breadcrumb-menu.scss b/static/src/scss/core/_breadcrumb-menu.scss new file mode 100644 index 0000000..dbbe07e --- /dev/null +++ b/static/src/scss/core/_breadcrumb-menu.scss @@ -0,0 +1,35 @@ +.breadcrumb-menu { + margin-left: auto; + + &::before { + display: none; + } + + .btn-group { + vertical-align: top; + } + + .btn { + padding: 0 $input-btn-padding-x; + color: $text-muted; + vertical-align: top; + border: 0; + + &:hover, &.active { + color: $body-color; + background: transparent; + } + } + + .open { + .btn { + color: $body-color; + background: transparent; + } + } + + .dropdown-menu { + min-width: 180px; + line-height: $line-height-base; + } +} diff --git a/static/src/scss/core/_breadcrumb.scss b/static/src/scss/core/_breadcrumb.scss new file mode 100644 index 0000000..d8a003d --- /dev/null +++ b/static/src/scss/core/_breadcrumb.scss @@ -0,0 +1,4 @@ +.breadcrumb { + position: relative; + @include borders($breadcrumb-borders); +} diff --git a/static/src/scss/core/_buttons.scss b/static/src/scss/core/_buttons.scss new file mode 100644 index 0000000..7ab4953 --- /dev/null +++ b/static/src/scss/core/_buttons.scss @@ -0,0 +1,575 @@ +button { + cursor: pointer; +} + +.btn { + .badge { + position: absolute; + top: 2px; + right: 6px; + font-size: 9px; + } +} + +.btn-transparent { + color: #fff; + background-color: transparent; + border-color: transparent; +} + +.btn { + [class^="icon-"], [class*=" icon-"] { + display: inline-block; + margin-top: -2px; + vertical-align: middle; + } +} + +.btn-facebook, +.btn-twitter, +.btn-linkedin, +.btn-flickr, +.btn-tumblr, +.btn-xing, +.btn-github, +.btn-html5, +.btn-openid, +.btn-stack-overflow, +.btn-youtube, +.btn-css3, +.btn-dribbble, +.btn-google-plus, +.btn-instagram, +.btn-pinterest, +.btn-vk, +.btn-yahoo, +.btn-behance, +.btn-dropbox, +.btn-reddit, +.btn-spotify, +.btn-vine, +.btn-foursquare, +.btn-vimeo { + position: relative; + overflow: hidden; + color: #fff !important; + text-align: center; + + &::before { + position: absolute; + top: 0; + left: 0; + display: block; + font-family: "FontAwesome"; + font-style: normal; + font-weight: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } + + &:hover { + color: #fff; + } + + &.icon { + + span { + display: none; + } + } + + &.text { + &::before { + display: none; + } + + span { + margin-left: 0 !important; + } + } + @include button-social-size($input-btn-padding-y, $input-btn-padding-x, $font-size-base, $line-height-base, $btn-border-radius); + + &.btn-lg { + @include button-social-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $font-size-lg, $line-height-lg, $btn-border-radius-lg); + } + + &.btn-sm { + @include button-social-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm); + } + +} + +.btn-facebook { + $color: $facebook; + + background: $color; + &::before { + content: "\f09a"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-twitter { + $color: $twitter; + + background: $color; + &::before { + content: "\f099"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-linkedin { + $color: $linkedin; + + background: $color; + &::before { + content: "\f0e1"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-flickr { + $color: $flickr; + + background: $color; + &::before { + content: "\f16e"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-tumblr { + $color: $tumblr; + + background: $color; + &::before { + content: "\f173"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-xing { + $color: $xing; + + background: $color; + &::before { + content: "\f168"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-github { + $color: $github; + + background: $color; + &::before { + content: "\f09b"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-html5 { + $color: $html5; + + background: $color; + &::before { + content: "\f13b"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-openid { + $color: $openid; + + background: $color; + &::before { + content: "\f19b"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-stack-overflow { + $color: $stack-overflow; + + background: $color; + &::before { + content: "\f16c"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-css3 { + $color: $css3; + + background: $color; + &::before { + content: "\f13c"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-youtube { + $color: $youtube; + + background: $color; + &::before { + content: "\f167"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-dribbble { + $color: $dribbble; + + background: $color; + &::before { + content: "\f17d"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-google-plus { + $color: $google-plus; + + background: $color; + &::before { + content: "\f0d5"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-instagram { + $color: $instagram; + + background: $color; + &::before { + content: "\f16d"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-pinterest { + $color: $pinterest; + + background: $color; + &::before { + content: "\f0d2"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-vk { + $color: $vk; + + background: $color; + &::before { + content: "\f189"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-yahoo { + $color: $yahoo; + + background: $color; + &::before { + content: "\f19e"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-behance { + $color: $behance; + + background: $color; + &::before { + content: "\f1b4"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-dropbox { + $color: $dropbox; + + background: $color; + &::before { + content: "\f16b"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-reddit { + $color: $reddit; + + background: $color; + &::before { + content: "\f1a1"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-spotify { + $color: $spotify; + + background: $color; + &::before { + content: "\f1bc"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-vine { + $color: $vine; + + background: $color; + &::before { + content: "\f1ca"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-foursquare { + $color: $foursquare; + + background: $color; + &::before { + content: "\f180"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} + +.btn-vimeo { + $color: $vimeo; + + background: $color; + &::before { + content: "\f194"; + background: darken($color, 5%); + + } + + &:hover { + background: darken($color, 5%); + + &::before { + background: darken($color, 10%); + } + } +} diff --git a/static/src/scss/core/_callout.scss b/static/src/scss/core/_callout.scss new file mode 100644 index 0000000..b98ebac --- /dev/null +++ b/static/src/scss/core/_callout.scss @@ -0,0 +1,55 @@ +.callout { + position: relative; + padding: 0 $spacer; + margin: $spacer 0; + border: 0 solid $border-color; + border-left-width: .25rem; + + @if $enable-rounded { + border-radius: .25rem; + } + + .chart-wrapper { + position: absolute; + top: 10px; + left: 50%; + float: right; + width: 50%; + } +} + +.callout-bordered { + border: 1px solid $border-color; + border-left-width: .25rem; +} +.callout code { + border-radius: .25rem; +} +.callout h4 { + margin-top: 0; + margin-bottom: .25rem; +} +.callout p:last-child { + margin-bottom: 0; +} +.callout + .callout { + margin-top: - .25rem; +} + +.callout-default { + border-left-color: $text-muted; + + h4 { + color: $text-muted; + } +} + +@each $color, $value in $theme-colors { + .callout-#{$color} { + border-left-color: $value; + + h4 { + color: $value; + } + } +} diff --git a/static/src/scss/core/_card.scss b/static/src/scss/core/_card.scss new file mode 100644 index 0000000..20e57a8 --- /dev/null +++ b/static/src/scss/core/_card.scss @@ -0,0 +1,193 @@ +.card { + margin-bottom: 1.5 * $spacer; + + // Cards with color accent + @each $color, $value in $theme-colors { + &.bg-#{$color} { + border-color: darken($value, 12.5%); + .card-header { + background-color: darken($value, 3%); + border-color: darken($value, 12.5%); + } + } + } +} + +.text-white .text-muted { + color: rgba(255,255,255,.6) !important; +} + +.card-header { + + .icon-bg { + display: inline-body; + padding: $card-spacer-y $card-spacer-x !important; + margin-top: -$card-spacer-y; + margin-right: $card-spacer-x; + margin-bottom: -$card-spacer-y; + margin-left: -$card-spacer-x; + line-height: inherit; + color: $card-icon-color; + vertical-align: bottom; + background: $card-icon-bg; + border-right: $card-border-width solid $card-border-color; + } + + .nav.nav-tabs { + margin-top: -$card-spacer-y; + margin-bottom: -$card-spacer-y; + border-bottom: 0; + + .nav-item { + border-top: 0; + } + + .nav-link { + padding: $card-spacer-y $card-spacer-x / 2; + color: $text-muted; + border-top: 0; + + &.active { + color: $body-color; + background: #fff; + } + } + } + + &.card-header-inverse { + color: #fff; + } + + .btn { + margin-top: - $input-btn-padding-y; + } + .btn-sm { + margin-top: - $input-btn-padding-y-sm; + } + .btn-lg { + margin-top: - $input-btn-padding-y-lg; + } +} +// +.card-footer { + + ul { + display: table; + width: 100%; + padding: 0; + margin: 0; + table-layout: fixed; + + li { + display: table-cell; + padding: 0 $card-spacer-x; + text-align: center; + } + } +} + +[class*="card-outline-"] { + .card-body { + background: #fff !important; + } + + &.card-outline-top { + border-top-width: 2px; + border-right-color: $border-color; + border-bottom-color: $border-color; + border-left-color: $border-color; + } +} + +// Cards with color accent +@each $color, $value in $theme-colors { + .card-accent-#{$color} { + @include card-accent-variant($value); + } +} + +// Card Actions +.card-header { + > i { + margin-right: $spacer / 2; + } + .card-actions { + position: absolute; + top: 0; + right: 0; + //height: inherit; + + a, button { + display: block; + float: left; + width: 50px; + padding: $card-spacer-y 0; + margin: 0 !important; + color: $body-color; + text-align: center; + background: transparent; + border: 0; + border-left: 1px solid $border-color; + box-shadow: 0; + + &:hover { + text-decoration: none; + } + + [class^="icon-"], [class*=" icon-"] { + display: inline-body; + vertical-align: middle; + } + + i { + display: inline-body; + transition: .4s; + } + + .r180 { + transform: rotate(180deg); + } + } + + .input-group { + width: 230px; + margin: 6px; + + .input-group-addon { + background: #fff; + } + + input { + border-left: 0; + } + } + } +} + +.card-full { + margin-top: - $spacer; + margin-right: - $grid-gutter-width / 2; + margin-left: - $grid-gutter-width / 2; + border: 0; + border-bottom: $card-border-width solid $border-color; +} + +@include media-breakpoint-up(sm) { + .card-columns { + + &.cols-2 { + column-count: 2; + } + } +} + +.card { + &.drag, .drag { + cursor: move; + } +} + +.card-placeholder { + background: rgba(0,0,0,.025); + border: 1px dashed $gray-300; +} diff --git a/static/src/scss/core/_charts.scss b/static/src/scss/core/_charts.scss new file mode 100644 index 0000000..0e7a3c2 --- /dev/null +++ b/static/src/scss/core/_charts.scss @@ -0,0 +1,9 @@ +.chart-wrapper { + canvas { + width: 100% !important; + } +} +// scss-lint:disable QualifyingElement +base-chart.chart { + display: block !important; +} diff --git a/static/src/scss/core/_dropdown-menu-right.scss b/static/src/scss/core/_dropdown-menu-right.scss new file mode 100644 index 0000000..4f19546 --- /dev/null +++ b/static/src/scss/core/_dropdown-menu-right.scss @@ -0,0 +1,8 @@ +// Temp fix for reactstrap +.app-header { + .navbar-nav { + .dropdown-menu-right { + right: auto; + } + } +} diff --git a/static/src/scss/core/_dropdown.scss b/static/src/scss/core/_dropdown.scss new file mode 100644 index 0000000..564e4df --- /dev/null +++ b/static/src/scss/core/_dropdown.scss @@ -0,0 +1,69 @@ +// Links, buttons, and more within the dropdown menu +.dropdown-item { + position: relative; + padding: 10px 20px; + border-bottom: 1px solid $dropdown-border-color; + + &:last-child { + border-bottom: 0; + } + + i { + display: inline-block; + width: 20px; + margin-right: 10px; + margin-left: -10px; + color: $dropdown-border-color; + text-align: center; + } + + .badge { + position: absolute; + right: 10px; + margin-top: 2px; + } +} + +// Dropdown section headers +.dropdown-header { + padding: 8px 20px; + background: $dropdown-divider-bg; + border-bottom: 1px solid $dropdown-border-color; + + .btn { + margin-top: -7px; + color: $dropdown-header-color; + + &:hover { + color: $body-color; + } + + &.pull-right { + margin-right: -20px; + } + } +} + +.dropdown-menu-lg { + width: 250px; +} +.app-header { + .navbar-nav { + .dropdown-menu { + position: absolute; + } + // Menu positioning + // + // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown + // menu with the parent. + .dropdown-menu-right { + right: 0; + left: auto; // Reset the default from `.dropdown-menu` + } + + .dropdown-menu-left { + right: auto; + left: 0; + } + } +} diff --git a/static/src/scss/core/_footer.scss b/static/src/scss/core/_footer.scss new file mode 100644 index 0000000..e01595a --- /dev/null +++ b/static/src/scss/core/_footer.scss @@ -0,0 +1,9 @@ +.app-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + padding: 0 $spacer; + color: $footer-color; + background: $footer-bg; + @include borders($footer-borders); +} diff --git a/static/src/scss/core/_grid.scss b/static/src/scss/core/_grid.scss new file mode 100644 index 0000000..0d0963c --- /dev/null +++ b/static/src/scss/core/_grid.scss @@ -0,0 +1,15 @@ +.row.row-equal { + padding-right: ($grid-gutter-width / 4); + padding-left: ($grid-gutter-width / 4); + margin-right: ($grid-gutter-width / -2); + margin-left: ($grid-gutter-width / -2); + + [class*="col-"] { + padding-right: ($grid-gutter-width / 4); + padding-left: ($grid-gutter-width / 4); + } +} + +.main .container-fluid { + padding: 0 30px; +} diff --git a/static/src/scss/core/_input-group.scss b/static/src/scss/core/_input-group.scss new file mode 100644 index 0000000..23b2512 --- /dev/null +++ b/static/src/scss/core/_input-group.scss @@ -0,0 +1,6 @@ +.input-group-addon, +.input-group-btn { + min-width: 40px; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} diff --git a/static/src/scss/core/_layout.scss b/static/src/scss/core/_layout.scss new file mode 100644 index 0000000..8a05003 --- /dev/null +++ b/static/src/scss/core/_layout.scss @@ -0,0 +1,384 @@ +// IE10&11 Flexbox fix +@media all and (-ms-high-contrast:none) { + html { + display: flex; + flex-direction: column; + } +} + +// app-dashboard and app-root are Angular2+ selectors. You can add here your own selectors if you need. +.app, +app-dashboard, +app-root { + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.app-header { + flex: 0 0 $navbar-height; +} + +.app-footer { + flex: 0 0 $footer-height; +} + +.app-body { + display: flex; + flex-direction: row; + flex-grow: 1; + overflow-x: hidden; + + .main { + flex: 1; + min-width: 0; + } + + .sidebar { + // $sidebar-width is the width of the columns + flex: 0 0 $sidebar-width; + // put the nav on the left + order: -1; + } + + .aside-menu { + // $aside-menu-width is the width of the columns + flex: 0 0 $aside-menu-width; + } +} + +// +// header +// +.header-fixed { + .app-header { + position: fixed; + z-index: $zindex-sticky; + width: 100%; + } + .app-body { + margin-top: $navbar-height; + } +} + +// +// Sidebar +// +.sidebar-hidden { + .sidebar { + margin-left: - $sidebar-width; + } +} + +.sidebar-fixed { + .sidebar { + position: fixed; + z-index: $zindex-sticky - 1; + width: $sidebar-width; + height: calc(100vh - #{$navbar-height}); + // margin-top: - $navbar-height; + + // .sidebar-nav { + // height: calc(100vh - #{$navbar-height}); + // } + } + + .main, .app-footer { + margin-left: $sidebar-width; + } + + &.sidebar-hidden { + .main, .app-footer { + margin-left: 0; + } + } +} + +.sidebar-off-canvas { + .sidebar { + position: fixed; + z-index: $zindex-sticky - 1; + height: calc(100vh - #{$navbar-height}); + } +} + +@include media-breakpoint-up(lg) { + .sidebar-compact { + .sidebar { + flex: 0 0 $sidebar-compact-width; + } + + &.sidebar-hidden { + .sidebar { + margin-left: - $sidebar-compact-width; + } + } + + &.sidebar-fixed { + .main, .app-footer { + margin-left: $sidebar-compact-width; + } + + .sidebar { + width: $sidebar-compact-width; + } + + &.sidebar-hidden { + .main, .app-footer { + margin-left: 0; + } + } + } + } + + .sidebar-minimized { + .sidebar { + flex: 0 0 $sidebar-minimized-width; + } + + &.sidebar-hidden { + .sidebar { + margin-left: - $sidebar-minimized-width; + } + } + + &.sidebar-fixed { + .main, .app-footer { + margin-left: $sidebar-minimized-width; + } + + .sidebar { + width: $sidebar-minimized-width; + } + + &.sidebar-hidden { + .main, .app-footer { + margin-left: 0; + } + } + } + } +} + +// +// Aside Menu +// +.aside-menu-hidden { + .aside-menu { + margin-right: - $aside-menu-width; + } +} + +.aside-menu-fixed { + .aside-menu { + position: fixed; + right: 0; + height: 100%; + + .tab-content { + height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height}); + } + } + + .main, .app-footer { + margin-right: $aside-menu-width; + } + + &.aside-menu-hidden { + .main, .app-footer { + margin-right: 0; + } + } +} + +.aside-menu-off-canvas { + .aside-menu { + position: fixed; + right: 0; + z-index: $zindex-sticky - 1; + height: 100%; + + .tab-content { + height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height}); + } + } +} + +// +// Breadcrumb +// +.breadcrumb-fixed { + .main { + $breadcrumb-height: 2 * $breadcrumb-padding-y + $font-size-base + 1.5 * $spacer; + padding-top: $breadcrumb-height; + } + + .breadcrumb { + position: fixed; + top: $navbar-height; + right: 0; + left: 0; + z-index: $zindex-sticky - 2; + } + + // if sidebar + main + aside + .main:nth-child(2) { + .breadcrumb { + right: $aside-menu-width; + left: $sidebar-width; + } + } + + // if sidebar + main + .main:first-child { + .breadcrumb { + right: $aside-menu-width; + left: 0; + } + } + + // if main + aside + .main:last-child { + .breadcrumb { + right: 0; + } + } + + &.sidebar-minimized { + .main .breadcrumb { + left: $sidebar-minimized-width; + } + } + + &.sidebar-hidden, &.sidebar-off-canvas { + .main .breadcrumb { + left: 0; + } + } + + &.aside-menu-hidden, &.aside-menu-off-canvas { + .main .breadcrumb { + right: 0; + } + } +} + +// +// Footer +// +.footer-fixed { + .app-footer { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: $zindex-sticky; + height: $footer-height; + } + + .app-body { + margin-bottom: $footer-height; + } +} + +// +// Animations +// +.app-header, +.app-footer, +.sidebar, +.main, +.aside-menu { + transition: margin-left $layout-transition-speed, margin-right $layout-transition-speed, width $layout-transition-speed, flex $layout-transition-speed; +} +.sidebar-nav { + transition: width $layout-transition-speed; +} +.breadcrumb { + transition: left $layout-transition-speed, right $layout-transition-speed, width $layout-transition-speed; +} + +// +// Mobile layout +// + +@include media-breakpoint-down(md) { + .app-header.navbar { + position: fixed !important; + z-index: $zindex-sticky; + width: 100%; + text-align: center; + background-color: $navbar-brand-bg; + @include borders($navbar-brand-border); + + .navbar-toggler { + @if (lightness( $navbar-brand-bg ) > 40) { + color: $navbar-color; + } @else { + color: #fff; + } + } + + .navbar-brand { + position: absolute; + left: 50%; + margin-left: - ($navbar-brand-width / 2); + } + } + + .app-body { + margin-top: $navbar-height; + } + + .breadcrumb-fixed { + .main:nth-child(2) .breadcrumb { + right: auto; + left: auto; + width: 100%; + } + } + + .sidebar { + position: fixed; + z-index: $zindex-sticky - 1; + width: $mobile-sidebar-width; + height: calc(100vh - #{$navbar-height}); + margin-left: - $mobile-sidebar-width; + + .sidebar-nav, + .nav { + width: $mobile-sidebar-width; + min-height: calc(100vh - #{$navbar-height}); + } + + .sidebar-minimizer { + display: none; + } + } + + .main, .app-footer { + margin-left: 0 !important; + } + + // .aside-menu { + // margin-right: - $aside-menu-width; + // } + + .sidebar-hidden { + .sidebar { + margin-left: - $mobile-sidebar-width; + } + } + + .sidebar-mobile-show { + .sidebar { + width: $mobile-sidebar-width; + margin-left: 0; + } + + .main { + margin-right: - $mobile-sidebar-width !important; + margin-left: $mobile-sidebar-width !important; + } + } +} diff --git a/static/src/scss/core/_loading.scss b/static/src/scss/core/_loading.scss new file mode 100644 index 0000000..3e409fb --- /dev/null +++ b/static/src/scss/core/_loading.scss @@ -0,0 +1,128 @@ +// Angular Version +// Make clicks pass-through +// scss-lint:disable all +#loading-bar, +#loading-bar-spinner { + -webkit-pointer-events: none; + pointer-events: none; + -moz-transition: 350ms linear all; + -o-transition: 350ms linear all; + -webkit-transition: 350ms linear all; + transition: 350ms linear all; +} + +#loading-bar.ng-enter, +#loading-bar.ng-leave.ng-leave-active, +#loading-bar-spinner.ng-enter, +#loading-bar-spinner.ng-leave.ng-leave-active { + opacity: 0; +} + +#loading-bar.ng-enter.ng-enter-active, +#loading-bar.ng-leave, +#loading-bar-spinner.ng-enter.ng-enter-active, +#loading-bar-spinner.ng-leave { + opacity: 1; +} + +#loading-bar .bar { + position: fixed; + top: 0; + left: 0; + z-index: 20002; + width: 100%; + height: 2px; + background: theme-color("primary"); + border-top-right-radius: 1px; + border-bottom-right-radius: 1px; + -moz-transition: width 350ms; + -o-transition: width 350ms; + -webkit-transition: width 350ms; + transition: width 350ms; +} + +// Fancy blur effect +#loading-bar .peg { + position: absolute; + top: 0; + right: 0; + width: 70px; + height: 2px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + -moz-box-shadow: #29d 1px 0 6px 1px; + -ms-box-shadow: #29d 1px 0 6px 1px; + -webkit-box-shadow: #29d 1px 0 6px 1px; + box-shadow: #29d 1px 0 6px 1px; + opacity: .45; +} + +#loading-bar-spinner { + position: fixed; + top: 10px; + left: 10px; + z-index: 10002; + display: block; +} + +#loading-bar-spinner .spinner-icon { + width: 14px; + height: 14px; + + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 50%; + + -moz-animation: loading-bar-spinner 400ms linear infinite; + -ms-animation: loading-bar-spinner 400ms linear infinite; + -o-animation: loading-bar-spinner 400ms linear infinite; + -webkit-animation: loading-bar-spinner 400ms linear infinite; + animation: loading-bar-spinner 400ms linear infinite; +} + +@-webkit-keyframes loading-bar-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes loading-bar-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes loading-bar-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes loading-bar-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes loading-bar-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} + +//Ajax & Static Version +.pace { + -webkit-pointer-events: none; + pointer-events: none; + + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + position: fixed; + top: 0; + right: 100%; + z-index: 2000; + width: 100%; + height: 2px; + background: theme-color("primary"); +} diff --git a/static/src/scss/core/_mixins.scss b/static/src/scss/core/_mixins.scss new file mode 100644 index 0000000..153f1d3 --- /dev/null +++ b/static/src/scss/core/_mixins.scss @@ -0,0 +1,116 @@ +@mixin button-social-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { + padding: $padding-y $padding-x; + font-size: $font-size; + line-height: $line-height; + border: 0; + @include border-radius($border-radius); + + &::before { + width: ($padding-y * 2) + ($font-size * $line-height); + height: ($padding-y * 2) + ($font-size * $line-height); + padding: $padding-y 0; + font-size: $font-size; + line-height: $line-height; + @include border-radius($border-radius); + } + + span { + margin-left: ($padding-y * 2) + ($font-size * $line-height); + } + + &.icon { + width: ($padding-y * 2) + ($font-size * $line-height); + height: ($padding-y * 2) + ($font-size * $line-height); + } +} + +@mixin avatar($width, $status-width) { + position: relative; + display: inline-block; + width: $width; + + .img-avatar { + width: $width; + height: $width; + } + + .avatar-status { + position: absolute; + right: 0; + bottom: 0; + display: block; + width: $status-width; + height: $status-width; + border: 1px solid #fff; + border-radius: 50em; + } +} + +@mixin borders($borders) { + @each $border in $borders { + $direction: nth($border, 1); + @if $direction == "all" { + $size: map-get(map-get($borders, $direction), size); + $style: map-get(map-get($borders, $direction), style); + $color: map-get(map-get($borders, $direction), color); + border: $size $style $color; + } @else if $direction == "top" { + $size: map-get(map-get($borders, $direction), size); + $style: map-get(map-get($borders, $direction), style); + $color: map-get(map-get($borders, $direction), color); + border-top: $size $style $color; + } @else if $direction == "right" { + $size: map-get(map-get($borders, $direction), size); + $style: map-get(map-get($borders, $direction), style); + $color: map-get(map-get($borders, $direction), color); + border-right: $size $style $color; + } @else if $direction == "bottom" { + $size: map-get(map-get($borders, $direction), size); + $style: map-get(map-get($borders, $direction), style); + $color: map-get(map-get($borders, $direction), color); + border-bottom: $size $style $color; + } @else if $direction == "left" { + $size: map-get(map-get($borders, $direction), size); + $style: map-get(map-get($borders, $direction), style); + $color: map-get(map-get($borders, $direction), color); + border-left: $size $style $color; + } + } +} + +@mixin sidebar-width($borders, $width) { + $sidebar-width: $width; + + @each $border in $borders { + $direction: nth($border, 1); + @if $direction == "all" { + $size: map-get(map-get($borders, $direction), size); + $sidebar-width: ($sidebar-width - (2 * $size)); + } @else if $direction == "right" { + $size: map-get(map-get($borders, $direction), size); + $sidebar-width: $sidebar-width - $size; + } @else if $direction == "left" { + $size: map-get(map-get($borders, $direction), size); + $sidebar-width: $sidebar-width - $size; + } + width: $sidebar-width; + } +} + +@mixin bg-variant($parent, $color) { + #{$parent} { + @include border-radius($card-border-radius-inner $card-border-radius-inner $card-border-radius-inner $card-border-radius-inner); + color: #fff !important; + background-color: $color !important; + } + a#{$parent} { + @include hover-focus { + background-color: darken($color, 10%); + } + } +} + +@mixin card-accent-variant($color) { + border-top-width: 2px; + border-top-color: $color; +} diff --git a/static/src/scss/core/_mobile.scss b/static/src/scss/core/_mobile.scss new file mode 100644 index 0000000..e69de29 diff --git a/static/src/scss/core/_modal.scss b/static/src/scss/core/_modal.scss new file mode 100644 index 0000000..1c44ddd --- /dev/null +++ b/static/src/scss/core/_modal.scss @@ -0,0 +1,13 @@ +@each $color, $value in $theme-colors { + .modal-#{$color} { + + .modal-content { + border-color: $value; + } + + .modal-header { + color: #fff; + background-color: $value; + } + } +} diff --git a/static/src/scss/core/_nav.scss b/static/src/scss/core/_nav.scss new file mode 100644 index 0000000..ba1d64b --- /dev/null +++ b/static/src/scss/core/_nav.scss @@ -0,0 +1,32 @@ +.nav-tabs { + .nav-link { + color: $gray-600; + &.active { + color: $gray-800; + background: #fff; + border-color: $border-color; + border-bottom-color: #fff; + &:focus { + background: #fff; + border-color: $border-color; + border-bottom-color: #fff; + } + } + } +} + +.tab-content { + margin-top: -1px; + background: #fff; + border: 1px solid $border-color; + .tab-pane { + padding: $spacer; + } +} + +.card-block { + .tab-content { + margin-top: 0; + border: 0; + } +} diff --git a/static/src/scss/core/_navbar.scss b/static/src/scss/core/_navbar.scss new file mode 100644 index 0000000..221ab12 --- /dev/null +++ b/static/src/scss/core/_navbar.scss @@ -0,0 +1,127 @@ +.app-header.navbar { + position: relative; + flex-direction: row; + height: $navbar-height; + padding: 0; + margin: 0; + background-color: $navbar-bg; + @include borders($navbar-border); + + .navbar-brand { + display: inline-block; + width: $navbar-brand-width; + height: $navbar-height; + padding: $navbar-padding-y $navbar-padding-x; + margin-right: 0; + background-color: $navbar-brand-bg; + background-image: $navbar-brand-logo; + background-repeat: no-repeat; + background-position: center center; + background-size: $navbar-brand-logo-size; + @include borders($navbar-brand-border); + } + + .navbar-toggler { + min-width: 50px; + padding: $navbar-toggler-padding-y 0; + + &:hover .navbar-toggler-icon { + background-image: $navbar-toggler-icon-hover; + } + } + + .navbar-toggler-icon { + height: 23px; + background-image: $navbar-toggler-icon; + } + + .navbar-nav { + flex-direction: row; + align-items: center; + } + + .nav-item { + position: relative; + min-width: 50px; + margin: 0 !important; + text-align: center; + + button { + margin: 0 auto; + } + + .nav-link { + padding-top: 0; + padding-bottom: 0; + background: 0; + border: 0; + + .badge { + position: absolute; + top: 50%; + left: 50%; + margin-top: -16px; + margin-left: 0; + } + + > .img-avatar { + height: $navbar-height - 20px; + margin: 0 10px; + } + } + } + + .dropdown-menu { + padding-bottom: 0; + line-height: $line-height-base; + } + + .dropdown-item { + min-width: 180px; + } +} + +.navbar-brand { + color: $navbar-active-color; + + @include hover-focus { + color: $navbar-active-color; + } +} + +.navbar-nav { + .nav-link { + color: $navbar-color; + + @include hover-focus { + color: $navbar-hover-color; + } + } + + .open > .nav-link, + .active > .nav-link, + .nav-link.open, + .nav-link.active { + @include plain-hover-focus { + color: $navbar-active-color; + } + } +} + +.navbar-divider { + background-color: rgba(0,0,0,.075); +} + +@include media-breakpoint-up(lg) { + .brand-minimized { + .app-header.navbar { + .navbar-brand { + width: $navbar-brand-minimized-width; + background-color: $navbar-brand-minimized-bg; + background-image: $navbar-brand-minimized-logo; + background-size: $navbar-brand-minimized-logo-size; + @include borders($navbar-brand-minimized-border); + } + } + } +} diff --git a/static/src/scss/core/_others.scss b/static/src/scss/core/_others.scss new file mode 100644 index 0000000..381baab --- /dev/null +++ b/static/src/scss/core/_others.scss @@ -0,0 +1,4 @@ +// scss-lint:disable QualifyingElement +hr.transparent { + border-top: 1px solid transparent; +} diff --git a/static/src/scss/core/_progress.scss b/static/src/scss/core/_progress.scss new file mode 100644 index 0000000..65f56dd --- /dev/null +++ b/static/src/scss/core/_progress.scss @@ -0,0 +1,15 @@ +.progress-xs { + height: 4px; +} + +.progress-sm { + height: 8px; +} + +// White progress bar +.progress-white { + background-color: rgba(255,255,255,.2) !important; + .progress-bar { + background-color: #fff; + } +} diff --git a/static/src/scss/core/_rtl.scss b/static/src/scss/core/_rtl.scss new file mode 100644 index 0000000..28db385 --- /dev/null +++ b/static/src/scss/core/_rtl.scss @@ -0,0 +1,281 @@ +// +// RTL Support +// +// scss-lint:disable NestingDepth, SelectorDepth +*[dir="rtl"] { + direction: rtl; + unicode-bidi: embed; + + ul { + -webkit-padding-start: 0; + } + + table tr th { + text-align: right; + } + + // Breadcrumb + + .breadcrumb-item { + float: right; + } + + .breadcrumb-menu { + right: auto; + left: $breadcrumb-padding-x; + } + + // Dropdown + .dropdown-item { + text-align: right; + + i { + margin-right: -10px; + margin-left: 10px; + } + + .badge { + right: auto; + left: 10px; + } + } + + // + // Sidebar + // + .sidebar-hidden { + .sidebar { + margin-right: - $sidebar-width; + } + } + + .sidebar-fixed { + .main, .app-footer { + margin-right: $sidebar-width; + } + + &.sidebar-hidden { + .main, .app-footer { + margin-right: 0; + } + } + } + + .sidebar-minimized { + .sidebar { + flex: 0 0 $sidebar-minimized-width; + } + + &.sidebar-hidden { + .sidebar { + margin-right: - $sidebar-minimized-width; + margin-left: 0; + } + } + + &.sidebar-fixed { + .main, .app-footer { + margin-right: $sidebar-minimized-width; + } + + &.sidebar-hidden { + .main, .app-footer { + margin-left: 0; + } + } + } + } + + // + // Aside Menu + // + .aside-menu-hidden { + .aside-menu { + margin-right: 0; + margin-left: - $aside-menu-width; + } + } + + .aside-menu-fixed { + .aside-menu { + right: auto; + left: 0; + } + + .main, .app-footer { + //margin-right: 0; + margin-left: $aside-menu-width; + } + + &.aside-menu-hidden { + .main, .app-footer { + margin-left: 0; + } + } + } + + .aside-menu-off-canvas { + .aside-menu { + position: fixed; + right: 0; + z-index: $zindex-sticky - 1; + height: 100%; + + .tab-content { + height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height}); + } + } + } + + // Sidebar Menu + .sidebar { + .sidebar-nav { + .nav { + .nav-item { + .nav-link { + direction: rtl; + i { + margin: 0 0 0 ($sidebar-nav-link-padding-x / 2); + } + .badge { + float: left; + margin-top: 2px; + // margin-left: 10px; + } + &.nav-dropdown-toggle { + &::before { + position: absolute; + right: auto !important; + left: $sidebar-nav-link-padding-x; + transform: rotate(180deg); + } + } + } + &.nav-dropdown { + &.open { + > .nav-link.nav-dropdown-toggle::before { + transform: rotate(270deg); + } + } + } + } + } + } + } + + .sidebar-minimized .sidebar { + .nav-link { + padding-right: 0; + i { + float: right; + padding: 0; + margin: 0; + } + .badge { + right: auto; + left: 15px; + } + } + .nav > .nav-dropdown { + + &:hover { + > .nav-dropdown-items { + right: $sidebar-minimized-width; + left: 0; + } + } + } + } + + // Horizontal bars + .horizontal-bars { + + li { + + .bars { + padding-right: 100px; + padding-left: 0; + + .progress:first-child { + margin-bottom: 2px; + } + } + } + + &.type-2 { + + li { + + i { + margin-right: 5px; + margin-left: $spacer; + } + + .value { + float: left; + font-weight: 600; + } + + .bars { + padding: 0; + } + } + } + } + + // Icon list + .icons-list { + + li { + position: relative; + height: 40px; + vertical-align: middle; + + i { + float: right; + } + + .desc { + margin-right: 50px; + margin-left: 0; + } + + .value { + right: auto; + left: 45px; + text-align: left; + + strong { + display: block; + margin-top: -3px; + } + } + + .actions { + right: auto; + left: 10px; + } + } + } + + // Callouts + .callout { + border: 0 solid $border-color; + border-right-width: .25rem; + + @each $color, $value in $theme-colors { + &.callout-#{$color} { + border-right-color: $value; + } + } + + .chart-wrapper { + left: 0; + float: left; + } + } + + .callout-default { + border-right-color: $text-muted; + } +} diff --git a/static/src/scss/core/_sidebar.scss b/static/src/scss/core/_sidebar.scss new file mode 100644 index 0000000..b77cd5f --- /dev/null +++ b/static/src/scss/core/_sidebar.scss @@ -0,0 +1,454 @@ +// scss-lint:disable NestingDepth, SelectorDepth +.sidebar { + display: flex; + flex-direction: column; + padding: $sidebar-padding; + color: $sidebar-color; + background: $sidebar-bg; + @include borders($sidebar-borders); + + .sidebar-close { + position: absolute; + right: 0; + display: none; + padding: 0 $spacer; + font-size: 24px; + font-weight: 800; + line-height: $navbar-height; + color: $sidebar-color; + background: 0; + border: 0; + opacity: .8; + + &:hover { + opacity: 1; + } + } + + // Will be added soon + // .sidebar-brand { } + + .sidebar-header { + flex: 0 0 $sidebar-header-height; + padding: $sidebar-header-padding-y $sidebar-header-padding-x; + text-align: center; + background: $sidebar-header-bg; + } + + .sidebar-form .form-control { + color: $sidebar-form-color; + background: $sidebar-form-bg; + border: $sidebar-form-border; + + &::placeholder { + color: $sidebar-form-placeholder-color; + } + } + + .sidebar-nav { + position: relative; + flex: 1; + overflow-x: hidden; + overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + @include sidebar-width($sidebar-borders, $sidebar-width); + + &::-webkit-scrollbar { + position: absolute; + width: 10px; + margin-left: -10px; + -webkit-appearance: none; + } + + &::-webkit-scrollbar-track { + background-color: lighten($sidebar-bg, 5%); + border-right: 1px solid darken($sidebar-bg, 5%); + border-left: 1px solid darken($sidebar-bg, 5%); + } + + &::-webkit-scrollbar-thumb { + height: 50px; + background-color: darken($sidebar-bg, 10%); + background-clip: content-box; + border-color: transparent; + border-style: solid; + border-width: 1px 2px; + } + } + + .nav { + @include sidebar-width($sidebar-borders, $sidebar-width); + flex-direction: column; + min-height: 100%; + } + + .nav-title { + padding: $sidebar-nav-title-padding-y $sidebar-nav-title-padding-x; + font-size: 11px; + font-weight: 600; + color: $sidebar-nav-title-color; + text-transform: uppercase; + } + + .nav-divider, .divider { + height: 10px; + } + + .nav-item { + position: relative; + margin: 0; + transition: background .3s ease-in-out; + } + + .nav-dropdown-items { + max-height: 0; + padding: 0; + margin: 0; + overflow-y: hidden; + transition: max-height .3s ease-in-out; + + .nav-item { + padding: 0; + list-style: none; + } + } + + .nav-link { + display: block; + padding: $sidebar-nav-link-padding-y $sidebar-nav-link-padding-x; + color: $sidebar-nav-link-color; + text-decoration: none; + background: $sidebar-nav-link-bg; + @include borders($sidebar-nav-link-borders); + @if $enable-sidebar-nav-rounded { + border-radius: $border-radius; + } + + i { + display: inline-block; + width: 20px; + margin: 0 ($sidebar-nav-link-padding-x / 2) 0 0; + font-size: 14px; + color: $sidebar-nav-link-icon-color; + text-align: center; + } + + .badge { + float: right; + margin-top: 2px; + } + + &.active { + color: $sidebar-nav-link-active-color; + background: $sidebar-nav-link-active-bg; + @include borders($sidebar-nav-link-active-borders); + + i { + color: $sidebar-nav-link-active-icon-color; + } + } + + &:hover { + color: $sidebar-nav-link-hover-color; + background: $sidebar-nav-link-hover-bg; + @include borders($sidebar-nav-link-hover-borders); + + i { + color: $sidebar-nav-link-hover-icon-color; + } + + &.nav-dropdown-toggle::before { + background-image: $sidebar-nav-dropdown-indicator-hover; + } + } + + @each $color, $value in $theme-colors { + &.nav-link-#{$color} { + background: $value; + i { + color: rgba(255,255,255,.7); + } + &:hover { + background: darken($value,5%) !important; + i { + color: #fff; + } + } + } + } + } + + // ex. Components + .nav-dropdown-toggle { + position: relative; + + &::before { + position: absolute; + top: 50%; + right: $sidebar-nav-link-padding-x; + display: block; + width: 8px; + height: 8px; + padding: 0; + margin-top: -4px; + content: ""; + background-image: $sidebar-nav-dropdown-indicator; + background-repeat: no-repeat; + background-position: center; + transition: transform .3s; + } + } + + // ex.
  • + .nav-dropdown.open { + background: $sidebar-nav-dropdown-bg; + @include borders($sidebar-nav-dropdown-borders); + @if $enable-sidebar-nav-rounded { + border-radius: $border-radius; + } + > .nav-dropdown-items { + max-height: 1000px; + } + + .nav-link { + color: $sidebar-nav-dropdown-color; + border-left: 0 !important; + } + + > .nav-link.nav-dropdown-toggle::before { + transform: rotate(-90deg); + } + + .nav-dropdown.open { + border-left: 0; + } + } + + .nav-label { + display: block; + padding: ($sidebar-nav-link-padding-y / 8) $sidebar-nav-link-padding-x; + color: $sidebar-nav-title-color; + + &:hover { + color: $sidebar-color; + text-decoration: none; + } + + i { + width: 20px; + margin: -3px ($sidebar-nav-link-padding-x / 2) 0 0; + font-size: 10px; + color: $sidebar-nav-link-icon-color; + text-align: center; + vertical-align: middle; + } + } + + @if (lightness( $sidebar-bg ) < 40) { + .progress { + background-color: lighten($sidebar-bg, 15%) !important; + } + } + + .sidebar-footer { + flex: 0 0 $sidebar-footer-height; + padding: $sidebar-footer-padding-y $sidebar-footer-padding-x; + background: $sidebar-footer-bg; + @include borders($sidebar-footer-borders); + } + + .sidebar-minimizer { + position: relative; + flex: 0 0 $sidebar-minimizer-height; + background-color: $sidebar-minimizer-bg; + border: 0; + @include borders($sidebar-minimizer-borders); + + &::before { + position: absolute; + top: 0; + right: 0; + width: $sidebar-minimizer-height; + height: $sidebar-minimizer-height; + content: ""; + background-image: $sidebar-minimizer-indicator; + background-repeat: no-repeat; + background-position: center; + background-size: $sidebar-minimizer-height / 4; + transition: .3s; + } + + &:focus, + &.focus { + outline: 0; + } + + &:hover { + background-color: $sidebar-minimizer-hover-bg; + &::before { + background-image: $sidebar-minimizer-hover-indicator; + } + } + } +} + +@include media-breakpoint-up(lg) { + .sidebar-compact { + .sidebar { + .sidebar-nav { + @include sidebar-width($sidebar-borders, $sidebar-compact-width); + } + + .nav { + @include sidebar-width($sidebar-borders, $sidebar-compact-width); + + .nav-title { + text-align: center; + } + + .nav-item { + width: $sidebar-compact-width; + border-left: 0 !important; + + .nav-link { + text-align: center; + + i { + display: block; + width: 100%; + margin: $spacer / 4 0; + font-size: 24px; + } + + .badge { + position: absolute; + top: 18px; + right: 10px; + } + + &.nav-dropdown-toggle { + + &::before { + top: 30px; + } + } + } + } + } + } + } + + // Minimized Sidebar + .sidebar-minimized { + .hidden-cn { + display: none; + } + .sidebar { + z-index: $zindex-sticky - 1; + + .sidebar-nav { + overflow: visible; + @include sidebar-width($sidebar-borders, $sidebar-minimized-width); + } + + .nav { + @include sidebar-width($sidebar-borders, $sidebar-minimized-width); + } + + .nav-divider, .divider, + .nav-title, + .sidebar-footer, + .sidebar-form, + .sidebar-header { + display: none; + } + + .sidebar-minimizer::before { + width: 100%; + transform: rotate(-180deg); + } + + .nav-item { + width: $sidebar-minimized-width; + overflow: hidden; + border-left: 0 !important; + + &:hover { + width: $sidebar-width + $sidebar-minimized-width; + overflow: visible; + + > .nav-link { + background: $sidebar-nav-link-hover-bg; + + i { + color: $sidebar-nav-link-hover-color; + } + } + } + } + + .nav-link { + position: relative; + padding-left: 0; + margin: 0; + white-space: nowrap; + border-left: 0 !important; + + i { + display: block; + float: left; + width: $sidebar-minimized-height; + // padding: 0; + // margin: 0 !important; + font-size: 18px; + } + + .badge { + position: absolute; + right: 15px; + display: none; + } + + &:hover { + width: $sidebar-width + $sidebar-minimized-width; + background: $sidebar-nav-link-hover-bg; + + .badge { + display: inline; + } + } + + &.nav-dropdown-toggle::before { + display: none; + } + } + + .nav-dropdown-items { + .nav-item { + width: $sidebar-width; + + .nav-link { + width: $sidebar-width; + } + } + } + + .nav > .nav-dropdown { + > .nav-dropdown-items { + display: none; + max-height: 1000px; + background: $sidebar-bg; + } + + &:hover { + background: $sidebar-nav-link-hover-bg; + > .nav-dropdown-items { + position: absolute; + left: $sidebar-minimized-width; + display: inline; + } + } + } + } + } +} diff --git a/static/src/scss/core/_switches.scss b/static/src/scss/core/_switches.scss new file mode 100644 index 0000000..fbc000b --- /dev/null +++ b/static/src/scss/core/_switches.scss @@ -0,0 +1,301 @@ +@mixin switch-size($width, $height, $font-size, $handle-margin) { + width: $width; + height: $height; + + .switch-label { + font-size: $font-size; + } + + .switch-handle { + width: $height - $handle-margin * 2; + height: $height - $handle-margin * 2; + } + + .switch-input:checked ~ .switch-handle { + left: $width - $height + $handle-margin; + } +} + +@mixin switch($type, $width, $height, $font-size, $handle-margin) { + position: relative; + display: inline-block; + vertical-align: top; + width: $width; + height: $height; + background-color: transparent; + cursor: pointer; + + .switch-input { + position: absolute; + top: 0; + left: 0; + opacity: 0; + } + + .switch-label { + position: relative; + display: block; + height: inherit; + @if $type == icon { + font-family: FontAwesome; + } + font-size: $font-size; + font-weight: 600; + text-transform: uppercase; + @if $type == ddd { + background-color: $gray-100; + } @else { + background-color: #fff; + } + border: 1px solid $border-color; + border-radius: 2px; + transition: opacity background .15s ease-out; + } + @if $type == text or $type == icon { + .switch-label::before, + .switch-label::after { + position: absolute; + top: 50%; + width: 50%; + margin-top: -.5em; + line-height: 1; + text-align: center; + transition: inherit; + } + .switch-label::before { + right: 1px; + color: $gray-200; + content: attr(data-off); + } + .switch-label::after { + left: 1px; + color: #fff; + content: attr(data-on); + opacity: 0; + } + } + .switch-input:checked ~ .switch-label { + //background: $gray-lightest; + } + .switch-input:checked ~ .switch-label::before { + opacity: 0; + } + .switch-input:checked ~ .switch-label::after { + opacity: 1; + } + + .switch-handle { + position: absolute; + top: $handle-margin; + left: $handle-margin; + width: $height - $handle-margin * 2; + height: $height - $handle-margin * 2; + background: #fff; + border: 1px solid $border-color; + border-radius: 1px; + transition: left .15s ease-out; + @if $type == ddd { + border: 0; + box-shadow: 0 2px 5px rgba(0, 0, 0, .3); + } + } + + .switch-input:checked ~ .switch-handle { + left: $width - $height + $handle-margin; + } + + + @if $type == ddd { + @extend .switch-pill; + } + + //size variations + @if $type == default { + + &.switch-lg { + @include switch-size($switch-lg-width, $switch-lg-height, $switch-lg-font-size, $handle-margin); + } + &.switch-sm { + @include switch-size($switch-sm-width, $switch-sm-height, $switch-sm-font-size, $handle-margin); + } + &.switch-xs { + @include switch-size($switch-xs-width, $switch-xs-height, $switch-xs-font-size, $handle-margin); + } + + } @else if $type == text { + + &.switch-lg { + @include switch-size($switch-text-lg-width, $switch-text-lg-height, $switch-text-lg-font-size, $handle-margin); + } + &.switch-sm { + @include switch-size($switch-text-sm-width, $switch-text-sm-height, $switch-text-sm-font-size, $handle-margin); + } + &.switch-xs { + @include switch-size($switch-text-xs-width, $switch-text-xs-height, $switch-text-xs-font-size, $handle-margin); + } + + } @else if $type == icon { + + &.switch-lg { + @include switch-size($switch-icon-lg-width, $switch-icon-lg-height, $switch-icon-lg-font-size, $handle-margin); + } + &.switch-sm { + @include switch-size($switch-icon-sm-width, $switch-icon-sm-height, $switch-icon-sm-font-size, $handle-margin); + } + &.switch-xs { + @include switch-size($switch-icon-xs-width, $switch-icon-xs-height, $switch-icon-xs-font-size, $handle-margin); + } + + } @else if $type == ddd { + + &.switch-lg { + @include switch-size($switch-lg-width, $switch-lg-height, $switch-lg-font-size, 0); + } + &.switch-sm { + @include switch-size($switch-sm-width, $switch-sm-height, $switch-sm-font-size, 0); + } + &.switch-xs { + @include switch-size($switch-xs-width, $switch-xs-height, $switch-xs-font-size, 0); + } + } +} + +@mixin switch-variant($color) { + > .switch-input:checked ~ .switch-label { + background: $color !important; + border-color: darken($color,10%); + } + + > .switch-input:checked ~ .switch-handle { + border-color: darken($color,10%); + } +} + +@mixin switch-outline-variant($color) { + > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: $color; + + &::after { + color: $color; + } + } + + > .switch-input:checked ~ .switch-handle { + border-color: $color; + } +} + +@mixin switch-outline-alt-variant($color) { + > .switch-input:checked ~ .switch-label { + background: #fff !important; + border-color: $color; + + &::after { + color: $color; + } + } + + > .switch-input:checked ~ .switch-handle { + background: $color !important; + border-color: $color; + } +} + +$switch-lg-width: 48px; +$switch-lg-height: 28px; +$switch-lg-font-size: 12px; + +$switch-width: 40px; +$switch-height: 24px; +$switch-font-size: 10px; + +$handle-margin: 2px; + +$switch-sm-width: 32px; +$switch-sm-height: 20px; +$switch-sm-font-size: 8px; + +$switch-xs-width: 24px; +$switch-xs-height: 16px; +$switch-xs-font-size: 7px; + + +$switch-text-lg-width: 56px; +$switch-text-lg-height: 28px; +$switch-text-lg-font-size: 12px; + +$switch-text-width: 48px; +$switch-text-height: 24px; +$switch-text-font-size: 10px; + +$switch-text-sm-width: 40px; +$switch-text-sm-height: 20px; +$switch-text-sm-font-size: 8px; + +$switch-text-xs-width: 32px; +$switch-text-xs-height: 16px; +$switch-text-xs-font-size: 7px; + + +$switch-icon-lg-width: 56px; +$switch-icon-lg-height: 28px; +$switch-icon-lg-font-size: 12px; + +$switch-icon-width: 48px; +$switch-icon-height: 24px; +$switch-icon-font-size: 10px; + +$switch-icon-sm-width: 40px; +$switch-icon-sm-height: 20px; +$switch-icon-sm-font-size: 8px; + +$switch-icon-xs-width: 32px; +$switch-icon-xs-height: 16px; +$switch-icon-xs-font-size: 7px; + +.switch.switch-default { + @include switch('default', $switch-width, $switch-height, $switch-font-size, $handle-margin); +} + +.switch.switch-text { + @include switch('text', $switch-text-width, $switch-text-height, $switch-text-font-size, $handle-margin); +} + +.switch.switch-icon { + @include switch('icon', $switch-icon-width, $switch-icon-height, $switch-icon-font-size, $handle-margin); +} + +.switch.switch-3d { + @include switch('ddd', $switch-width, $switch-height, $switch-font-size, 0); +} + +//pills style +.switch-pill { + .switch-label, + .switch-handle { + border-radius: 50em !important; + } + + .switch-label::before { + right: 2px !important; + } + .switch-label::after { + left: 2px !important; + } +} + +@each $color, $value in $theme-colors { + //normal style + .switch-#{$color} { + @include switch-variant($value); + } + //outline style + .switch-#{$color}-outline { + @include switch-outline-variant($value); + } + //outline alternative style + .switch-#{$color}-outline-alt { + @include switch-outline-alt-variant($value); + } +} diff --git a/static/src/scss/core/_tables.scss b/static/src/scss/core/_tables.scss new file mode 100644 index 0000000..aabc023 --- /dev/null +++ b/static/src/scss/core/_tables.scss @@ -0,0 +1,20 @@ +.table-outline { + border: 1px solid $table-border-color; + + td { + vertical-align: middle; + } +} + +.table-align-middle { + + td { + vertical-align: middle; + } +} + +.table-clear { + td { + border: 0; + } +} diff --git a/static/src/scss/core/_temp.scss b/static/src/scss/core/_temp.scss new file mode 100644 index 0000000..e409712 --- /dev/null +++ b/static/src/scss/core/_temp.scss @@ -0,0 +1,37 @@ +.pagination-datatables, .pagination { + li { + @extend .page-item; + + a { + @extend .page-link; + } + } +} + +.label-pill { + border-radius: 1rem !important; +} + +// temp fix for Vue & React + +// Open state for the dropdown +.open, .show { + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// navbar dropdown fix +.navbar .dropdown-toggle { + @extend .nav-link; + + .img-avatar { + height: $navbar-height - 20px; + margin: 0 10px; + } +} + +.card-block { + @extend .card-body; +} diff --git a/static/src/scss/core/_typography.scss b/static/src/scss/core/_typography.scss new file mode 100644 index 0000000..be550c9 --- /dev/null +++ b/static/src/scss/core/_typography.scss @@ -0,0 +1,36 @@ +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +.font-xs { + font-size: .75rem !important; +} + +.font-sm { + font-size: .85rem !important; +} + +.font-lg { + font-size: 1rem !important; +} + +.font-xl { + font-size: 1.25rem !important; +} + +.font-2xl { + font-size: 1.5rem !important; +} + +.font-3xl { + font-size: 1.75rem !important; +} + +.font-4xl { + font-size: 2rem !important; +} + +.font-5xl { + font-size: 2.5rem !important; +} diff --git a/static/src/scss/core/_utilities.scss b/static/src/scss/core/_utilities.scss new file mode 100644 index 0000000..6398c9f --- /dev/null +++ b/static/src/scss/core/_utilities.scss @@ -0,0 +1,3 @@ +@import "utilities/background"; +@import "utilities/borders"; +@import "utilities/display"; diff --git a/static/src/scss/core/_variables.scss b/static/src/scss/core/_variables.scss new file mode 100644 index 0000000..05c6783 --- /dev/null +++ b/static/src/scss/core/_variables.scss @@ -0,0 +1,219 @@ +// scss-lint:disable all +// Core Admin Variables + +$enable-sidebar-nav-rounded: false !default; + +$border-color: $gray-200 !default; +$layout-transition-speed: .25s !default; + +// Social Colors + +$facebook: #3b5998 !default; +$twitter: #00aced !default; +$linkedin: #4875b4 !default; +$google-plus: #d34836 !default; +$flickr: #ff0084 !default; +$tumblr: #32506d !default; +$xing: #026466 !default; +$github: #4183c4 !default; +$html5: #e34f26 !default; +$openid: #f78c40 !default; +$stack-overflow: #fe7a15 !default; +$youtube: #b00 !default; +$css3: #0170ba !default; +$dribbble: #ea4c89 !default; +$google-plus: #bb4b39 !default; +$instagram: #517fa4 !default; +$pinterest: #cb2027 !default; +$vk: #45668e !default; +$yahoo: #400191 !default; +$behance: #1769ff !default; +$dropbox: #007ee5 !default; +$reddit: #ff4500 !default; +$spotify: #7ab800 !default; +$vine: #00bf8f !default; +$foursquare: #1073af !default; +$vimeo: #aad450 !default; + +// Navbar + +$navbar-height: 55px !default; +$navbar-bg: #fff !default; +$navbar-border: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; +$navbar-brand-width: 155px !default; +$navbar-brand-bg: #fff !default; +$navbar-brand-logo: url('../img/logo.png') !default; +$navbar-brand-logo-size: 70px auto !default; +$navbar-brand-border: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +$navbar-brand-minimized-width: 50px !default; +$navbar-brand-minimized-bg: $navbar-brand-bg !default; +$navbar-brand-minimized-logo: url('../img/logo-symbol.png') !default; +$navbar-brand-minimized-logo-size: 24px !default; +$navbar-brand-minimized-border: $navbar-brand-border !default; + +$navbar-color: $gray-600 !default; +$navbar-hover-color: $gray-800 !default; +$navbar-active-color: $gray-800 !default; +$navbar-disabled-color: $gray-300 !default; + +$navbar-toggler-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; +$navbar-toggler-icon-hover: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; + +// Sidebar + +$sidebar-width: 200px !default; +$sidebar-padding: 0 !default; +$sidebar-minimized-width: 50px !default; +$sidebar-minimized-height: $sidebar-minimized-width !default; +$sidebar-compact-width: 150px !default; +$sidebar-compact-height: $sidebar-compact-width !default; +$sidebar-color: #fff !default; +$sidebar-bg: $gray-800 !default; +$sidebar-borders: none !default; +$mobile-sidebar-width: 220px !default; + +// Sidebar Header + +$sidebar-header-height: auto !default; +$sidebar-header-bg: rgba(0,0,0,.2) !default; +$sidebar-header-padding-y: .75rem !default; +$sidebar-header-padding-x: 1rem !default; + +// Sidebar Form + +$sidebar-form-border: 0 !default; +$sidebar-form-bg: darken($sidebar-bg,10%) !default; +$sidebar-form-color: #fff !default; +$sidebar-form-placeholder-color: rgba(255,255,255,.7) !default; + +// Sidebar Navigation + +$sidebar-nav-color: #fff !default; +$sidebar-nav-title-padding-y: .75rem !default; +$sidebar-nav-title-padding-x: 1rem !default; +$sidebar-nav-title-color: $gray-200 !default; +$sidebar-nav-link-padding-y: .75rem !default; +$sidebar-nav-link-padding-x: 1rem !default; +$sidebar-nav-link-color: #fff !default; +$sidebar-nav-link-bg: transparent !default; +$sidebar-nav-link-icon-color: $gray-600 !default; +$sidebar-nav-link-borders: 0 !default; + +$sidebar-nav-link-hover-color: #fff !default; +$sidebar-nav-link-hover-bg: theme-color("primary") !default; +$sidebar-nav-link-hover-icon-color: #fff !default; +$sidebar-nav-link-hover-borders: 0 !default; + +$sidebar-nav-link-active-color: #fff !default; +$sidebar-nav-link-active-bg: lighten($sidebar-bg, 5%) !default; +$sidebar-nav-link-active-icon-color: theme-color("primary") !default; +$sidebar-nav-link-active-borders: 0 !default; + +$sidebar-nav-dropdown-color: #fff !default; +$sidebar-nav-dropdown-bg: rgba(0,0,0,.2) !default; +$sidebar-nav-dropdown-borders: 0 !default; +$sidebar-nav-dropdown-indicator-color:$gray-600 !default; +$sidebar-nav-dropdown-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; +$sidebar-nav-dropdown-indicator-hover-color:$sidebar-nav-link-hover-color; +$sidebar-nav-dropdown-indicator-hover:str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; + +// Sidebar Footer + +$sidebar-footer-height: auto !default; +$sidebar-footer-bg: rgba(0,0,0,.2) !default; +$sidebar-footer-padding-y: .75rem !default; +$sidebar-footer-padding-x: 1rem !default; +$sidebar-footer-borders: 0 !default; + +// Sidebar Minimizer + +$sidebar-minimizer-height: 50px !default; +$sidebar-minimizer-bg: rgba(0,0,0,.2) !default; +$sidebar-minimizer-borders: 0 !default; +$sidebar-minimizer-indicator-color: $gray-600 !default; +$sidebar-minimizer-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; +$sidebar-minimizer-hover-bg: rgba(0,0,0,.3) !default; +$sidebar-minimizer-hover-indicator-color:$sidebar-nav-link-hover-color !default; +$sidebar-minimizer-hover-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-hover-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; + + +// Top Navigation + +$top-nav-bg: #fff !default; +$top-nav-color: $body-color !default; +$top-nav-borders: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; +$top-nav-ul-borders: ( + all: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +$top-nav-hover-color: #fff !default; +$top-nav-hover-bg: theme-color("primary") !default; +$top-nav-active-color: #fff !default; +$top-nav-active-bg: theme-color("primary") !default; +$top-nav-height: $navbar-height - 15px !default; + +// Breadcrumb +$breadcrumb-borders: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +// Aside + +$aside-menu-width: 250px !default; +$aside-menu-color: $gray-800 !default; +$aside-menu-bg: #fff !default; +$aside-menu-borders: ( + left: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +$aside-menu-nav-padding-y: .75rem !default; +$aside-menu-nav-padding-x: 1rem !default; + +// Footer + +$footer-height: 50px !default; +$footer-bg: $gray-100 !default; +$footer-color: $body-color !default; +$footer-borders: ( + top: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +// Cards + +$card-icon-bg: transparent !default; +$card-icon-color: $body-color !default; diff --git a/static/src/scss/core/_widgets.scss b/static/src/scss/core/_widgets.scss new file mode 100644 index 0000000..2fa5f70 --- /dev/null +++ b/static/src/scss/core/_widgets.scss @@ -0,0 +1,253 @@ +// .social-box +.social-box { + min-height: 160px; + margin-bottom: 2 * $card-spacer-y; + text-align: center; + background: #fff; + border: $card-border-width solid $card-border-color; + @include border-radius($card-border-radius); + + i { + display: block; + margin: -1px -1px 0; + font-size: 40px; + line-height: 90px; + background: $gray-200; + + @include border-radius($card-border-radius $card-border-radius 0 0); + } + + .chart-wrapper { + height: 90px; + margin: -90px 0 0; + + canvas { + width: 100% !important; + height: 90px !important; + } + } + + ul { + padding: 10px 0; + list-style: none; + + + li { + display: block; + float: left; + width: 50%; + + &:first-child { + border-right: 1px solid $border-color; + } + + strong { + display: block; + font-size: 20px; + } + + span { + font-size: 10px; + font-weight: 500; + color: $border-color; + text-transform: uppercase; + } + } + } + + &.facebook { + i { + color: #fff; + background: $facebook; + } + } + + &.twitter { + i { + color: #fff; + background: $twitter; + } + } + + &.linkedin { + i { + color: #fff; + background: $linkedin; + } + } + + &.google-plus { + i { + color: #fff; + background: $google-plus; + } + } +} + +.horizontal-bars { + padding: 0; + margin: 0; + list-style: none; + + li { + position: relative; + height: 40px; + line-height: 40px; + vertical-align: middle; + + .title { + width: 100px; + font-size: 12px; + font-weight: 600; + color: $text-muted; + vertical-align: middle; + } + + .bars { + position: absolute; + top: 15px; + width: 100%; + padding-left: 100px; + + .progress:first-child { + margin-bottom: 2px; + } + } + + &.legend { + text-align: center; + + .badge { + display: inline-block; + width: 8px; + height: 8px; + padding: 0; + } + } + + &.divider { + height: 40px; + + i { + margin: 0 !important; + } + } + } + + &.type-2 { + + li { + overflow: hidden; + + i { + display: inline-block; + margin-right: $spacer; + margin-left: 5px; + font-size: 18px; + line-height: 40px; + } + + .title { + display: inline-block; + width: auto; + margin-top: -9px; + font-size: $font-size-base; + font-weight: normal; + line-height: 40px; + color: $body-color; + } + + .value { + float: right; + font-weight: 600; + } + + .bars { + position: absolute; + top: auto; + bottom: 0; + padding: 0; + } + } + } +} + +.icons-list { + padding: 0; + margin: 0; + list-style: none; + + li { + position: relative; + height: 40px; + vertical-align: middle; + + i { + display: block; + float: left; + width: 35px !important; + height: 35px !important; + margin: 2px; + line-height: 35px !important; + text-align: center; + } + + .desc { + height: 40px; + margin-left: 50px; + border-bottom: 1px solid $border-color; + + .title { + padding: 2px 0 0; + margin: 0; + } + small { + display: block; + margin-top: -4px; + color: $text-muted; + } + } + + .value { + position: absolute; + top: 2px; + right: 45px; + text-align: right; + + strong { + display: block; + margin-top: -3px; + } + } + + .actions { + position: absolute; + top: -4px; + right: 10px; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + + i { + float: none; + width: auto; + height: auto; + padding: 0; + margin: 0; + line-height: normal; + } + } + + &.divider { + height: 40px; + + i { + width: auto; + height: auto; + margin: 2px 0 0; + font-size: 18px; + } + } + } +} diff --git a/static/src/scss/core/core.scss b/static/src/scss/core/core.scss new file mode 100644 index 0000000..9f029c5 --- /dev/null +++ b/static/src/scss/core/core.scss @@ -0,0 +1,47 @@ +// Import core styles +@import "variables"; +@import "mixins"; + +// Additional typography +@import "typography"; + +// Animations +@import "animate"; + +// Components +@import "aside"; +@import "avatars"; +@import "badge"; +@import "breadcrumb-menu"; +@import "breadcrumb"; +@import "buttons"; +@import "callout"; +@import "card"; +@import "charts"; +@import "dropdown"; +@import "footer"; +@import "grid"; +@import "input-group"; +@import "loading"; +@import "modal"; +@import "nav"; +@import "navbar"; +@import "progress"; +@import "sidebar"; +@import "switches"; +@import "tables"; +@import "widgets"; + +// Layout Options +@import "layout"; + +@import "others"; + +// Utility classes +@import "utilities"; + +// Temporary fixes +@import "temp"; + +// Right-to-left +@import "rtl"; diff --git a/static/src/scss/core/utilities/_background.scss b/static/src/scss/core/utilities/_background.scss new file mode 100644 index 0000000..2260386 --- /dev/null +++ b/static/src/scss/core/utilities/_background.scss @@ -0,0 +1,8 @@ +.bg-primary, +.bg-success, +.bg-info, +.bg-warning, +.bg-danger, +.bg-inverse { + color: #fff; +} diff --git a/static/src/scss/core/utilities/_borders.scss b/static/src/scss/core/utilities/_borders.scss new file mode 100644 index 0000000..c840fd0 --- /dev/null +++ b/static/src/scss/core/utilities/_borders.scss @@ -0,0 +1,18 @@ +//border +@each $prop, $abbrev in (border: b) { + @each $size in (0,1,2) { + @if $size == 0 { + .#{$abbrev}-a-#{$size} { #{$prop}: 0 !important; } // a = All sides + .#{$abbrev}-t-#{$size} { #{$prop}-top: 0 !important; } + .#{$abbrev}-r-#{$size} { #{$prop}-right: 0 !important; } + .#{$abbrev}-b-#{$size} { #{$prop}-bottom: 0 !important; } + .#{$abbrev}-l-#{$size} { #{$prop}-left: 0 !important; } + } @else { + .#{$abbrev}-a-#{$size} { #{$prop}: $size * $border-width solid $border-color !important; } // a = All sides + .#{$abbrev}-t-#{$size} { #{$prop}-top: $size * $border-width solid $border-color !important; } + .#{$abbrev}-r-#{$size} { #{$prop}-right: $size * $border-width solid $border-color !important; } + .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $size * $border-width solid $border-color !important; } + .#{$abbrev}-l-#{$size} { #{$prop}-left: $size * $border-width solid $border-color !important; } + } + } +} diff --git a/static/src/scss/core/utilities/_display.scss b/static/src/scss/core/utilities/_display.scss new file mode 100644 index 0000000..0f0e58a --- /dev/null +++ b/static/src/scss/core/utilities/_display.scss @@ -0,0 +1,18 @@ +// +// Utilities for common `display` values +// + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-down($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .d#{$infix}-down-none { display: none !important; } + // .d#{$infix}-inline { display: inline !important; } + // .d#{$infix}-inline-block { display: inline-block !important; } + // .d#{$infix}-block { display: block !important; } + // .d#{$infix}-table { display: table !important; } + // .d#{$infix}-table-cell { display: table-cell !important; } + // .d#{$infix}-flex { display: flex !important; } + // .d#{$infix}-inline-flex { display: inline-flex !important; } + } +} diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss new file mode 100644 index 0000000..409fe6c --- /dev/null +++ b/static/src/scss/style.scss @@ -0,0 +1,23 @@ +/*! + * CoreUI - Open Source Bootstrap Admin Template + * @version v1.0.6 + * @link http://coreui.io + * Copyright (c) 2017 creativeLabs Łukasz Holeczek + * @license MIT + */ + +// Override Boostrap variables +// @import "bootstrap-variables"; +@import "core-variables"; + +// Import Bootstrap source files +@import "node_modules/bootstrap/scss/bootstrap"; + +// Override core variables +// @import "core-variables"; + +// Import core styles +@import "core/core"; + +// Custom styles +@import "custom"; diff --git a/static/src/scss/vendors/_variables.scss b/static/src/scss/vendors/_variables.scss new file mode 100644 index 0000000..988dfec --- /dev/null +++ b/static/src/scss/vendors/_variables.scss @@ -0,0 +1,6 @@ +@import "node_modules/bootstrap/scss/functions"; +@import "../bootstrap-variables"; +@import "node_modules/bootstrap/scss/variables"; +@import "node_modules/bootstrap/scss/mixins"; +@import "../core-variables"; +@import "../core/variables"; diff --git a/static/src/scss/vendors/chart.js/chart.scss b/static/src/scss/vendors/chart.js/chart.scss new file mode 100644 index 0000000..7e99cca --- /dev/null +++ b/static/src/scss/vendors/chart.js/chart.scss @@ -0,0 +1,48 @@ +// Import variables +@import '../variables'; + +.chart-legend, +.bar-legend, +.line-legend, +.pie-legend, +.radar-legend, +.polararea-legend, +.doughnut-legend { + list-style-type: none; + margin-top: 5px; + text-align: center; + -webkit-padding-start: 0; + -moz-padding-start: 0; + padding-left: 0; +} +.chart-legend li, +.bar-legend li, +.line-legend li, +.pie-legend li, +.radar-legend li, +.polararea-legend li, +.doughnut-legend li { + display: inline-block; + white-space: nowrap; + position: relative; + margin-bottom: 4px; + @include border-radius($border-radius); + padding: 2px 8px 2px 28px; + font-size: smaller; + cursor: default; +} +.chart-legend li span, +.bar-legend li span, +.line-legend li span, +.pie-legend li span, +.radar-legend li span, +.polararea-legend li span, +.doughnut-legend li span { + display: block; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + @include border-radius($border-radius); +} diff --git a/static/src/vendors/css/chart.css b/static/src/vendors/css/chart.css new file mode 100644 index 0000000..a9c2343 --- /dev/null +++ b/static/src/vendors/css/chart.css @@ -0,0 +1,42 @@ +.chart-legend, +.bar-legend, +.line-legend, +.pie-legend, +.radar-legend, +.polararea-legend, +.doughnut-legend { + list-style-type: none; + margin-top: 5px; + text-align: center; + -webkit-padding-start: 0; + -moz-padding-start: 0; + padding-left: 0; } + +.chart-legend li, +.bar-legend li, +.line-legend li, +.pie-legend li, +.radar-legend li, +.polararea-legend li, +.doughnut-legend li { + display: inline-block; + white-space: nowrap; + position: relative; + margin-bottom: 4px; + padding: 2px 8px 2px 28px; + font-size: smaller; + cursor: default; } + +.chart-legend li span, +.bar-legend li span, +.line-legend li span, +.pie-legend li span, +.radar-legend li span, +.polararea-legend li span, +.doughnut-legend li span { + display: block; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; } diff --git a/static/src/vendors/css/chart.min.css b/static/src/vendors/css/chart.min.css new file mode 100644 index 0000000..c840cf9 --- /dev/null +++ b/static/src/vendors/css/chart.min.css @@ -0,0 +1 @@ +.bar-legend,.chart-legend,.doughnut-legend,.line-legend,.pie-legend,.polararea-legend,.radar-legend{list-style-type:none;margin-top:5px;text-align:center;-webkit-padding-start:0;-moz-padding-start:0;padding-left:0}.bar-legend li,.chart-legend li,.doughnut-legend li,.line-legend li,.pie-legend li,.polararea-legend li,.radar-legend li{display:inline-block;white-space:nowrap;position:relative;margin-bottom:4px;padding:2px 8px 2px 28px;font-size:smaller;cursor:default}.bar-legend li span,.chart-legend li span,.doughnut-legend li span,.line-legend li span,.pie-legend li span,.polararea-legend li span,.radar-legend li span{display:block;position:absolute;left:0;top:0;width:20px;height:20px} \ No newline at end of file diff --git a/student_management_system/__init__.py b/student_management_system/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/student_management_system/asgi.py b/student_management_system/asgi.py new file mode 100644 index 0000000..00252f0 --- /dev/null +++ b/student_management_system/asgi.py @@ -0,0 +1,16 @@ +""" +ASGI config for student_management_system project. + +It exposes the ASGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/ +""" + +import os + +from django.core.asgi import get_asgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'student_management_system.settings') + +application = get_asgi_application() diff --git a/student_management_system/jazzmin.py b/student_management_system/jazzmin.py new file mode 100644 index 0000000..3027a3f --- /dev/null +++ b/student_management_system/jazzmin.py @@ -0,0 +1,161 @@ +JAZZMIN_SETTINGS = { + # title of the window (Will default to current_admin_site.site_title if absent or None) + "site_title": "Student Management System Admin", + # Title on the login screen (19 chars max) (defaults to current_admin_site.site_header if absent or None) + "site_header": "Student Management System", + # Title on the brand (19 chars max) (defaults to current_admin_site.site_header if absent or None) + "site_brand": "SMS", + # Logo to use for your site, must be present in static files, used for brand on top left + "site_logo": "/src/img/logo.png", + # CSS classes that are applied to the logo above + "site_logo_classes": "img-circle", + # Relative path to a favicon for your site, will default to site_logo if absent (ideally 32x32 px) + "site_icon": None, + # Welcome text on the login screen + "welcome_sign": "Welcome to the Student Management System", + # Copyright on the footer + "copyright": "ADDRSSS", + # theme + # The model admin to search from the search bar, search bar omitted if excluded + # "search_model": "auth.User", + # Field name on user model that contains avatar ImageField/URLField/Charfield or a callable that receives the user + "user_avatar": None, + "version": False, + ############ + # Top Menu # + ############ + # Links to put along the top menu + "topmenu_links": [ + # Url that gets reversed (Permissions can be added) + {"name": "Home", "url": "admin:index", "permissions": ["auth.view_user"]}, + # external url that opens in a new window (Permissions can be added) + # {"name": "Support", "url": "https://github.com/farridav/django-jazzmin/issues", "new_window": True}, + # model admin to link to (Permissions checked against model) + # {"model": "auth.User"}, + # App with dropdown menu to all its models pages (Permissions checked against models) + # {"app": "books"}, + ], + ############# + # User Menu # + ############# + # Additional links to include in the user menu on the top right ("app" url type is not allowed) + # "usermenu_links": [ + # {"name": "Support", "url": "https://github.com/farridav/django-jazzmin/issues", "new_window": True}, + # {"model": "auth.user"} + # ], + # + ############# + # Side Menu # + ############# + # Whether to display the side menu + "show_sidebar": True, + # Whether to aut expand the menu + "navigation_expanded": True, + # Hide these apps when generating side menu e.g (auth) + "hide_apps": [], + # Hide these models when generating side menu (e.g auth.user) + "hide_models": [], + # List of apps (and/or models) to base side menu ordering off of (does not need to contain all apps/models) + "order_with_respect_to": ["auth", "dashboard", "course"], + "custom_links": { + "courses": [ + {"name": "Manage Courses", "url": "add_course", "icon": "fas fa-book"} + ], + "menu": [ + { + "name": "Dashboard", + "url": "admin:index", + "icon": "fas fa-tachometer-alt", + }, + { + "name": "Courses", + "icon": "fas fa-book", + "children": [ + { + "name": "Manage Courses", + "url": "add_course", + "icon": "fas fa-plus", + }, + {"name": "Course List", "model": "app.course"}, + ], + }, + {"name": "Students", "icon": "fas fa-users", "models": ["app.student"]}, + { + "name": "Teachers", + "icon": "fas fa-chalkboard-teacher", + "models": ["app.teacher"], + }, + {"name": "Staff", "icon": "fas fa-user-tie", "models": ["app.staff"]}, + { + "name": "Academics", + "icon": "fas fa-graduation-cap", + "children": [ + {"model": "app.subject"}, + {"model": "app.academicyear"}, + {"model": "app.result"}, + {"model": "app.attendance"}, + ], + }, + { + "name": "Library", + "icon": "fas fa-book-reader", + "models": ["app.library"], + }, + { + "name": "Certificates", + "icon": "fas fa-certificate", + "models": ["app.certificate"], + }, + { + "name": "News & Events", + "icon": "fas fa-newspaper", + "models": ["app.newsevent"], + }, + ], + "app": [ + { + "name": "Dashboard", + "url": "dashboard", + "icon": "fas fa-tachometer-alt", + }, + # { + # "name": "course", + # "url": "add_course", + # }, + ], + }, + ################# + # Related Modal # + ################# + # Use modals instead of popups + "related_modal_active": False, + ############# + # UI Tweaks # + ############# + # Relative paths to custom CSS/JS scripts (must be present in static files) + "custom_css": None, + "custom_js": None, + # Whether to show the UI customizer on the sidebar + "show_ui_builder": False, + ############### + # Change view # + ############### + # Render out the change view as a single form, or in tabs, current options are + # - single + # - horizontal_tabs (default) + # - vertical_tabs + # - collapsible + # - carousel + "changeform_format": "horizontal_tabs", + # override change forms on a per modeladmin basis + "changeform_format_overrides": { + "auth.user": "horizontal_tabs", + "auth.group": "vertical_tabs", + }, +} + +JAZZMIN_UI_TWEAKS = { + # "footer_fixed": True, + "theme": "lumen", + # "dark_mode_theme": "cyborg", +} diff --git a/student_management_system/settings.py b/student_management_system/settings.py new file mode 100644 index 0000000..5d73876 --- /dev/null +++ b/student_management_system/settings.py @@ -0,0 +1,135 @@ +""" +Django settings for student_management_system project. + +Generated by 'django-admin startproject' using Django 5.1.4. + +For more information on this file, see +https://docs.djangoproject.com/en/5.1/topics/settings/ + +For the full list of settings and their values, see +https://docs.djangoproject.com/en/5.1/ref/settings/ +""" + +import os +from student_management_system.jazzmin import JAZZMIN_SETTINGS, JAZZMIN_UI_TWEAKS + + +BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = "django-insecure-4^0p#+b(zk1vavtg#+f)i$hog(!v(v4=bsf*d#-v=kic)3%kbx" + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = True + +ALLOWED_HOSTS = ["*", "192.168.18.225"] + +JAZZMIN_SETTINGS = JAZZMIN_SETTINGS +JAZZMIN_UI_TWEAKS = JAZZMIN_UI_TWEAKS +# Application definition + +INSTALLED_APPS = [ + "jazzmin", + "django.contrib.admin", + "django.contrib.auth", + "django.contrib.contenttypes", + "django.contrib.sessions", + "django.contrib.messages", + "django.contrib.staticfiles", + "app", +] + +MIDDLEWARE = [ + "django.middleware.security.SecurityMiddleware", + "django.contrib.sessions.middleware.SessionMiddleware", + "django.middleware.common.CommonMiddleware", + "django.middleware.csrf.CsrfViewMiddleware", + "django.contrib.auth.middleware.AuthenticationMiddleware", + "django.contrib.messages.middleware.MessageMiddleware", + "django.middleware.clickjacking.XFrameOptionsMiddleware", +] + +ROOT_URLCONF = "student_management_system.urls" + +TEMPLATES = [ + { + "BACKEND": "django.template.backends.django.DjangoTemplates", + "DIRS": [os.path.join(BASE_DIR, "templates")], + "APP_DIRS": True, + "OPTIONS": { + "context_processors": [ + "django.template.context_processors.debug", + "django.template.context_processors.request", + "django.contrib.auth.context_processors.auth", + "django.contrib.messages.context_processors.messages", + ], + }, + }, +] + +WSGI_APPLICATION = "student_management_system.wsgi.application" + + +# Database +# https://docs.djangoproject.com/en/5.1/ref/settings/#databases + +DATABASES = { + "default": { + "ENGINE": "django.db.backends.sqlite3", + "NAME": os.path.join(BASE_DIR, "db.sqlite3"), + } +} + + +# Password validation +# https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators + +AUTH_PASSWORD_VALIDATORS = [ + { + "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator", + }, + { + "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator", + }, + { + "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator", + }, + { + "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator", + }, +] + +# Internationalization +# https://docs.djangoproject.com/en/5.1/topics/i18n/ + +LANGUAGE_CODE = "en-us" + +TIME_ZONE = "Asia/Kathmandu" + +USE_I18N = True + +USE_TZ = True + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/5.1/howto/static-files/ + +STATIC_URL = "static/" +STATICFILES_DIRS = [ + os.path.join(BASE_DIR, "static"), +] +STATIC_ROOT = os.path.join(BASE_DIR, "staticfiles") + +STATICFILES_FINDERS = [ + "django.contrib.staticfiles.finders.FileSystemFinder", + "django.contrib.staticfiles.finders.AppDirectoriesFinder", +] + +MEDIA_URL = "/media/" +MEDIA_ROOT = os.path.join(BASE_DIR, "media") +# Default primary key field type +# https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field + +DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField" diff --git a/student_management_system/urls.py b/student_management_system/urls.py new file mode 100644 index 0000000..8782abe --- /dev/null +++ b/student_management_system/urls.py @@ -0,0 +1,32 @@ +""" +URL configuration for student_management_system project. + +The `urlpatterns` list routes URLs to views. For more information please see: + https://docs.djangoproject.com/en/5.1/topics/http/urls/ +Examples: +Function views + 1. Add an import: from my_app import views + 2. Add a URL to urlpatterns: path('', views.home, name='home') +Class-based views + 1. Add an import: from other_app.views import Home + 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') +Including another URLconf + 1. Import the include() function: from django.urls import include, path + 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) +""" + +from django.contrib import admin +from django.urls import path, include +from django.views.generic import RedirectView +from django.conf import settings +from django.conf.urls.static import static + +urlpatterns = ( + [ + path("admin/", admin.site.urls), + path("", RedirectView.as_view(url="/admin/", permanent=False)), + path("", include("app.urls")), + ] + + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) + + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) +) diff --git a/student_management_system/wsgi.py b/student_management_system/wsgi.py new file mode 100644 index 0000000..6cb88b1 --- /dev/null +++ b/student_management_system/wsgi.py @@ -0,0 +1,16 @@ +""" +WSGI config for student_management_system project. + +It exposes the WSGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/5.1/howto/deployment/wsgi/ +""" + +import os + +from django.core.wsgi import get_wsgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'student_management_system.settings') + +application = get_wsgi_application() diff --git a/templates/Hod/academic_year.html b/templates/Hod/academic_year.html new file mode 100644 index 0000000..b61c038 --- /dev/null +++ b/templates/Hod/academic_year.html @@ -0,0 +1,86 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    + +
    + + + +
    + + + + + + + + + + + {% for academic_year in academic_years %} + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NYearAction
    {{ forloop.counter }}{{ academic_year.year }} + + + + + + +
    No academic years found.
    +
    + +{% endblock %} diff --git a/templates/Hod/add_course.html b/templates/Hod/add_course.html new file mode 100644 index 0000000..4852228 --- /dev/null +++ b/templates/Hod/add_course.html @@ -0,0 +1,99 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    + +
    + + + +
    + + + + + + + + + + + + + + {% for course in courses %} + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NCourse NameLevelCourse TypeDurationActions
    {{ forloop.counter }}{{ course.name }}{{ course.get_level_display }}{{ course.get_course_type_display }} + {{ course.duration }} + {% if course.course_type == 'semester' %} + Semesters + {% else %} + Years + {% endif %} + + + + + + + +
    No courses found.
    +
    + +{% endblock %} diff --git a/templates/Hod/attendance.html b/templates/Hod/attendance.html new file mode 100644 index 0000000..bdaa4c3 --- /dev/null +++ b/templates/Hod/attendance.html @@ -0,0 +1,86 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + +
    + Add Attendance Record +
    + + + + + + + + + + + + + + {% for record in attendance_records %} + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    #StudentSubjectDateStatusActions
    {{ forloop.counter }}{{ record.student.first_name }} {{ record.student.last_name }}{{ record.subject.name }}{{ record.date|date:"Y-m-d" }}{{ record.get_status_display }} + + Edit + Delete +
    No attendance records found.
    +
    + +{% endblock %} diff --git a/templates/Hod/certificate.html b/templates/Hod/certificate.html new file mode 100644 index 0000000..3818189 --- /dev/null +++ b/templates/Hod/certificate.html @@ -0,0 +1,161 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    + +
    + + + +
    + + + + + + + + + + + + {% for certificate in certificates %} + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NStudent NameDateActions
    {{ forloop.counter }}{{ certificate.student }}{{ certificate.date }} + + + + + + + + + +
    No marksheets found.
    + Print PDF +
    + +{% endblock %} diff --git a/templates/Hod/complaint.html b/templates/Hod/complaint.html new file mode 100644 index 0000000..b8b6f15 --- /dev/null +++ b/templates/Hod/complaint.html @@ -0,0 +1,116 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + +
    + + Add New Complaint + +
    + + + + + + + + + + + + {% for complaint in complaints %} + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NSubjectDescriptionActions
    {{ forloop.counter }}{{ complaint.subject }}{{ complaint.description }} + + + Edit + + + + Delete + +
    No complaint found.
    +
    + + +{% endblock %} diff --git a/templates/Hod/library.html b/templates/Hod/library.html new file mode 100644 index 0000000..93a9f8b --- /dev/null +++ b/templates/Hod/library.html @@ -0,0 +1,92 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + +
    + Add New Book +
    + + + + + + + + + + + + + + + + + + {% for book in books %} + + + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NCategoryBook NameDescriptionPublicationPublication YearQuantityAvailableActions
    {{ forloop.counter }}{{ book.category }}{{ book.book_name }}{{ book.description }}{{ book.publication }}{{ book.publication_year }}{{ book.quantity }}{{ book.get_available_display }} + + Edit + Delete +
    No books found in the library.
    +
    + + +{% endblock %} diff --git a/templates/Hod/marksheet.html b/templates/Hod/marksheet.html new file mode 100644 index 0000000..8ea1b38 --- /dev/null +++ b/templates/Hod/marksheet.html @@ -0,0 +1,165 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    + +
    + + + +
    + + + + + + + + + + + + + + + {% for marksheet in marksheets %} + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NStudent NameCourseTotal MarksObtained MarksGradeActions
    {{ forloop.counter }}{{ marksheet.student.first_name }} {{ marksheet.student.last_name }}{{ marksheet.course.name }}{{ marksheet.total_marks }}{{ marksheet.obtained_marks }} + {{ marksheet.grade }} + + + + + + + + + + +
    No marksheets found.
    + Print PDF +
    + +{% endblock %} diff --git a/templates/Hod/marksheet_pdf.html b/templates/Hod/marksheet_pdf.html new file mode 100644 index 0000000..ae08e36 --- /dev/null +++ b/templates/Hod/marksheet_pdf.html @@ -0,0 +1,61 @@ +{%extends 'admin/base_site.html'%} +{%block content%} + + + + + Marksheet PDF + + + +

    Marksheet for {{ student.user.get_full_name }}

    +

    Roll Number: {{ student.roll_number }}

    +

    Class: {{ student.class_name }}

    + + + + + + + + + + + + {% for mark in marks %} + + + + + + + {% endfor %} + +
    SubjectObtained MarksTotal MarksGrade
    {{ mark.subject.name }}{{ mark.obtained_marks }}{{ mark.total_marks }}{{ mark.grade }}
    + +

    Total Marks Obtained: {{ total_marks_obtained }}

    +

    Total Marks: {{ total_marks }}

    +

    Overall Percentage: {{ percentage|floatformat:2 }}%

    + + + +{%endblock%} \ No newline at end of file diff --git a/templates/Hod/news_events.html b/templates/Hod/news_events.html new file mode 100644 index 0000000..3b12247 --- /dev/null +++ b/templates/Hod/news_events.html @@ -0,0 +1,86 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + +
    + Add New News/Event +
    + + + + + + + + + + + + + + + {% for item in news_events %} + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NTitleSummaryTypeCreated AtActions
    {{ forloop.counter }}{{ item.title }}{{ item.summary|truncatewords:20 }}{{ item.get_type_display }}{{ item.created_at|date:"Y-m-d H:i" }} + + Edit + Delete +
    No news or events found.
    +
    + + +{% endblock %} diff --git a/templates/Hod/staff.html b/templates/Hod/staff.html new file mode 100644 index 0000000..bdf9f68 --- /dev/null +++ b/templates/Hod/staff.html @@ -0,0 +1,120 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    + +
    + + Add New Staff + +
    + + + + + + + + + + + + + + + + {% for staff in staff_members %} + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NFull NameEmailPhonePositionDate of JoiningActions
    {{ forloop.counter }}{{ staff.first_name }} {{ staff.middle_name|default:'' }} {{ staff.last_name }}{{ staff.email }}{{ staff.phone }}{{ staff.position }}{{ staff.date_of_joining }} + + + View + + + + Delete + +
    No staff members found.
    +
    + + + +{% endblock %} diff --git a/templates/Hod/student.html b/templates/Hod/student.html new file mode 100644 index 0000000..75ce89b --- /dev/null +++ b/templates/Hod/student.html @@ -0,0 +1,132 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    +
    +

    Student Management

    + + Add New Student + +
    +
    + + + + + + + + + + + + + + + + + + + {% for student in students %} + + + + + + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NNameEmailPhoneCourseAcademic YearFather NameMother NameGuardianGuardian's PhoneRelationActions
    {{ forloop.counter }}{{ student.first_name }} {{ student.middle_name|default:'' }} {{ student.last_name }}{{ student.email }}{{ student.phone }}{{ student.course.name }}{{ student.academic_year.year }}{{ student.father_name }}{{ student.mother_name }}{{ student.guardian_name }}{{ student.guardian_phone_no }}{{ student.relationship_with_student }} + + View + + + Delete + +
    No students found.
    +
    + + Print PDF + +
    + +{% endblock %} diff --git a/templates/Hod/subject.html b/templates/Hod/subject.html new file mode 100644 index 0000000..83aca16 --- /dev/null +++ b/templates/Hod/subject.html @@ -0,0 +1,140 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + +
    + Add New Subject +
    + +
    + +
    + + +
    + +
    + + +
    + +
    + + + + + + + + + + + + + + {% for subject in subjects %} + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NNameCoursePeriodTeacherActions
    {{ forloop.counter }}{{ subject.name }}{{ subject.course.name }}{{ subject.period_display }} + {% if subject.teacher %} + {{ subject.teacher.name }} + {% else %} + Not Assigned + {% endif %} + + Edit + Delete +
    No subjects found.
    +
    + +{% endblock %} diff --git a/templates/Hod/teacher.html b/templates/Hod/teacher.html new file mode 100644 index 0000000..adde2e3 --- /dev/null +++ b/templates/Hod/teacher.html @@ -0,0 +1,124 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + +
    + + Add New Teacher + +
    + + + + + + + + + + + + + + + + {% for teacher in teachers %} + + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NNameEmailPhoneGenderQualificationSpecializationActions
    {{ forloop.counter }}{{ teacher.first_name }} {{ teacher.last_name }}{{ teacher.email }}{{ teacher.phone }}{{ teacher.get_gender_display }}{{ teacher.get_qualification_display }}{{ teacher.specialization }} + + + Edit + + + + Delete + +
    No teachers found.
    +
    + + +{% endblock %} diff --git a/templates/Hod/view_certificate (copy 1).html b/templates/Hod/view_certificate (copy 1).html new file mode 100644 index 0000000..71b8253 --- /dev/null +++ b/templates/Hod/view_certificate (copy 1).html @@ -0,0 +1,242 @@ +{% extends 'admin/base_site.html' %} {% load static %} {% block content %} + +
    +
    +
    +
    +
    +
    + +
    + + + +
    +

    {{ school_name }}

    +

    Estd. 2040

    +

    Rural Municipality - 3, Dumidanda, Dhading

    +
    + + + +
    + +
    TRANSFER/CHARACTER CERTIFICATE
    + +
    +

    TO WHOM IT MAY CONCERN

    + +

    + This is to certify that Mr./Ms. + {{student}}, son/daughter of Mr. / Mrs. + {{father}}, resident of {{address}}, + Ward No.- 3, District + Dhading, was a student of this school. + He/She passed the + {{course}}{{course.level}} + in the year {{finished_year}} and + placed 2.80 . His/Her character so far + known to this school is good. His/Her date of birth according to the + register of this school is {{dob}} AD. +

    + +

    + I know nothing against his/her moral character while he/she was + studying in this school. I wish success in every step of his/her life. +

    + + + + + + + +
    +
    +
    +

    Issued By

    +
    +
    +
    +

    Checked By

    +
    +
    +
    +

    Headmaster

    +
    +
    +
    +
    +
    + + + + +{% endblock %} diff --git a/templates/Hod/view_certificate.html b/templates/Hod/view_certificate.html new file mode 100644 index 0000000..014c77c --- /dev/null +++ b/templates/Hod/view_certificate.html @@ -0,0 +1,257 @@ +{% extends "admin/base_site.html" %} +{% load static %} +{% block content %} +
    +
    + +
    +

    {{ school_name }}

    +

    Estd. 2040

    +

    {{ school_address }}

    +

    Phone: +977-1-4123456

    + +
    +
    + {% if student.photo %} + Student Photo + {% else %} +
    Photo
    + {% endif %} +
    +
    +
    TRANSFER/CHARACTER CERTIFICATE
    +
    +
    +

    + Registration No: 123 +

    +

    + Date of Issue: {{ issue_date }} +

    +
    +

    TO WHOM IT MAY CONCERN

    +

    + This is to certify that Mr./Ms. {{ student }}, + son/daughter of Mr. {{ father }}, resident of {{ address }}, + was a student of this school. He/She has successfully completed + {{ course }}{{ course.level }} + in the year {{ finished_year|date:"Y" }} + {% if gpa %}with a GPA of {{ gpa }}{% endif %} + . + His/Her character throughout the academic tenure has been exemplary. + According to our school records, his/her date of birth is + {{ dob|date:"F d, Y" }} AD. +

    +

    + Throughout their time at our institution, the student has demonstrated commendable moral character + and actively participated in school activities. We wish them continued success in their future endeavors. +

    +
    +
    +
    +

    {{ issued_by|default:"Issued By" }}

    +

    Administrative Officer

    +
    +
    +
    +

    {{ checked_by|default:"Checked By" }}

    +

    Academic Coordinator

    +
    +
    +
    +

    {{ principle|default:"Principal" }}

    +

    School Principal

    +
    +
    +
    +

    This certificate is valid subject to verification from the school administration.

    +
    +
    +
    + Print Certificate +
    +
    + +{% endblock %} diff --git a/templates/Hod/view_marksheet.html b/templates/Hod/view_marksheet.html new file mode 100644 index 0000000..746dfd7 --- /dev/null +++ b/templates/Hod/view_marksheet.html @@ -0,0 +1,129 @@ +{% extends "admin/base_site.html" %} +{% block content %} +
    + Back to Marksheet List +
    +

    GOVERNMENT OF NEPAL

    +

    MINISTRY OF EDUCATION

    +
    OFFICE OF THE CONTROLLER OF EXAMINATIONS
    +
    {{ exam_year }}
    +
    +

    MARK - SHEET

    +
    + + +
    +
    +

    THE MARKS SECURED BY : {{ marksheet.student.first_name }} {{ marksheet.student.last_name }}

    +

    DATE OF BIRTH :{{ marksheet.student.date_of_birth }}

    + +

    Course:{{ marksheet.course.name }}

    +

    Roll No: 124

    +

    OF {{ school_name }}

    +

    IN THE ANNUAL EXAMINATION OF 2081 ARE GIVEN BELOW

    +
    +
    + + + + + + + + + + + + + + {% for subject_mark in marksheet.subject_marks.all %} + + + + + + + + {% empty %} + + + + {% endfor %} + +
    S.NSubjectTheory (Out of {{ theory_max }})Practical (Out of {{ practical_max }})Total Marks
    {{ forloop.counter }}{{ subject_mark.subject.name }}{{ subject_mark.obtained_theory_marks }}{{ subject_mark.obtained_practical_marks }}{{ subject_mark.total_marks }}
    No subjects found for this marksheet.
    + + +
    +
    Total Marks: {{ marksheet.total_marks }}
    +
    Obtained Marks: {{ marksheet.obtained_marks }}
    +
    Percentage: {{ percentage|floatformat:2 }}%
    +
    Overall Grade: + {{ marksheet.grade }} +
    +
    + + +
    + + Print Marksheet +
    +
    + + + +{% endblock %} diff --git a/templates/dashboard.html b/templates/dashboard.html new file mode 100644 index 0000000..7bab3b5 --- /dev/null +++ b/templates/dashboard.html @@ -0,0 +1,39 @@ +{% extends "admin/base_site.html" %} +{% block content %} +

    {{ title }}

    +

    Welcome

    + + +
    +
    +
    +
    Total Students
    +

    {{ total_student }}

    +
    +
    +
    +
    +
    Total Staff
    +

    {{ total_staff }}

    +
    +
    +
    +
    +
    Total Teacher
    +

    {{ total_teacher }}

    +
    +
    +
    +
    +
    Total Course
    +

    {{ total_course }}

    +
    +
    +
    +
    +
    Total Subject
    +

    {{ total_subjects }}

    +
    +
    +
    +{% endblock %} diff --git a/templates/demo.html b/templates/demo.html new file mode 100644 index 0000000..42d3ec4 --- /dev/null +++ b/templates/demo.html @@ -0,0 +1,1377 @@ +{% load static %} + + + + + + AdminLTE 3 | Dashboard + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + + + + + + +
    + +
    +
    +
    +
    +

    Dashboard

    +
    +
    +
      +
    1. Home
      2. +
    2. Dashboard v1
      3. +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    + +
    +
    +

    150

    + +

    New Orders

    +
    +
    + +
    + More info +
    +
    + +
    + +
    +
    +

    53%

    + +

    Bounce Rate

    +
    +
    + +
    + More info +
    +
    + +
    + +
    +
    +

    44

    + +

    User Registrations

    +
    +
    + +
    + More info +
    +
    + +
    + +
    +
    +

    65

    + +

    Unique Visitors

    +
    +
    + +
    + More info +
    +
    + +
    + + +
    + +
    + +
    +
    +

    + + Sales +

    +
    + +
    +
    +
    +
    + +
    + +
    +
    + +
    +
    +
    +
    + + + +
    +
    +

    Direct Chat

    + +
    + 3 + + + +
    +
    + +
    + +
    + +
    +
    + Alexander Pierce + 23 Jan 2:00 pm +
    + + message user image + + +
    + Is this template really for free? That's unbelievable! +
    + +
    + + + +
    +
    + Sarah Bullock + 23 Jan 2:05 pm +
    + + message user image + +
    + You better believe it! +
    + +
    + + + +
    +
    + Alexander Pierce + 23 Jan 5:37 pm +
    + + message user image + +
    + Working with AdminLTE on a great new app! Wanna join? +
    + +
    + + + +
    +
    + Sarah Bullock + 23 Jan 6:10 pm +
    + + message user image + +
    + I would love to. +
    + +
    + + +
    + + + +
    + + +
    + +
    + +
    +
    +
    + + + + +
    +
    +
    + +
    + + + +
    +
    +

    + + To Do List +

    + +
    + +
    +
    + +
    +
      +
    • + + + + + + +
      + + +
      + + Design a nice theme + + 2 mins + +
      + + +
      +
      • +
    • + + + + +
      + + +
      + Make the theme responsive + 4 hours +
      + + +
      +
      • +
    • + + + + +
      + + +
      + Let theme shine like a star + 1 day +
      + + +
      +
      • +
    • + + + + +
      + + +
      + Let theme shine like a star + 3 days +
      + + +
      +
      • +
    • + + + + +
      + + +
      + Check your messages and notifications + 1 week +
      + + +
      +
      • +
    • + + + + +
      + + +
      + Let theme shine like a star + 1 month +
      + + +
      +
      • +
    +
    + +
    + +
    +
    + +
    + + +
    + + +
    +
    +

    + + Visitors +

    + +
    + + +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
    Visitors
    +
    + +
    +
    +
    Online
    +
    + +
    +
    +
    Sales
    +
    + +
    + +
    +
    + + + +
    +
    +

    + + Sales Graph +

    + +
    + + +
    +
    +
    + +
    + +
    +
    +
    + + +
    Mail-Orders
    +
    + +
    + + +
    Online
    +
    + +
    + + +
    In-Store
    +
    + +
    + +
    + +
    + + + +
    +
    + +

    + + Calendar +

    + +
    + +
    + + +
    + + +
    + +
    + +
    + +
    +
    + +
    + +
    + +
    + +
    +
    + +
    + +
    + Copyright © 2014-2019 AdminLTE.io. + All rights reserved. +
    + Version 3.0.2 +
    +
    + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/marksheet.html b/templates/marksheet.html new file mode 100644 index 0000000..ee0a879 --- /dev/null +++ b/templates/marksheet.html @@ -0,0 +1,144 @@ +{% extends 'admin/base_site.html' %} +{% block content %} + + + +
    +
    +

    SHREE SECONDARY SCHOOL

    +

    Kohalpur-5, Banke

    +

    Estd. 281 BS

    +

    GRADE - SHEET

    +
    +
    +

    + The grade(s) secured by: {{ marksheet.student.first_name }} {{ marksheet.student.first_name }} +

    +

    + Date of Birth: + {{ marksheet.student.date_of_birth }} +

    + In the Examination, {{ marksheet.student.course.name }} of {{ marksheet.student.academic_year }} are given below: +

    +
    + + + + + + + + + + + + {% for subject in marksheet.subject_marks.all %} + + + + + + + + {% endfor %} + + + + + +
    S.N.SubjectTheoryPracticalTotal
    {{ forloop.counter }}{{ subject.subject.name }}{{ subject.obtained_theory_marks }}{{ subject.obtained_practical_marks }}{{ subject.total_marks }}
    Grand Total{{ marksheet.obtained_marks }}
    +
    +

    + Total Grade Point Average (Grade): {{ marksheet.grade }} +

    +

    + Percentage: + {{ marksheet.obtained_marks|div:marksheet.total_marks|mul:100|floatformat:2 }}% +

    +
    + Print PDF +
    + +{% endblock %} diff --git a/templates/studentdashboard.html b/templates/studentdashboard.html new file mode 100644 index 0000000..f28d9a9 --- /dev/null +++ b/templates/studentdashboard.html @@ -0,0 +1,83 @@ +{% extends "admin/base_site.html" %} +{% block content %} +

    {{ title }}

    +

    Welcome

    + +
    +
    +
    +
    Course
    +

    {{ course_name }}

    +
    +
    +
    +
    +
    Current Semester
    +

    5

    +
    +
    +
    +
    +
    Total Subject
    +

    {{ total_subjects }}

    +
    +
    +
    + +
    + +
    + +
    + +
    + +{% endblock %}