diff --git a/.gitignore b/.gitignore index dbed2ff1f..e519692c0 100644 --- a/.gitignore +++ b/.gitignore @@ -101,4 +101,13 @@ ENV/ .mypy_cache/ # pycharm files -.idea/ \ No newline at end of file +.idea/ + +# vscode files +settings.json + +# database files +data/ + +# static files +static/images/ \ No newline at end of file diff --git a/Forms/forms.py b/Forms/forms.py new file mode 100644 index 000000000..e059d5103 --- /dev/null +++ b/Forms/forms.py @@ -0,0 +1,18 @@ +from flask_wtf import FlaskForm +from wtforms import StringField, PasswordField, SubmitField, BooleanField +from wtforms.validators import DataRequired, Email, Length, EqualTo + +class RegistrationForm(FlaskForm): + username = StringField('Username', validators=[DataRequired(), Length(min=2, max=30)]) + name = StringField('Name', validators=[DataRequired(), Length(min=2, max=50)]) + email = StringField('Email', validators=[DataRequired(), Email()]) + password = PasswordField('Password', validators=[DataRequired()]) + confirmed_password = PasswordField('Confirm password', validators=[DataRequired(), EqualTo('password')]) + submit = SubmitField('Register') + + +class LoginForm(FlaskForm): + email = StringField('Email', validators=[DataRequired(), Email()]) + password = PasswordField('Password', validators=[DataRequired()]) + # remember_me = BooleanField('Remember me') + submit = SubmitField('Login') \ No newline at end of file diff --git a/connection.py b/connection.py new file mode 100644 index 000000000..56c82dcd9 --- /dev/null +++ b/connection.py @@ -0,0 +1,49 @@ +import os +import psycopg2 +import psycopg2.extras + + +def get_connection_string(): + # setup connection string + # to do this, please define these environment variables first + user_name = os.environ.get('PSQL_USER_NAME') + password = os.environ.get('PSQL_PASSWORD') + host = os.environ.get('PSQL_HOST') + database_name = os.environ.get('PSQL_DB_NAME') + + env_variables_defined = user_name and password and host and database_name + + if env_variables_defined: + # this string describes all info for psycopg2 to connect to the database + return 'postgresql://{user_name}:{password}@{host}/{database_name}'.format( + user_name=user_name, + password=password, + host=host, + database_name=database_name + ) + else: + raise KeyError('Some necessary environment variable(s) are not defined') + + +def open_database(): + try: + connection_string = get_connection_string() + connection = psycopg2.connect(connection_string) + connection.autocommit = True + except psycopg2.DatabaseError as exception: + print('Database connection problem') + raise exception + return connection + + +def connection_handler(function): + def wrapper(*args, **kwargs): + connection = open_database() + # we set the cursor_factory parameter to return with a RealDictCursor cursor (cursor which provide dictionaries) + dict_cur = connection.cursor(cursor_factory=psycopg2.extras.RealDictCursor) + ret_value = function(dict_cur, *args, **kwargs) + dict_cur.close() + connection.close() + return ret_value + + return wrapper \ No newline at end of file diff --git a/data_manager/dm_answers.py b/data_manager/dm_answers.py new file mode 100644 index 000000000..167baa47f --- /dev/null +++ b/data_manager/dm_answers.py @@ -0,0 +1,91 @@ +from connection import connection_handler +import datetime +from data_manager import dm_general + + +@connection_handler +def get_all_sql_answers_by_question_id(cursor, question_id): + cursor.execute(""" + SELECT answer.*, users.username FROM answer + LEFT JOIN users ON answer.users_id = users.id + WHERE question_id=%(question_id)s + ORDER BY is_accepted DESC, vote_number DESC, submission_time ASC + """, + {"question_id": question_id}) + answers = cursor.fetchall() + return answers + + +@connection_handler +def qet_answer_by_id(cursor, answer_id): + cursor.execute(""" + SELECT * FROM answer WHERE id=%(answer_id)s + """, + {"answer_id": answer_id}) + answer = cursor.fetchone() + return answer + + +@connection_handler +def qet_users_id_by_answer_id(cursor, answer_id): + cursor.execute(""" + SELECT users_id FROM answer WHERE id=%(answer_id)s + """, + {"answer_id": answer_id}) + answer = cursor.fetchone() + return answer['users_id'] + + +@connection_handler +def add_sql_answer(cursor, form_data, question_id, user_id): + time = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S") + cursor.execute(""" + INSERT INTO answer (users_id, submission_time, vote_number, question_id, is_accepted, message) + VALUES (%(users_id)s, %(time)s, 0, %(question_id)s, 0, %(answer)s) + """, {'time': time, 'question_id': question_id, 'answer': form_data['answer'], 'users_id': user_id}) + + +@connection_handler +def delete_answer(cursor, answer_id): + # delete answer image if exists + dm_general.remove_image('answer', answer_id) + + # delete answer and all related comments + cursor.execute( + """ + DELETE FROM comment WHERE answer_id=%(answer_id)s; + DELETE FROM answer WHERE id=%(answer_id)s; + """, {'answer_id': answer_id} + ) + + +@connection_handler +def update_answer(cursor, answer_id, form_data): + cursor.execute( + """ + UPDATE answer SET message=%(answer)s WHERE id=%(answer_id)s + """, {"answer": form_data['answer'], "answer_id": answer_id} + ) + + +@connection_handler +def change_answer_vote(cursor, answer_id, value_to_change_vote): + cursor.execute(""" + UPDATE answer + SET vote_number = vote_number + %(value_to_change_vote)s + WHERE id = %(answer_id)s + """, {'value_to_change_vote': value_to_change_vote, 'answer_id': answer_id}) + cursor.execute(""" + SELECT vote_number FROM answer WHERE id=%(answer_id)s + """, {'answer_id': answer_id}) + new_vote_number = cursor.fetchone() + return new_vote_number + + +@connection_handler +def accept_answer(cursor, answer_id, is_accepted): + cursor.execute( + """ + UPDATE answer SET is_accepted=%(is_accepted)s WHERE id=%(answer_id)s + """, {"is_accepted": is_accepted, "answer_id": answer_id} + ) diff --git a/data_manager/dm_comments.py b/data_manager/dm_comments.py new file mode 100644 index 000000000..bae91d547 --- /dev/null +++ b/data_manager/dm_comments.py @@ -0,0 +1,86 @@ +from connection import connection_handler +import datetime + + +@connection_handler +def add_comment_to_question(cursor, form_data, question_id, users_id): + time = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S") + cursor.execute(""" + INSERT INTO comment + (edited_count, message, question_id, submission_time, users_id) + VALUES (0, %(message)s, %(question_id)s, %(time)s, %(users_id)s) + """, + {'message': form_data['message'], 'question_id': question_id, 'time': time, + 'users_id': users_id}) + + +@connection_handler +def add_comment_to_answer(cursor, form_data, answer_id, question_id, users_id): + time = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S") + cursor.execute(""" + INSERT INTO comment + (edited_count, message, answer_id, submission_time, question_id, users_id) + VALUES (0, %(message)s, %(answer_id)s, %(time)s, %(question_id)s, %(users_id)s) + """, + {'message': form_data['message'], 'answer_id': answer_id, + 'time': time, 'question_id': question_id, 'users_id': users_id}) + + +@connection_handler +def show_question_comments_by_id(cursor, question_id): + cursor.execute(""" + SELECT c.*, u.username FROM comment as c + LEFT JOIN users as u ON c.users_id = u.id + WHERE question_id = %(question_id)s AND answer_id IS NULL + """, + {'question_id': question_id}) + comments = cursor.fetchall() + return comments + + +@connection_handler +def show_answer_comments_by_id(cursor, question_id): + cursor.execute(""" + SELECT c.*, u.username FROM comment as c + LEFT JOIN users as u ON c.users_id = u.id + WHERE question_id = %(question_id)s; + """, + {'question_id': question_id}) + comments = cursor.fetchall() + return comments + + +@connection_handler +def get_comment_by_id(cursor, comment_id): + cursor.execute(""" + SELECT c.*, u.username FROM comment as c + LEFT JOIN users as u ON c.users_id = u.id + WHERE c.id = %(comment_id)s; + """, + {'comment_id': comment_id}) + comment = cursor.fetchone() + return comment + + +@connection_handler +def update_comment_by_id(cursor, form_data, comment_id): + time = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S") + cursor.execute(""" + UPDATE comment + SET message = %(message)s, edited_count = edited_count + 1, submission_time = %(time)s + WHERE id = %(comment_id)s; + SELECT question_id FROM comment + WHERE id = %(comment_id)s; + """, + {'message': form_data['message'], 'time': time, 'comment_id': comment_id}) + question_id = cursor.fetchone() + return question_id + + +@connection_handler +def delete_comment_by_id(cursor, comment_id): + cursor.execute(""" + DELETE FROM comment + WHERE id = %(comment_id)s; + """, + {'comment_id': comment_id}) diff --git a/data_manager/dm_credentials.py b/data_manager/dm_credentials.py new file mode 100644 index 000000000..9aa288de9 --- /dev/null +++ b/data_manager/dm_credentials.py @@ -0,0 +1,24 @@ +from connection import connection_handler + + +@connection_handler +def register_user(cursor, form_data, hashed_password): + # form_data.username.data, form_data.email.data etc... + cursor.execute(""" + INSERT INTO users (username, name, email, password) + VALUES (%(username)s, %(name)s, %(email)s, %(password)s) + """, {'username': form_data.username.data, + 'name': form_data.name.data, + 'email': form_data.email.data, + 'password': hashed_password}) + + +@connection_handler +def get_user_data(cursor, email): + cursor.execute(""" + SELECT * FROM users + WHERE email = %(email)s + """, + {'email': email}) + user_data = cursor.fetchone() + return user_data \ No newline at end of file diff --git a/data_manager/dm_general.py b/data_manager/dm_general.py new file mode 100644 index 000000000..4e7c95735 --- /dev/null +++ b/data_manager/dm_general.py @@ -0,0 +1,38 @@ +from connection import connection_handler +import os +from psycopg2 import sql + + +@connection_handler +def update_image_path(cursor, table, filename, id): + cursor.execute(f""" + UPDATE {table} + SET image = 'images/{filename}' WHERE id={id} + """) + + +@connection_handler +def remove_image(cursor, table_name, resource_id): + cursor.execute( + sql.SQL('select image from {} WHERE id=%s').format(sql.Identifier(table_name)), [resource_id] + ) + file_path = cursor.fetchone() + if file_path and file_path['image'] != None: + os.remove(f"./static/{file_path['image']}") + + +@connection_handler +def search_results(cursor, search_term): + + cursor.execute(""" + SELECT DISTINCT q.* FROM question q JOIN answer a ON q.id=a.question_id WHERE + UPPER(q.title) LIKE UPPER(%(search_term)s) + OR UPPER(q.message) LIKE UPPER(%(search_term)s) + OR UPPER(a.message) LIKE UPPER(%(search_term)s); + """, {'search_term': '%'+search_term+'%'}) + questions = cursor.fetchall() + cursor.execute(""" + SELECT * FROM answer WHERE UPPER(message) LIKE UPPER(%(search_term)s) + """, {'search_term': '%'+search_term+'%'}) + answers = cursor.fetchall() + return questions, answers diff --git a/data_manager/dm_questions.py b/data_manager/dm_questions.py new file mode 100644 index 000000000..742aac723 --- /dev/null +++ b/data_manager/dm_questions.py @@ -0,0 +1,118 @@ +from connection import connection_handler +from data_manager import dm_general +import datetime + + +@connection_handler +def get_all_questions_sql_sorted_by_submission_time(cursor): + cursor.execute(""" + SELECT q.*, u.username FROM question as q + LEFT JOIN users as u ON q.users_id = u.id ORDER BY submission_time DESC + """) + questions = cursor.fetchall() + return questions + + +@connection_handler +def get_5_questions_sql_sorted_by_submission_time(cursor): + cursor.execute(""" + SELECT q.*, u.username FROM question as q + LEFT JOIN users as u ON q.users_id = u.id ORDER BY submission_time DESC LIMIT 5 + """) + questions = cursor.fetchall() + return questions + + +@connection_handler +def get_questions_sorted(cursor, order_by, order_direction): + cursor.execute(f""" + SELECT question.*, users.username FROM question + LEFT JOIN users ON users_id = users.id ORDER BY {order_by} {order_direction} + """) + questions = cursor.fetchall() + return questions + + +@connection_handler +def get_question_sql_by_id(cursor, id): + cursor.execute(f""" + SELECT question.*, users.username FROM question + LEFT JOIN users ON users_id = users.id + WHERE question.id={id} +""") + list_with_question = cursor.fetchall() + if list_with_question: + return list_with_question[0] + else: + return None + + +@connection_handler +def qet_users_id_by_question_id(cursor, question_id): + cursor.execute(""" + SELECT users_id FROM question WHERE id=%(question_id)s + """, + {"question_id": question_id}) + question = cursor.fetchone() + return question['users_id'] + + +@connection_handler +def add_question_sql(cursor, form_data, user_id): + time = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S") + # todo > in every data manager > queries need to be remade in a safe way > like below, without f strings + cursor.execute(""" + INSERT INTO question (users_id, submission_time, view_number, vote_number, title, message) + VALUES (%(users_id)s, %(time)s, 0, 0, %(title)s, %(message)s) + """, {'time': time, 'title': form_data['title'], 'message': form_data['message'], 'users_id': user_id}) + + +@connection_handler +def update_question_sql(cursor, id, form_data): + cursor.execute(""" + UPDATE question + SET title = %(title)s, message = %(message)s + WHERE id = %(id)s + """, + {'title': form_data['title'], 'message': form_data['message'], 'id': id}) + + +@connection_handler +def update_question_view_increase_count(cursor, id): + cursor.execute(f""" + UPDATE question + SET view_number = view_number + 1 + WHERE id = '{id}' + """) + + +@connection_handler +def delete_question(cursor, id): + # delete question image if exists + dm_general.remove_image('question', id) + + # delete question and all related data + cursor.execute( + # todo > check why there need to be semicolon in the query + f""" + DELETE FROM comment WHERE question_id={id}; + DELETE FROM comment WHERE answer_id IN (SELECT id FROM answer WHERE question_id={id}); + DELETE FROM answer WHERE question_id={id}; + DELETE FROM question_tag WHERE question_id={id}; + DELETE FROM question WHERE id={id}; + """ + ) + + +@connection_handler +def change_question_vote(cursor, question_id, value_to_change_vote): + cursor.execute(f""" + UPDATE question + SET vote_number = vote_number + {value_to_change_vote} + WHERE id = {question_id} + """) + cursor.execute(f""" + SELECT vote_number FROM question WHERE id={question_id} + """) + new_vote_number = cursor.fetchone() + return new_vote_number diff --git a/data_manager/dm_tags.py b/data_manager/dm_tags.py new file mode 100644 index 000000000..80e66f92c --- /dev/null +++ b/data_manager/dm_tags.py @@ -0,0 +1,86 @@ +from connection import connection_handler + + +@connection_handler +def get_tags_of_question_by_id(cursor, question_id): + cursor.execute(""" + SELECT DISTINCT * FROM question_tag INNER JOIN tag + ON question_tag.tag_id = tag.id + WHERE question_tag.question_id = %(question_id)s; + """, + {'question_id': question_id}) + tags = cursor.fetchall() + return tags + + +@connection_handler +def add_tags_to_question(cursor, form_data, question_id): + # Sample form_data: + # ImmutableMultiDict([('3', 'on'), ('new_tag', 'ooo')]) + for tag_id, selected in form_data.items(): + # if if iteration is on new_tag and there is no new tag - do nothing + if not selected: + continue + # if iteration is on new_tag and new tak is not empty + if tag_id == 'new_tag' and selected: + new_tag = get_tag_data_by_tag_name(selected) + tag_id = new_tag['id'] + cursor.execute(""" + INSERT INTO question_tag (question_id, tag_id) + VALUES (%(question_id)s, %(tag_id)s) + """, + {'question_id': question_id, 'tag_id': tag_id}) + + +@connection_handler +def get_tag_data_by_tag_name(cursor, tag_name): + cursor.execute(""" + SELECT * FROM tag + WHERE name = %(name)s + """, {'name': tag_name}) + tag = cursor.fetchone() + return tag + + +@connection_handler +def get_tags(cursor, question_id): + cursor.execute(""" + SELECT tag.id, tag.name FROM tag + WHERE tag.id NOT IN ( + SELECT tag_id FROM question_tag + WHERE question_id = %(question_id)s + ); + """, + {'question_id': question_id}) + tags = cursor.fetchall() + return tags + + +@connection_handler +def add_new_tag(cursor, new_tag): + # todo > now if we try to add tag which already exists - there is psycopg2.IntegrityError > handle it + cursor.execute(""" + INSERT INTO tag (name) + VALUES (%(tag_name)s); + """, + {'tag_name': new_tag}) + + +@connection_handler +def delete_tag_from_question(cursor, question_id, tag_id): + cursor.execute(""" + DELETE FROM question_tag + WHERE question_id = %(question_id)s AND tag_id = %(tag_id)s; + """, + {'question_id': question_id, 'tag_id': tag_id}) + + +@connection_handler +def get_tags_and_count(cursor): + cursor.execute(""" + SELECT tag.name, count(question_tag.question_id) as used FROM tag + LEFT JOIN question_tag ON tag.id = question_tag.tag_id + GROUP BY tag.name; + """) + tags = cursor.fetchall() + return tags diff --git a/data_manager/dm_users.py b/data_manager/dm_users.py new file mode 100644 index 000000000..c7e8daed4 --- /dev/null +++ b/data_manager/dm_users.py @@ -0,0 +1,32 @@ +from connection import connection_handler +import datetime +from data_manager import dm_general + + +@connection_handler +def get_users(cursor): + cursor.execute(""" + SELECT * FROM users + """) + users = cursor.fetchall() + return users + + +@connection_handler +def get_users_sorted(cursor, order_by, order_direction): + cursor.execute(f""" + SELECT * FROM users ORDER BY {order_by} {order_direction} + """) + users = cursor.fetchall() + return users + + +@connection_handler +def update_user_reputation(cursor, users_id, value): + print(users_id, value) + cursor.execute(""" + UPDATE users + SET reputation = reputation + %(reputation)s + WHERE id = %(users_id)s + """, + {'reputation': value, 'users_id': users_id}) diff --git a/sample_data/answer.csv b/sample_data/answer.csv deleted file mode 100644 index 3ddfa1ffb..000000000 --- a/sample_data/answer.csv +++ /dev/null @@ -1,3 +0,0 @@ -id,submission_time,vote_number,question_id,message,image -0,1493398154,4,0,"You need to use brackets: my_list = []", -1,1493088154,35,0,"Look it up in the Python docs", diff --git a/sample_data/askmatepart2-sample-data.sql b/sample_data/askmatepart2-sample-data.sql new file mode 100644 index 000000000..2e51964c0 --- /dev/null +++ b/sample_data/askmatepart2-sample-data.sql @@ -0,0 +1,159 @@ +-- +-- PostgreSQL database dump +-- + +-- Dumped from database version 9.5.6 +-- Dumped by pg_dump version 9.5.6 + +ALTER TABLE IF EXISTS ONLY public.question DROP CONSTRAINT IF EXISTS pk_question_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.question DROP CONSTRAINT IF EXISTS fk_users_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.answer DROP CONSTRAINT IF EXISTS pk_answer_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.answer DROP CONSTRAINT IF EXISTS fk_question_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.answer DROP CONSTRAINT IF EXISTS fk_users_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.comment DROP CONSTRAINT IF EXISTS pk_comment_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.comment DROP CONSTRAINT IF EXISTS fk_question_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.comment DROP CONSTRAINT IF EXISTS fk_answer_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.question_tag DROP CONSTRAINT IF EXISTS pk_question_tag_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.question_tag DROP CONSTRAINT IF EXISTS fk_question_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.tag DROP CONSTRAINT IF EXISTS pk_tag_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.question_tag DROP CONSTRAINT IF EXISTS fk_tag_id CASCADE; +ALTER TABLE IF EXISTS ONLY public.users DROP CONSTRAINT IF EXISTS pk_users_id CASCADE; + + +DROP TABLE IF EXISTS public.question; +DROP SEQUENCE IF EXISTS public.question_id_seq; +CREATE TABLE question ( + id serial NOT NULL, + users_id integer, + submission_time timestamp without time zone, + view_number integer, + vote_number integer, + title text, + message text, + image text +); + +DROP TABLE IF EXISTS public.answer; +DROP SEQUENCE IF EXISTS public.answer_id_seq; +CREATE TABLE answer ( + id serial NOT NULL, + users_id integer, + submission_time timestamp without time zone, + vote_number integer, + question_id integer, + message text, + is_accepted integer, + image text +); + +DROP TABLE IF EXISTS public.comment; +DROP SEQUENCE IF EXISTS public.comment_id_seq; +CREATE TABLE comment ( + id serial NOT NULL, + question_id integer, + answer_id integer, + users_id integer, + message text, + submission_time timestamp without time zone, + edited_count integer +); + + +DROP TABLE IF EXISTS public.question_tag; +CREATE TABLE question_tag ( + question_id integer NOT NULL, + tag_id integer NOT NULL +); + +DROP TABLE IF EXISTS public.tag; +DROP SEQUENCE IF EXISTS public.tag_id_seq; +CREATE TABLE tag ( + id serial NOT NULL, + name text +); + +DROP TABLE IF EXISTS public.users; +DROP SEQUENCE IF EXISTS public.users_id_seq; +CREATE TABLE users ( + id serial NOT NULL, + username text NOT NULL, + name text NOT NULL, + email text NOT NULL, + password text NOT NULL, + reputation integer DEFAULT 0 +); + + +ALTER TABLE ONLY answer + ADD CONSTRAINT pk_answer_id PRIMARY KEY (id); + +ALTER TABLE ONLY comment + ADD CONSTRAINT pk_comment_id PRIMARY KEY (id); + +ALTER TABLE ONLY question + ADD CONSTRAINT pk_question_id PRIMARY KEY (id); + +ALTER TABLE ONLY question_tag + ADD CONSTRAINT pk_question_tag_id PRIMARY KEY (question_id, tag_id); + +ALTER TABLE ONLY tag + ADD CONSTRAINT pk_tag_id PRIMARY KEY (id); + +ALTER TABLE ONLY users + ADD CONSTRAINT pk_users_id PRIMARY KEY (id); + +ALTER TABLE ONLY question + ADD CONSTRAINT fk_users_id FOREIGN KEY (users_id) REFERENCES users(id); + +ALTER TABLE ONLY answer + ADD CONSTRAINT fk_users_id FOREIGN KEY (users_id) REFERENCES users(id); + +ALTER TABLE ONLY comment + ADD CONSTRAINT fk_answer_id FOREIGN KEY (answer_id) REFERENCES answer(id); + +ALTER TABLE ONLY answer + ADD CONSTRAINT fk_question_id FOREIGN KEY (question_id) REFERENCES question(id); + +ALTER TABLE ONLY question_tag + ADD CONSTRAINT fk_question_id FOREIGN KEY (question_id) REFERENCES question(id); + +ALTER TABLE ONLY comment + ADD CONSTRAINT fk_question_id FOREIGN KEY (question_id) REFERENCES question(id); + +ALTER TABLE ONLY question_tag + ADD CONSTRAINT fk_tag_id FOREIGN KEY (tag_id) REFERENCES tag(id); + +INSERT INTO question VALUES (0, NULL, '2017-04-28 08:29:00', 29, 7, 'How to make lists in Python?', 'I am totally new to this, any hints?', NULL); +INSERT INTO question VALUES (1, NULL, '2017-04-29 09:19:00', 15, 9, 'Wordpress loading multiple jQuery Versions', 'I developed a plugin that uses the jquery booklet plugin (http://builtbywill.com/booklet/#/) this plugin binds a function to $ so I cann call $(".myBook").booklet(); + +I could easy managing the loading order with wp_enqueue_script so first I load jquery then I load booklet so everything is fine. + +BUT in my theme i also using jquery via webpack so the loading order is now following: + +jquery +booklet +app.js (bundled file with webpack, including jquery)', 'images/image1.png'); +INSERT INTO question VALUES (2, NULL, '2017-05-01 10:41:00', 1364, 57, 'Drawing canvas with an image picked with Cordova Camera Plugin', 'I''m getting an image from device and drawing a canvas with filters using Pixi JS. It works all well using computer to get an image. But when I''m on IOS, it throws errors such as cross origin issue, or that I''m trying to use an unknown format. +', NULL); +SELECT pg_catalog.setval('question_id_seq', 2, true); + +INSERT INTO answer VALUES (1, NULL, '2017-04-28 16:49:00', 4, 1, 'You need to use brackets: my_list = []', 0, NULL); +INSERT INTO answer VALUES (2, NULL, '2017-04-25 14:42:00', 35, 1, 'Look it up in the Python docs', 0, 'images/image2.jpg'); +SELECT pg_catalog.setval('answer_id_seq', 2, true); + +INSERT INTO comment VALUES (1, 0, NULL, Null, 'Please clarify the question as it is too vague!', '2017-05-01 05:49:00'); +INSERT INTO comment VALUES (2, NULL, 1, Null, 'I think you could use my_list = list() as well.', '2017-05-02 16:55:00'); +SELECT pg_catalog.setval('comment_id_seq', 2, true); + +INSERT INTO tag VALUES (1, 'python'); +INSERT INTO tag VALUES (2, 'sql'); +INSERT INTO tag VALUES (3, 'css'); +SELECT pg_catalog.setval('tag_id_seq', 3, true); + +INSERT INTO question_tag VALUES (0, 1); +INSERT INTO question_tag VALUES (1, 3); +INSERT INTO question_tag VALUES (2, 3); + +INSERT INTO users VALUES (1, 'test', 'Testowy Tescik', 'test@test.pl', '$2b$12$4wLEAbDLP6Ab0Q4M4CyZOe/xSuYcRDi5yHKe6i1nf0dZBo7HJ5h5W', 0); +INSERT INTO users VALUES (2, 'seba', 'Sebowski Seba', 'seba@test.pl', '$2b$12$yGHK2Vl/I9htIakbQSETxecYmhYAPjPXWEsC6TUcNysCzum2bZHwu', 0); +SELECT pg_catalog.setval('users_id_seq', 2, true); diff --git a/sample_data/question.csv b/sample_data/question.csv deleted file mode 100644 index e65825dc3..000000000 --- a/sample_data/question.csv +++ /dev/null @@ -1,14 +0,0 @@ -id,submission_time,view_number,vote_number,title,message,image -0,1493368154,29,7,"How to make lists in Python?","I am totally new to this, any hints?", -1,1493068124,15,9,"Wordpress loading multiple jQuery Versions","I developed a plugin that uses the jquery booklet plugin (http://builtbywill.com/booklet/#/) this plugin binds a function to $ so I cann call $('.myBook').booklet(); - -I could easy managing the loading order with wp_enqueue_script so first I load jquery then I load booklet so everything is fine. - -BUT in my theme i also using jquery via webpack so the loading order is now following: - -jquery -booklet -app.js (bundled file with webpack, including jquery)","images/image1.png" -2,1493015432,1364,57,"Drawing canvas with an image picked with Cordova Camera Plugin","I'm getting an image from device and drawing a canvas with filters using Pixi JS. It works all well using computer to get an image. But when I'm on IOS, it throws errors such as cross origin issue, or that I'm trying to use an unknown format. - -This is the code I'm using to draw the image (that works on web/desktop but not cordova built ios app)", diff --git a/server.py b/server.py new file mode 100644 index 000000000..248c8a728 --- /dev/null +++ b/server.py @@ -0,0 +1,17 @@ +from server_python import config +from server_python import sv_questions +from server_python import sv_general +from server_python import sv_answers +from server_python import sv_comments +from server_python import sv_tags +from server_python import sv_credentials +from server_python import sv_users + + + +if __name__ == "__main__": + config.app.run( + debug=True, + port=5004, + host='0.0.0.0' +) \ No newline at end of file diff --git a/server_python/config.py b/server_python/config.py new file mode 100644 index 000000000..21e4dbb8f --- /dev/null +++ b/server_python/config.py @@ -0,0 +1,15 @@ +from flask import Flask +from flask_uploads import UploadSet, configure_uploads, IMAGES +from flask_bcrypt import Bcrypt + +app = Flask(__name__, template_folder='../templates', static_folder='../static') +photos = UploadSet('photos', IMAGES) +base_url = 'http://127.0.0.1:5004' + +app.config['UPLOADED_PHOTOS_DEST'] = 'static/images' +app.config['SECRET_KEY'] = '0b95219177b86d8db3fbde38daf944f0' +# prevent catching files in browser: +app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 0 +configure_uploads(app, photos) + +bcrypt = Bcrypt(app) diff --git a/server_python/sv_answers.py b/server_python/sv_answers.py new file mode 100644 index 000000000..8cc80faca --- /dev/null +++ b/server_python/sv_answers.py @@ -0,0 +1,69 @@ +from server_python.config import app +from data_manager import dm_general, dm_answers, dm_questions, dm_users +from flask import redirect, request, render_template, jsonify, session + + +@app.route('/answer/delete') +def route_delete_answer(): + answer_id = request.args.get('answer_id') + question_id = request.args.get('question_id') + dm_answers.delete_answer(answer_id) + return redirect('/question_detail/' + question_id) + + +@app.route('/answer/edit', methods=['GET', 'POST']) +def route_edit_answer(): + answer_id = request.args.get('answer_id') + question_id = request.args.get('question_id') + answer = dm_answers.qet_answer_by_id(answer_id) + if request.method == 'POST': + dm_answers.update_answer(answer_id, request.form) + return redirect('/question_detail/' + question_id) + return render_template('answer.html', answer=answer, question_id=question_id) + + +@app.route('/question/new-answer', methods=['GET', 'POST']) +def route_new_answer(): + question_id = request.args.get('question_id') + if request.method == 'POST': + if 'user_id' in session: + user_id = session['user_id'] + else: + user_id = None + dm_answers.add_sql_answer(request.form, question_id, user_id) + return redirect('/question_detail/' + question_id) + return render_template('answer.html', question_id=question_id) + + +@app.route('/answer//accept/') +def answer_accept(answer_id, question_id): + if 'user_id' in session: + if session['user_id'] == dm_questions.qet_users_id_by_question_id(question_id): + dm_answers.accept_answer(answer_id, 1) + reputation_value = 15 + users_id = dm_answers.qet_users_id_by_answer_id(answer_id) + if users_id: + dm_users.update_user_reputation(users_id, reputation_value) + return redirect('/question_detail/' + question_id) + + +@app.route('/answer//unaccept/') +def answer_unaccept(answer_id, question_id): + if 'user_id' in session: + if session['user_id'] == dm_questions.qet_users_id_by_question_id(question_id): + dm_answers.accept_answer(answer_id, 0) + return redirect('/question_detail/' + question_id) + + +@app.route('/answer//vote', methods=['PUT']) +def answer_change_vote(answer_id): + value_to_change_vote = request.get_json()['voteValue'] + new_vote_value = dm_answers.change_answer_vote(answer_id, value_to_change_vote) + if value_to_change_vote > 0: + reputation_value = 10 + else: + reputation_value = -2 + users_id = dm_answers.qet_users_id_by_answer_id(answer_id) + if users_id: + dm_users.update_user_reputation(users_id, reputation_value) + return jsonify(new_vote_value) diff --git a/server_python/sv_comments.py b/server_python/sv_comments.py new file mode 100644 index 000000000..11aaee17f --- /dev/null +++ b/server_python/sv_comments.py @@ -0,0 +1,53 @@ +from server_python.config import app +from data_manager import dm_comments +from flask import request, redirect, render_template, session + + +@app.route('/question/new-comment', methods=['GET', 'POST']) +def route_add_comment_to_question(): + question_id = request.args.get('question_id') + if request.method == 'POST': + if 'user_id' in session: + user_id = session['user_id'] + else: + user_id = None + dm_comments.add_comment_to_question(request.form, question_id, user_id) + return redirect(f'/question_detail/{question_id}') + return render_template('comment.html', + question_id=question_id, + is_add_comment_to_question=True) + + +@app.route('/answer/new-comment', methods=['GET', 'POST']) +def route_add_comment_to_answer(): + question_id = request.args.get('question_id') + answer_id = request.args.get('answer_id') + if request.method == 'POST': + if 'user_id' in session: + user_id = session['user_id'] + else: + user_id = None + dm_comments.add_comment_to_answer(request.form, answer_id, question_id, user_id) + return redirect(f"/question_detail/{question_id}") + return render_template('comment.html', + question_id=question_id, + answer_id=answer_id, + is_add_comment_to_answer=True) + + +@app.route('/comment/edit', methods=['GET', 'POST']) +def route_edit_comment(): + comment_id = request.args.get('comment_id') + comment = dm_comments.get_comment_by_id(comment_id) + if request.method == 'POST': + question_id = dm_comments.update_comment_by_id(request.form, comment_id) + return redirect(f"/question_detail/{question_id['question_id']}") + return render_template('comment.html', comment=comment) + + +@app.route('/comment/delete', methods=['GET']) +def route_delete_comment(): + comment_id = request.args.get('comment_id') + question_id = request.args.get('question_id') + dm_comments.delete_comment_by_id(comment_id) + return redirect(f"/question_detail/{question_id}") diff --git a/server_python/sv_credentials.py b/server_python/sv_credentials.py new file mode 100644 index 000000000..9485ab4ac --- /dev/null +++ b/server_python/sv_credentials.py @@ -0,0 +1,43 @@ +from server_python.config import app +from flask import flash, render_template, session, redirect +from Forms import forms +from data_manager import dm_credentials +from server_python import config + + +@app.route('/register', methods=['GET', 'POST']) +def register(): + form_data = forms.RegistrationForm() + if form_data.validate_on_submit(): + hashed_password = config.bcrypt.generate_password_hash(form_data.password.data).decode('utf-8') + dm_credentials.register_user(form_data, hashed_password) + flash(f'Account created for {form_data.name.data}!', 'success') + return redirect('/') + return render_template('register.html', form=form_data, title='Register') + + +@app.route('/login', methods=['GET', 'POST']) +def login(): + form = forms.LoginForm() + if form.validate_on_submit(): + user_data = dm_credentials.get_user_data(form.email.data) + is_user_email = bool(user_data['email']) + hashed_password = user_data['password'] + is_valid_password = config.bcrypt.check_password_hash(hashed_password, form.password.data) + if is_user_email and is_valid_password: + user_id = user_data['id'] + session['user_id'] = user_id + flash('You logged in!', 'success') + return redirect('/') + else: + flash('Invalid credentials!', 'danger') + return redirect('/login') + return render_template('login.html', form=form, title='Login') + + +@app.route('/logout') +def logout(): + flash('You\'ve logged out!', 'success') + session.pop('user_id', None) + return redirect('/') + diff --git a/server_python/sv_general.py b/server_python/sv_general.py new file mode 100644 index 000000000..9fd86c954 --- /dev/null +++ b/server_python/sv_general.py @@ -0,0 +1,37 @@ +from server_python.config import app, photos +from data_manager import dm_general +from flask import request, redirect, render_template +from util import highlight_search_term +from flask import Markup + + +@app.route('/upload', methods=['POST']) +def upload(): + if 'photo' in request.files: + question_id = request.args.get('question_id', type=str) + answer_id = request.args.get('answer_id', type=str) + try: + filename = photos.save(request.files['photo']) + except Exception: + return redirect('/question_detail/' + question_id) + + id = answer_id if answer_id else question_id + table = "answer" if answer_id else "question" + + dm_general.update_image_path(table, filename, id) + return redirect('/question_detail/' + question_id) + + +@app.route('/search') +def route_search(): + search_term = request.args.get('search_term') + searched_questions, searched_answers = dm_general.search_results(search_term) + questions_count = len(searched_questions) + highlight_search_term_fn = lambda sequence: highlight_search_term(search_term, sequence) + return render_template('search_results.html', + searched_questions=searched_questions, + searched_answers=searched_answers, + questions_count=questions_count, + highlight_search_term_fn=highlight_search_term_fn, + markup=Markup) + diff --git a/server_python/sv_questions.py b/server_python/sv_questions.py new file mode 100644 index 000000000..5e94c54d5 --- /dev/null +++ b/server_python/sv_questions.py @@ -0,0 +1,91 @@ +from server_python.config import app +from data_manager import dm_questions, dm_answers, dm_comments, dm_tags, dm_users +from flask import request, redirect, render_template, jsonify, session +from util import check_referer_url, truncate_question + + +@app.route('/') +def route_home(): + questions = dm_questions.get_5_questions_sql_sorted_by_submission_time() + return render_template('index.html', questions=questions, truncate_fn=truncate_question) + + +@app.route('/list') +def route_list(): + questions = dm_questions.get_all_questions_sql_sorted_by_submission_time() + return render_template('list.html', questions=questions, truncate_fn=truncate_question) + + +@app.route('/sort') +def route_sort_questions(): + feature_to_order_by = request.args.get('order_by', default='title', type=str) + # todo > everywhere we receive user input - even in URL - make checks if parameters exist + # if feature_to_order_by not in ['title', 'message']: + # return 'Error: wrong parameter' + order_direction = request.args.get('order_direction', default='asc', type=str) + questions = dm_questions.get_questions_sorted(feature_to_order_by, order_direction) + return render_template('list.html', + questions=questions, + truncate_fn=truncate_question) + + +@app.route('/add', methods=['GET', 'POST']) +def route_add_question(): + if request.method == 'POST': + if 'user_id' in session: + user_id = session['user_id'] + else: + user_id = None + dm_questions.add_question_sql(request.form, user_id) + return redirect('/list') + return render_template('form.html') + + +@app.route('/question//delete') +def route_delete_question(question_id): + dm_questions.delete_question(question_id) + return redirect('/list') + + +@app.route('/question_detail/') +def route_question_detail(id): + is_different_referer = check_referer_url(id) + if is_different_referer: + dm_questions.update_question_view_increase_count(id) + question = dm_questions.get_question_sql_by_id(id) + answers = dm_answers.get_all_sql_answers_by_question_id(id) + question_comments = dm_comments.show_question_comments_by_id(id) + answer_comments = dm_comments.show_answer_comments_by_id(id) + tags = dm_tags.get_tags_of_question_by_id(id) + return render_template('qd.html', question=question, + id=id, answers=answers, + count=len(answers), + question_comments=question_comments, + answer_comments=answer_comments, + tags=tags) + + +@app.route('/question_detail/edit', methods=['GET', 'POST']) +def route_question_edit(): + question_id = request.args.get('question_id') + question = dm_questions.get_question_sql_by_id(question_id) + if request.method == 'POST': + dm_questions.update_question_sql(question_id, request.form) + return redirect('/question_detail/' + question_id) + return render_template('form.html', question=question) + + +@app.route('/question//vote', methods=['PUT']) +def question_change_vote(question_id): + value_to_change_vote = request.get_json()['voteValue'] + new_vote_value = dm_questions.change_question_vote(question_id, value_to_change_vote) + if value_to_change_vote > 0: + reputation_value = 5 + else: + reputation_value = -2 + users_id = dm_questions.qet_users_id_by_question_id(question_id) + if users_id: + dm_users.update_user_reputation(users_id, reputation_value) + return jsonify(new_vote_value) + + diff --git a/server_python/sv_tags.py b/server_python/sv_tags.py new file mode 100644 index 000000000..9d9803320 --- /dev/null +++ b/server_python/sv_tags.py @@ -0,0 +1,29 @@ +from server_python.config import app +from data_manager import dm_tags +from flask import request, redirect, render_template + + +@app.route('/question/new-tag', methods=['GET', 'POST']) +def route_add_tag(): + question_id = request.args.get('question_id') + options = dm_tags.get_tags(question_id) + if request.method == 'POST': + print(request.form) + if request.form.get('new_tag'): + new_tag = request.form.get('new_tag') + dm_tags.add_new_tag(new_tag) + dm_tags.add_tags_to_question(request.form, question_id) + return redirect(f'/question_detail/{question_id}') + return render_template('tag.html', options=options, question_id=question_id) + + +@app.route('/question_detail//tag//delete', methods=['GET']) +def route_delete_tag(question_id, tag_id): + dm_tags.delete_tag_from_question(question_id, tag_id) + return redirect(f'/question_detail/{question_id}') + + +@app.route('/tags', methods=['GET']) +def route_show_tags(): + tags = dm_tags.get_tags_and_count() + return render_template('tag.html', tags=tags) diff --git a/server_python/sv_users.py b/server_python/sv_users.py new file mode 100644 index 000000000..ab2b31da0 --- /dev/null +++ b/server_python/sv_users.py @@ -0,0 +1,23 @@ +from server_python.config import app +from data_manager import dm_users +# from flask import render_template +from flask import request, redirect, render_template, jsonify + + +@app.route('/users_list', methods=['GET', 'POST']) +def route_list_users(): + users = dm_users.get_users() + print(users) + return render_template('users.html', users=users) + + +@app.route('/sort_users', methods=['GET', 'POST']) +def route_sort_users(): + feature_to_order_by = request.args.get('order_by', default='username', type=str) + # todo > everywhere we receive user input - evein in URL - make checks if parameters exist + # if feature_to_order_by not in ['title', 'message']: + # return 'Error: wrong parameter' + order_direction = request.args.get('order_direction', default='asc', type=str) + users = dm_users.get_users_sorted(feature_to_order_by, order_direction) + return render_template('users.html', + users=users) diff --git a/static/.DS_Store b/static/.DS_Store new file mode 100644 index 000000000..be3d4cd80 Binary files /dev/null and b/static/.DS_Store differ diff --git a/static/README.txt b/static/README.txt new file mode 100644 index 000000000..a0fee4082 --- /dev/null +++ b/static/README.txt @@ -0,0 +1,26 @@ +Material Design for Bootstrap + +Version: MDB Pro 4.7.6 + +Documentation: +https://mdbootstrap.com/ + +Getting started: +https://mdbootstrap.com/docs/jquery/getting-started/download/ + +Tutorials: +MDB-Bootstrap: https://mdbootstrap.com/education/bootstrap/ +MDB-Wordpress: https://mdbootstrap.com/education/wordpress/ + +Templates: +https://mdbootstrap.com/templates/ + +License: +https://mdbootstrap.com/general/license/ + +Support: +https://mdbootstrap.com/forums/forum/support/ + +Contact: +office@mdbootstrap.com + diff --git a/static/css/addons-pro/cards-extended.css b/static/css/addons-pro/cards-extended.css new file mode 100644 index 000000000..4ec82b735 --- /dev/null +++ b/static/css/addons-pro/cards-extended.css @@ -0,0 +1,285 @@ +.card.promoting-card .fa { + -webkit-transition: .4s; + -o-transition: .4s; + transition: .4s; } + .card.promoting-card .fa[class*="fa-"]:hover { + -webkit-transition: .4s; + -o-transition: .4s; + transition: .4s; + cursor: pointer; } + +.card.weather-card .collapse-content a.collapsed:after { + content: 'Expand'; } + +.card.weather-card .collapse-content a:not(.collapsed):after { + content: 'Collapse'; } + +.card.weather-card .degree:after { + content: "°C"; + position: absolute; + font-size: 3rem; + margin-top: .9rem; + font-weight: 400; } + +.card.gradient-card { + -webkit-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; } + .card.gradient-card .first-content .card-title { + font-weight: 500; } + .card.gradient-card .second-content { + display: none; } + .card.gradient-card .third-content { + display: none; } + .card.gradient-card .card-body { + -webkit-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; + opacity: 0; + visibility: hidden; + overflow: hidden; + height: 0; + padding-bottom: 0; + padding-top: 0; } + .card.gradient-card .card-image { + -webkit-border-radius: .25rem; + border-radius: .25rem; } + .card.gradient-card .card-image .mask { + -webkit-border-radius: .25rem; + border-radius: .25rem; } + .card.gradient-card:focus-within { + margin-top: 3rem; + -webkit-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; } + .card.gradient-card:focus-within .card-image { + -webkit-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; + width: 7rem; + height: 7rem; + margin-top: -2rem; + margin-left: 1rem; + -webkit-border-radius: .25rem; + border-radius: .25rem; + margin-bottom: 2rem; } + .card.gradient-card:focus-within .card-image .mask { + -webkit-border-radius: .25rem; + border-radius: .25rem; } + .card.gradient-card:focus-within .card-body { + -webkit-transition: all .7s ease-in-out; + -o-transition: all .7s ease-in-out; + transition: all .7s ease-in-out; + visibility: visible; + opacity: 1; + overflow: visible; + padding-bottom: 1.25rem; + padding-top: 1.25rem; + height: auto; + -webkit-border-radius: .25rem; + border-radius: .25rem; } + .card.gradient-card:focus-within .card-body .progress { + height: .4rem; } + .card.gradient-card:focus-within .card-body .progress .progress-bar { + height: .4rem; } + .card.gradient-card:focus-within .first-content { + display: none; } + .card.gradient-card:focus-within .second-content { + display: block; } + .card.gradient-card:focus-within .third-content { + display: block; + margin-top: -6rem; } + @media (max-device-width: 1025px) { + .card.gradient-card:hover { + margin-top: 3rem; + -webkit-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; } + .card.gradient-card:hover .card-image { + -webkit-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; + width: 7rem; + height: 7rem; + margin-top: -2rem; + margin-left: 1rem; + -webkit-border-radius: .25rem; + border-radius: .25rem; + margin-bottom: 2rem; + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + .card.gradient-card:hover .card-image .mask { + -webkit-border-radius: .25rem; + border-radius: .25rem; } + .card.gradient-card:hover .card-body { + -webkit-transition: all .7s ease-in-out; + -o-transition: all .7s ease-in-out; + transition: all .7s ease-in-out; + visibility: visible; + opacity: 1; + overflow: visible; + padding-bottom: 1.25rem; + padding-top: 1.25rem; + height: auto; + -webkit-border-radius: .25rem; + border-radius: .25rem; } + .card.gradient-card:hover .card-body .progress { + height: .4rem; } + .card.gradient-card:hover .card-body .progress .progress-bar { + height: .4rem; } + .card.gradient-card:hover .first-content { + display: none; } + .card.gradient-card:hover .second-content { + display: block; } + .card.gradient-card:hover .third-content { + display: block; + margin-top: -6rem; } } + +.card.booking-card .rating { + font-size: .7rem; } + +.card.chart-card .classic-tabs .nav li a.active { + border-bottom: 2px solid; + -webkit-transition: width .5s ease, background-color .5s ease; + -o-transition: width .5s ease, background-color .5s ease; + transition: width .5s ease, background-color .5s ease; } + +.card.chart-card .classic-tabs .nav.tabs-white li a { + color: #757575; + font-weight: 500; } + .card.chart-card .classic-tabs .nav.tabs-white li a.active { + color: #673ab7; } + +.card.chart-card .btn-deep-purple-accent { + background-color: #b388ff; + margin-top: -65px; } + .card.chart-card .btn-deep-purple-accent i { + color: #000 !important; } + +.card.chart-card .btn-teal-accent { + background-color: #1de9b6; + margin-top: -65px; } + .card.chart-card .btn-teal-accent i { + color: #000 !important; } + +.card.colorful-card .indigo-accent-text { + color: #304ffe; } + +.card.colorful-card .btn-indigo-accent { + background-color: #304ffe; } + +.card.colorful-card .yellow-darken-text { + color: #fdd835; } + +.card.colorful-card .testimonial-card .avatar { + width: 55px; + margin-top: -30px; + border: 3px solid #fff; } + .card.colorful-card .testimonial-card .avatar img { + width: 50px; + height: 50px; } + +.card.colorful-card .brown-darken-text { + color: #3e2723; } + +.card.colorful-card .btn-red-lighten { + background-color: #ffcdd2; } + +.card.panels-card .hour { + font-size: .8rem; + margin-top: .3rem; } + +.card-wrapper.card-action { + min-height: 640px; } + @media (max-width: 450px) { + .card-wrapper.card-action { + min-height: 790px; } } + +.card-form .md-form input[type=text]:focus:not([readonly]), +.card-form .md-form input[type=email]:focus:not([readonly]), +.card-form .md-form input[type=password]:focus:not([readonly]) { + -webkit-box-shadow: 0 1px 0 0 #fff; + box-shadow: 0 1px 0 0 #fff; + border-bottom: 1px solid #fff; } + +.card-form .card-form-2 { + -webkit-border-top-left-radius: 21px; + border-top-left-radius: 21px; + -webkit-border-top-right-radius: 21px; + border-top-right-radius: 21px; + margin-top: -35px; } + .card-form .card-form-2 .form-check-input[type=checkbox].filled-in:checked + label:after, + .card-form .card-form-2 label.btn input[type=checkbox].filled-in:checked + label:after { + background-color: #e53935; + border: 2px solid #e53935; } + .card-form .card-form-2 .btn-outline-red-accent { + border: 2px solid #e53935; + background-color: transparent; + color: #e53935; } + .card-form .card-form-2 .pink-accent-text { + color: #c51162; } + +.z-depth-1-bottom { + -webkit-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.16); + box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.16); } + +.md-calendar { + background-color: #69004b; } + .md-calendar .weekdays, + .md-calendar .days { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .md-calendar .weekdays li, + .md-calendar .days li { + text-align: center; + width: 13.6%; + padding: .9rem 0; } + .md-calendar .days li { + margin-bottom: .5rem; + font-size: .9rem; } + .md-calendar .days li.active { + background-color: #fb0025; } + .md-calendar .days li.active.rounded-right { + -webkit-border-top-right-radius: 50% !important; + border-top-right-radius: 50% !important; + -webkit-border-bottom-right-radius: 50% !important; + border-bottom-right-radius: 50% !important; } + .md-calendar .days li.active.rounded-left { + -webkit-border-top-left-radius: 50% !important; + border-top-left-radius: 50% !important; + -webkit-border-bottom-left-radius: 50% !important; + border-bottom-left-radius: 50% !important; } + .md-calendar .red-checkbox .form-check-input[type=checkbox].filled-in:checked + label:after { + background-color: #fb0025; + border: 2px solid #fb0025; } + .md-calendar .red-checkbox .form-check-input[type=checkbox].filled-in:not(:checked) + label:after { + border: 2px solid #fb0025; } + .md-calendar .purple-checkbox .form-check-input[type=checkbox].filled-in:checked + label:after { + background-color: #69004b; + border: 2px solid #69004b; } + .md-calendar .purple-checkbox .form-check-input[type=checkbox].filled-in:not(:checked) + label:after { + border: 2px solid #69004b; } + .md-calendar .blue-checkbox .form-check-input[type=checkbox].filled-in:checked + label:after { + background-color: #0d47a1; + border: 2px solid #0d47a1; } + .md-calendar .blue-checkbox .form-check-input[type=checkbox].filled-in:not(:checked) + label:after { + border: 2px solid #0d47a1; } + .md-calendar .teal-checkbox .form-check-input[type=checkbox].filled-in:checked + label:after { + background-color: #00695c; + border: 2px solid #00695c; } + .md-calendar .teal-checkbox .form-check-input[type=checkbox].filled-in:not(:checked) + label:after { + border: 2px solid #00695c; } + .md-calendar .unique-checkbox .form-check-input[type=checkbox].filled-in:checked + label:after { + background-color: #3F729B; + border: 2px solid #3F729B; } + .md-calendar .unique-checkbox .form-check-input[type=checkbox].filled-in:not(:checked) + label:after { + border: 2px solid #3F729B; } \ No newline at end of file diff --git a/static/css/addons-pro/cards-extended.min.css b/static/css/addons-pro/cards-extended.min.css new file mode 100644 index 000000000..3d640aa61 --- /dev/null +++ b/static/css/addons-pro/cards-extended.min.css @@ -0,0 +1 @@ +.card.gradient-card .second-content,.card.gradient-card .third-content,.card.gradient-card:focus-within .first-content{display:none}.card.promoting-card .fa{-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.card.promoting-card .fa[class*=fa-]:hover{-webkit-transition:.4s;-o-transition:.4s;transition:.4s;cursor:pointer}.card.weather-card .collapse-content a.collapsed:after{content:'Expand'}.card.weather-card .collapse-content a:not(.collapsed):after{content:'Collapse'}.card.weather-card .degree:after{content:"°C";position:absolute;font-size:3rem;margin-top:.9rem;font-weight:400}.card.gradient-card{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.card.gradient-card .card-body,.card.gradient-card:focus-within{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.card.gradient-card .first-content .card-title{font-weight:500}.card.gradient-card .card-body{transition:all .5s ease-in-out;opacity:0;visibility:hidden;overflow:hidden;height:0;padding-bottom:0;padding-top:0}.card.gradient-card .card-image,.card.gradient-card .card-image .mask{-webkit-border-radius:.25rem;border-radius:.25rem}.card.gradient-card:focus-within{margin-top:3rem;transition:all .5s ease-in-out}.card.gradient-card:focus-within .card-image{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:7rem;height:7rem;margin-top:-2rem;margin-left:1rem;-webkit-border-radius:.25rem;border-radius:.25rem;margin-bottom:2rem}.card.gradient-card:focus-within .card-image .mask{-webkit-border-radius:.25rem;border-radius:.25rem}.card.gradient-card:focus-within .card-body{-webkit-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out;visibility:visible;opacity:1;overflow:visible;padding-bottom:1.25rem;padding-top:1.25rem;height:auto;-webkit-border-radius:.25rem;border-radius:.25rem}.card.gradient-card:focus-within .card-body .progress,.card.gradient-card:focus-within .card-body .progress .progress-bar{height:.4rem}.card.gradient-card:focus-within .second-content{display:block}.card.gradient-card:focus-within .third-content{display:block;margin-top:-6rem}@media (max-device-width:1025px){.card.gradient-card:hover{margin-top:3rem;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.card.gradient-card:hover .card-image{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:7rem;height:7rem;margin-top:-2rem;margin-left:1rem;-webkit-border-radius:.25rem;border-radius:.25rem;margin-bottom:2rem;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.card.gradient-card:hover .card-image .mask{-webkit-border-radius:.25rem;border-radius:.25rem}.card.gradient-card:hover .card-body{-webkit-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out;visibility:visible;opacity:1;overflow:visible;padding-bottom:1.25rem;padding-top:1.25rem;height:auto;-webkit-border-radius:.25rem;border-radius:.25rem}.card.gradient-card:hover .card-body .progress,.card.gradient-card:hover .card-body .progress .progress-bar{height:.4rem}.card.gradient-card:hover .first-content{display:none}.card.gradient-card:hover .second-content{display:block}.card.gradient-card:hover .third-content{display:block;margin-top:-6rem}}.card.booking-card .rating{font-size:.7rem}.card.chart-card .classic-tabs .nav li a.active{border-bottom:2px solid;-webkit-transition:width .5s ease,background-color .5s ease;-o-transition:width .5s ease,background-color .5s ease;transition:width .5s ease,background-color .5s ease}.card.chart-card .classic-tabs .nav.tabs-white li a{color:#757575;font-weight:500}.card.chart-card .classic-tabs .nav.tabs-white li a.active{color:#673ab7}.card.chart-card .btn-deep-purple-accent i,.card.chart-card .btn-teal-accent i{color:#000!important}.card.chart-card .btn-deep-purple-accent{background-color:#b388ff;margin-top:-65px}.card.chart-card .btn-teal-accent{background-color:#1de9b6;margin-top:-65px}.card.colorful-card .indigo-accent-text{color:#304ffe}.card.colorful-card .btn-indigo-accent{background-color:#304ffe}.card.colorful-card .yellow-darken-text{color:#fdd835}.card.colorful-card .testimonial-card .avatar{width:55px;margin-top:-30px;border:3px solid #fff}.card.colorful-card .testimonial-card .avatar img{width:50px;height:50px}.card.colorful-card .brown-darken-text{color:#3e2723}.card.colorful-card .btn-red-lighten{background-color:#ffcdd2}.card.panels-card .hour{font-size:.8rem;margin-top:.3rem}.card-wrapper.card-action{min-height:640px}@media (max-width:450px){.card-wrapper.card-action{min-height:790px}}.card-form .md-form input[type=email]:focus:not([readonly]),.card-form .md-form input[type=password]:focus:not([readonly]),.card-form .md-form input[type=text]:focus:not([readonly]){-webkit-box-shadow:0 1px 0 0 #fff;box-shadow:0 1px 0 0 #fff;border-bottom:1px solid #fff}.card-form .card-form-2{-webkit-border-top-left-radius:21px;border-top-left-radius:21px;-webkit-border-top-right-radius:21px;border-top-right-radius:21px;margin-top:-35px}.card-form .card-form-2 .form-check-input[type=checkbox].filled-in:checked+label:after,.card-form .card-form-2 label.btn input[type=checkbox].filled-in:checked+label:after{background-color:#e53935;border:2px solid #e53935}.card-form .card-form-2 .btn-outline-red-accent{border:2px solid #e53935;background-color:transparent;color:#e53935}.card-form .card-form-2 .pink-accent-text{color:#c51162}.z-depth-1-bottom{-webkit-box-shadow:0 5px 5px -2px rgba(0,0,0,.16);box-shadow:0 5px 5px -2px rgba(0,0,0,.16)}.md-calendar{background-color:#69004b}.md-calendar .days,.md-calendar .weekdays{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.md-calendar .days li,.md-calendar .weekdays li{text-align:center;width:13.6%;padding:.9rem 0}.md-calendar .days li{margin-bottom:.5rem;font-size:.9rem}.md-calendar .days li.active{background-color:#fb0025}.md-calendar .days li.active.rounded-right{-webkit-border-top-right-radius:50%!important;border-top-right-radius:50%!important;-webkit-border-bottom-right-radius:50%!important;border-bottom-right-radius:50%!important}.md-calendar .days li.active.rounded-left{-webkit-border-top-left-radius:50%!important;border-top-left-radius:50%!important;-webkit-border-bottom-left-radius:50%!important;border-bottom-left-radius:50%!important}.md-calendar .red-checkbox .form-check-input[type=checkbox].filled-in:checked+label:after{background-color:#fb0025;border:2px solid #fb0025}.md-calendar .red-checkbox .form-check-input[type=checkbox].filled-in:not(:checked)+label:after{border:2px solid #fb0025}.md-calendar .purple-checkbox .form-check-input[type=checkbox].filled-in:checked+label:after{background-color:#69004b;border:2px solid #69004b}.md-calendar .purple-checkbox .form-check-input[type=checkbox].filled-in:not(:checked)+label:after{border:2px solid #69004b}.md-calendar .blue-checkbox .form-check-input[type=checkbox].filled-in:checked+label:after{background-color:#0d47a1;border:2px solid #0d47a1}.md-calendar .blue-checkbox .form-check-input[type=checkbox].filled-in:not(:checked)+label:after{border:2px solid #0d47a1}.md-calendar .teal-checkbox .form-check-input[type=checkbox].filled-in:checked+label:after{background-color:#00695c;border:2px solid #00695c}.md-calendar .teal-checkbox .form-check-input[type=checkbox].filled-in:not(:checked)+label:after{border:2px solid #00695c}.md-calendar .unique-checkbox .form-check-input[type=checkbox].filled-in:checked+label:after{background-color:#3F729B;border:2px solid #3F729B}.md-calendar .unique-checkbox .form-check-input[type=checkbox].filled-in:not(:checked)+label:after{border:2px solid #3F729B} \ No newline at end of file diff --git a/static/css/addons-pro/chat.css b/static/css/addons-pro/chat.css new file mode 100644 index 000000000..d4030d6b1 --- /dev/null +++ b/static/css/addons-pro/chat.css @@ -0,0 +1,14 @@ +.chat-room .friend-list li { + border-bottom: 1px solid #e0e0e0; } + .chat-room .friend-list li:last-of-type { + border-bottom: none; } + +.chat-room img.avatar { + height: 3rem; + width: 3rem; } + +.chat-room .text-small { + font-size: 0.95rem; } + +.chat-room .text-smaller { + font-size: 0.75rem; } diff --git a/static/css/addons-pro/chat.min.css b/static/css/addons-pro/chat.min.css new file mode 100644 index 000000000..e313c4f9b --- /dev/null +++ b/static/css/addons-pro/chat.min.css @@ -0,0 +1 @@ +.chat-room .friend-list li{border-bottom:1px solid #e0e0e0}.chat-room .friend-list li:last-of-type{border-bottom:none}.chat-room img.avatar{height:3rem;width:3rem}.chat-room .text-small{font-size:.95rem}.chat-room .text-smaller{font-size:.75rem} \ No newline at end of file diff --git a/static/css/addons-pro/muli-range.css b/static/css/addons-pro/muli-range.css new file mode 100644 index 000000000..f61133306 --- /dev/null +++ b/static/css/addons-pro/muli-range.css @@ -0,0 +1,147 @@ +/*** Global ***/ +@supports (--css: variables) { + input[type="range"].mdbMultiRange { + padding: 0; + margin: 0; + display: inline-block; + vertical-align: top; } + input[type="range"].mdbMultiRange.original { + position: absolute; } + input[type="range"].mdbMultiRange.original::-webkit-slider-thumb { + position: relative; + z-index: 2; } + input[type="range"].mdbMultiRange.original::-moz-range-thumb { + transform: scale(1); + z-index: 1; } + input[type="range"].mdbMultiRange::-moz-range-track { + border-color: transparent; } + input[type="range"].mdbMultiRange.ghost { + position: relative; } + input[type="range"].mdbMultiRange.ghost:nth-of-type(n+1) { + position: absolute; } } + +.multi-range-field { + position: relative; } + .multi-range-field input[type=range] { + cursor: pointer; + position: relative; + background-color: transparent; + border: none; + outline: none; + width: 100%; + margin: 15px 0px; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 1px solid #fff; + /* fix for FF unable to apply focus style bug */ } + .multi-range-field input[type=range]:focus { + outline: none; } + .multi-range-field input[type=range] + .thumb { + position: absolute; + border: none; + height: 0; + width: 0; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #4285f4; + top: 10px; + margin-left: -6px; + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } + .multi-range-field input[type=range] + .thumb .value { + display: block; + width: 30px; + text-align: center; + color: #4285f4; + font-size: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } + .multi-range-field input[type=range] + .thumb.active { + -webkit-border-radius: 50% 50% 50% 0; + border-radius: 50% 50% 50% 0; } + .multi-range-field input[type=range] + .thumb.active .value { + color: #fff; + margin-left: -1px; + margin-top: 8px; + font-size: 10px; } + .multi-range-field input[type=range]::-webkit-slider-runnable-track { + height: 3px; + background: #c2c0c2; + border: none; } + .multi-range-field input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + border: none; + height: 14px; + width: 14px; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #4285f4; + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + margin: -5px 0 0 0; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; } + .multi-range-field input[type=range]:focus::-webkit-slider-runnable-track { + background: #ccc; } + .multi-range-field input[type=range]::-moz-range-track { + /*required for proper track sizing in FF*/ + height: 3px; + background: #c2c0c2; + border: none; } + .multi-range-field input[type=range]::-moz-range-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: #4285f4; + margin-top: -5px; } + .multi-range-field input[type=range]:-moz-focusring { + /*hide the outline behind the border*/ + outline: 1px solid #fff; + outline-offset: -1px; } + .multi-range-field input[type=range]:focus::-moz-range-track { + background: #c2c0c2; } + .multi-range-field input[type=range]::-ms-track { + height: 3px; + background: transparent; + /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ + border-color: transparent; + /*leave room for the larger thumb to overflow with a transparent border */ + border-width: 6px 0; + color: transparent; + /*remove default tick marks*/ } + .multi-range-field input[type=range]::-ms-fill-lower { + background: #c2c0c2; } + .multi-range-field input[type=range]::-ms-fill-upper { + background: #c2c0c2; } + .multi-range-field input[type=range]::-ms-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: #4285f4; } + .multi-range-field input[type=range]:focus::-ms-fill-lower { + background: #c2c0c2; } + .multi-range-field input[type=range]:focus::-ms-fill-upper { + background: #c2c0c2; } + +.thumb-horizontal-wrapper { + position: relative; + -webkit-transform: rotate(-270deg); + -ms-transform: rotate(-270deg); + transform: rotate(-270deg); + top: 500px; } + +.multi-range-field input[type=range] + .thumb-horizontal .value { + -webkit-transform: rotate(315deg) !important; + -ms-transform: rotate(315deg) !important; + transform: rotate(315deg) !important; } diff --git a/static/css/addons-pro/muli-range.min.css b/static/css/addons-pro/muli-range.min.css new file mode 100644 index 000000000..979a03095 --- /dev/null +++ b/static/css/addons-pro/muli-range.min.css @@ -0,0 +1 @@ +@supports (--css:variables){input[type=range].mdbMultiRange{padding:0;margin:0;display:inline-block;vertical-align:top}input[type=range].mdbMultiRange.original{position:absolute}input[type=range].mdbMultiRange.original::-webkit-slider-thumb{position:relative;z-index:2}input[type=range].mdbMultiRange.original::-moz-range-thumb{transform:scale(1);z-index:1}input[type=range].mdbMultiRange::-moz-range-track{border-color:transparent}input[type=range].mdbMultiRange.ghost{position:relative}input[type=range].mdbMultiRange.ghost:nth-of-type(n+1){position:absolute}}.multi-range-field{position:relative}.multi-range-field input[type=range]{cursor:pointer;position:relative;background-color:transparent;outline:0;width:100%;margin:15px 0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #fff}.multi-range-field input[type=range]:focus{outline:0}.multi-range-field input[type=range]+.thumb{position:absolute;border:none;height:0;width:0;-webkit-border-radius:50%;border-radius:50%;background-color:#4285f4;top:10px;margin-left:-6px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.multi-range-field input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#4285f4;font-size:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.multi-range-field input[type=range]+.thumb.active{-webkit-border-radius:50% 50% 50% 0;border-radius:50% 50% 50% 0}.multi-range-field input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}.multi-range-field input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}.multi-range-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;height:14px;width:14px;-webkit-border-radius:50%;border-radius:50%;background-color:#4285f4;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.multi-range-field input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}.multi-range-field input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}.multi-range-field input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#4285f4;margin-top:-5px}.multi-range-field input[type=range]:-moz-focusring{outline:#fff solid 1px;outline-offset:-1px}.multi-range-field input[type=range]:focus::-moz-range-track{background:#c2c0c2}.multi-range-field input[type=range]::-ms-track{height:3px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}.multi-range-field input[type=range]::-ms-fill-lower{background:#c2c0c2}.multi-range-field input[type=range]::-ms-fill-upper{background:#c2c0c2}.multi-range-field input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#4285f4}.multi-range-field input[type=range]:focus::-ms-fill-lower{background:#c2c0c2}.multi-range-field input[type=range]:focus::-ms-fill-upper{background:#c2c0c2}.thumb-horizontal-wrapper{position:relative;-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg);top:500px}.multi-range-field input[type=range]+.thumb-horizontal .value{-webkit-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important} \ No newline at end of file diff --git a/static/css/addons-pro/stepper.css b/static/css/addons-pro/stepper.css new file mode 100644 index 000000000..6a0c6a8dc --- /dev/null +++ b/static/css/addons-pro/stepper.css @@ -0,0 +1,281 @@ +/* Materializecss Stepper - By Kinark 2016 +// https://github.com/Kinark/Materialize-stepper +// CSS v2.1.3 +*/ +/*Validate.js FIX*/ +label.invalid { + font-size: 12.8px; + font-size: 0.8rem; + font-weight: 500; + color: red !important; + top: 50px !important; } + label.invalid.active { + -webkit-transform: translateY(0%) !important; + -ms-transform: translateY(0%) !important; + transform: translateY(0%) !important; } + +/*Validate.js FIX*/ +ul.stepper .wait-feedback { + left: 0; + right: 0; + top: 0; + z-index: 2; + position: absolute; + width: 100%; + height: 100%; + text-align: center; + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +ul.stepper .step { + position: relative; + list-style: none; } + ul.stepper .step.feedbacking .step-new-content > *:not(.wait-feedback) { + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } + ul.stepper .step:not(:last-of-type).active { + margin-bottom: 2.25rem; } + ul.stepper .step:before { + position: absolute; + top: 0.75rem; + counter-increment: section; + content: counter(section); + height: 1.75rem; + width: 1.75rem; + color: white; + background-color: rgba(0, 0, 0, 0.3); + -webkit-border-radius: 100%; + border-radius: 100%; + text-align: center; + line-height: 1.75rem; + font-weight: 400; } + ul.stepper .step.active:before { + background-color: #4285f4; } + ul.stepper .step.done:before { + content: '\f00c'; + font-family: FontAwesome; + font-size: 1rem; + background-color: #00c851; } + ul.stepper .step.wrong:before { + content: '\f071'; + font-family: FontAwesome; + font-size: 1.1rem; + background-color: #ff3547; } + +ul.stepper > li:not(:last-of-type) { + margin-bottom: 0.625rem; + -webkit-transition: margin-bottom 0.4s; + -o-transition: margin-bottom 0.4s; + transition: margin-bottom 0.4s; } + +ul.stepper .step-title { + margin: 0 -1.3rem; + cursor: pointer; + padding: 0.9688rem 2.75rem 1.5rem 4rem; + display: block; } + ul.stepper .step-title:after { + content: attr(data-step-label); + display: block; + position: absolute; + font-size: 0.8rem; + color: #424242; + font-weight: 400; } + ul.stepper .step-title:hover { + background-color: rgba(0, 0, 0, 0.06); } + +ul.stepper .step.active .step-title { + font-weight: 500; } + +ul.stepper .step-new-content { + position: relative; + display: none; + height: -webkit-calc(100% - 132px); + height: calc(100% - 132px); + width: inherit; + overflow: visible; + margin-left: 41px; + margin-right: 24px; } + +ul.stepper > .step:not(:last-of-type):after { + content: ''; + position: absolute; + top: 3.125rem; + left: 0.8438rem; + width: 0.0625rem; + height: 40%; + height: -webkit-calc(100% - 38px); + height: calc(100% - 38px); + background-color: rgba(0, 0, 0, 0.1); + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; } + +ul.stepper > .step.active:not(:last-child):after { + height: 93%; + height: -webkit-calc(100% - 12px); + height: calc(100% - 12px); } + +ul.stepper > .step[data-last="true"] { + margin-bottom: 0; } + ul.stepper > .step[data-last="true"]:after { + height: 0; + width: 0; } + +ul.stepper .step-actions { + display: -webkit-box; + -webkit-box-pack: start; } + ul.stepper .step-actions .btn:not(:last-child), + ul.stepper .step-actions .btn-flat:not(:last-child), + ul.stepper .step-actions .btn-large:not(:last-child) { + margin-right: 0.3125rem; } + +ul.stepper .step-new-content .row { + margin-bottom: 0.4375rem; } + +ul.stepper .md-form label { + left: 0.875rem; } + +ul.stepper .md-form .validate { + margin-bottom: 0; } + +@media only screen and (min-width: 993px) { + ul.stepper.horizontal { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + min-height: 20rem; + margin-left: -1.5rem; + margin-right: -1.5rem; + padding-left: 1.5rem; + padding-right: 1.5rem; + overflow: hidden; } + ul.stepper.horizontal:before { + content: ''; + background-color: transparent; + width: 100%; + min-height: 5.25rem; + position: absolute; + left: -3px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; } + ul.stepper.horizontal:first-child { + margin-top: -2.7rem; } + ul.stepper.horizontal .step { + position: static; + margin: 0; + width: 100%; + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 5.25rem !important; } + ul.stepper.horizontal .step:not(:last-of-type):after { + content: ''; + position: static; + display: inline-block; + width: 100%; + height: 0.0625rem; } + ul.stepper.horizontal > .step:last-of-type, ul.stepper.horizontal > .step[data-last="true"] { + width: auto !important; } + ul.stepper.horizontal > .step.active:not(:last-of-type):after { + content: ''; + position: static; + display: inline-block; + width: 100%; + height: 0.0625rem; } + ul.stepper.horizontal .step.active .step-title:before { + background-color: #4285f4; } + ul.stepper.horizontal .step.done .step-title:before { + content: '\f00c'; + font-family: FontAwesome; + font-size: 1rem; + background: #00c851; } + ul.stepper.horizontal .step.wrong .step-title:before { + content: '\f071'; + font-family: FontAwesome; + font-size: 1.1rem; + background-color: #ff3547; } + ul.stepper.horizontal .step-title { + line-height: 5.25rem; + height: 5.25rem; + margin: 0; + padding: 0 1.5625rem 0 4.0625rem; + display: inline-block; + max-width: 13.75rem; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + -ms-flex-negative: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; } + ul.stepper.horizontal .step:before { + content: none; } + ul.stepper.horizontal .step .step-title:before { + position: absolute; + top: 1.7813rem; + left: 1.1875rem; + counter-increment: section; + content: counter(section); + height: 1.75rem; + width: 1.75rem; + color: white; + background-color: rgba(0, 0, 0, 0.3); + -webkit-border-radius: 100%; + border-radius: 100%; + text-align: center; + line-height: 1.75rem; + font-weight: 400; } + ul.stepper.horizontal .step-title:after { + top: 0.9375rem; } + ul.stepper.horizontal .step-new-content { + position: absolute; + height: -webkit-calc(100% - 84px); + height: calc(100% - 84px); + top: 6rem; + left: 0; + width: 100%; + overflow-y: hidden; + overflow-x: hidden; + margin: 0; + padding: 1.25rem 1.25rem 4.75rem 1.25rem; } + ul.stepper.horizontal .step-actions { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } + ul.stepper.horizontal .step-actions .btn:not(:last-child), + ul.stepper.horizontal .step-actions .btn-flat:not(:last-child), + ul.stepper.horizontal .step-actions .btn-large:not(:last-child) { + margin-left: 0.3125rem; + margin-right: 0; } + ul.stepper.horizontal .step-new-content, + ul.stepper.horizontal .step-actions { + padding-left: 2.5rem; + padding-right: 2.5rem; } } diff --git a/static/css/addons-pro/stepper.min.css b/static/css/addons-pro/stepper.min.css new file mode 100644 index 000000000..6a50e2793 --- /dev/null +++ b/static/css/addons-pro/stepper.min.css @@ -0,0 +1 @@ +label.invalid{font-size:12.8px;font-size:.8rem;font-weight:500;color:red!important;top:50px!important}label.invalid.active{-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important}ul.stepper .wait-feedback{left:0;right:0;top:0;z-index:2;position:absolute;width:100%;height:100%;text-align:center;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}ul.stepper .step{position:relative;list-style:none}ul.stepper .step.feedbacking .step-new-content>:not(.wait-feedback){opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"}ul.stepper .step:not(:last-of-type).active{margin-bottom:2.25rem}ul.stepper .step:before{position:absolute;top:.75rem;counter-increment:section;content:counter(section);height:1.75rem;width:1.75rem;color:#fff;background-color:rgba(0,0,0,.3);-webkit-border-radius:100%;border-radius:100%;text-align:center;line-height:1.75rem;font-weight:400}ul.stepper .step.active:before{background-color:#4285f4}ul.stepper .step.done:before{content:'\f00c';font-family:FontAwesome;font-size:1rem;background-color:#00c851}ul.stepper .step.wrong:before{content:'\f071';font-family:FontAwesome;font-size:1.1rem;background-color:#ff3547}ul.stepper>li:not(:last-of-type){margin-bottom:.625rem;-webkit-transition:margin-bottom .4s;-o-transition:margin-bottom .4s;transition:margin-bottom .4s}ul.stepper .step-title{margin:0 -1.3rem;cursor:pointer;padding:.9688rem 2.75rem 1.5rem 4rem;display:block}ul.stepper .step-title:after{content:attr(data-step-label);display:block;position:absolute;font-size:.8rem;color:#424242;font-weight:400}ul.stepper .step-title:hover{background-color:rgba(0,0,0,.06)}ul.stepper .step.active .step-title{font-weight:500}ul.stepper .step-new-content{position:relative;display:none;height:-webkit-calc(100% - 132px);height:calc(100% - 132px);width:inherit;overflow:visible;margin-left:41px;margin-right:24px}ul.stepper>.step:not(:last-of-type):after{content:'';position:absolute;top:3.125rem;left:.8438rem;width:.0625rem;height:40%;height:-webkit-calc(100% - 38px);height:calc(100% - 38px);background-color:rgba(0,0,0,.1);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}ul.stepper>.step.active:not(:last-child):after{height:93%;height:-webkit-calc(100% - 12px);height:calc(100% - 12px)}ul.stepper>.step[data-last=true]{margin-bottom:0}ul.stepper>.step[data-last=true]:after{height:0;width:0}ul.stepper .step-actions{display:-webkit-box;-webkit-box-pack:start}ul.stepper .step-actions .btn-flat:not(:last-child),ul.stepper .step-actions .btn-large:not(:last-child),ul.stepper .step-actions .btn:not(:last-child){margin-right:.3125rem}ul.stepper .step-new-content .row{margin-bottom:.4375rem}ul.stepper .md-form label{left:.875rem}ul.stepper .md-form .validate{margin-bottom:0}@media only screen and (min-width:993px){ul.stepper.horizontal{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:20rem;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;overflow:hidden}ul.stepper.horizontal:before{content:'';background-color:transparent;width:100%;min-height:5.25rem;position:absolute;left:-3px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px}ul.stepper.horizontal:first-child{margin-top:-2.7rem}ul.stepper.horizontal .step{position:static;margin:0;width:100%;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5.25rem!important}ul.stepper.horizontal .step:not(:last-of-type):after{content:'';position:static;display:inline-block;width:100%;height:.0625rem}ul.stepper.horizontal>.step:last-of-type,ul.stepper.horizontal>.step[data-last=true]{width:auto!important}ul.stepper.horizontal>.step.active:not(:last-of-type):after{content:'';position:static;display:inline-block;width:100%;height:.0625rem}ul.stepper.horizontal .step.active .step-title:before{background-color:#4285f4}ul.stepper.horizontal .step.done .step-title:before{content:'\f00c';font-family:FontAwesome;font-size:1rem;background:#00c851}ul.stepper.horizontal .step.wrong .step-title:before{content:'\f071';font-family:FontAwesome;font-size:1.1rem;background-color:#ff3547}ul.stepper.horizontal .step-title{line-height:5.25rem;height:5.25rem;margin:0;padding:0 1.5625rem 0 4.0625rem;display:inline-block;max-width:13.75rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}ul.stepper.horizontal .step:before{content:none}ul.stepper.horizontal .step .step-title:before{position:absolute;top:1.7813rem;left:1.1875rem;counter-increment:section;content:counter(section);height:1.75rem;width:1.75rem;color:#fff;background-color:rgba(0,0,0,.3);-webkit-border-radius:100%;border-radius:100%;text-align:center;line-height:1.75rem;font-weight:400}ul.stepper.horizontal .step-title:after{top:.9375rem}ul.stepper.horizontal .step-new-content{position:absolute;height:-webkit-calc(100% - 84px);height:calc(100% - 84px);top:6rem;left:0;width:100%;overflow-y:hidden;overflow-x:hidden;margin:0;padding:1.25rem 1.25rem 4.75rem}ul.stepper.horizontal .step-actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}ul.stepper.horizontal .step-actions .btn-flat:not(:last-child),ul.stepper.horizontal .step-actions .btn-large:not(:last-child),ul.stepper.horizontal .step-actions .btn:not(:last-child){margin-left:.3125rem;margin-right:0}ul.stepper.horizontal .step-actions,ul.stepper.horizontal .step-new-content{padding-left:2.5rem;padding-right:2.5rem}} \ No newline at end of file diff --git a/static/css/addons-pro/steppers.css b/static/css/addons-pro/steppers.css new file mode 100644 index 000000000..1688f69ac --- /dev/null +++ b/static/css/addons-pro/steppers.css @@ -0,0 +1,354 @@ +/* Materializecss Stepper - By Kinark 2016 +// https://github.com/Kinark/Materialize-stepper +// CSS v2.1.3 +*/ +/*Validate.js FIX*/ +label.invalid { + font-size: 12.8px; + font-size: 0.8rem; + font-weight: 500; + color: red !important; + top: 50px !important; +} + +label.invalid.active { + -webkit-transform: translateY(0%) !important; + -ms-transform: translateY(0%) !important; + transform: translateY(0%) !important; +} + +/*Validate.js FIX*/ +ul.stepper .wait-feedback { + left: 0; + right: 0; + top: 0; + z-index: 2; + position: absolute; + width: 100%; + height: 100%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +ul.stepper .step { + position: relative; + list-style: none; +} + +ul.stepper .step.feedbacking .step-new-content>*:not(.wait-feedback) { + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; +} + +ul.stepper .step:not(:last-of-type).active { + margin-bottom: 2.25rem; +} + +ul.stepper .step:before { + position: absolute; + top: 0.75rem; + counter-increment: section; + content: counter(section); + height: 1.75rem; + width: 1.75rem; + color: white; + background-color: rgba(0, 0, 0, 0.3); + -webkit-border-radius: 100%; + border-radius: 100%; + text-align: center; + line-height: 1.75rem; + font-weight: 400; +} + +ul.stepper .step.active:before { + background-color: #4285f4; +} + +ul.stepper .step.done:before { + content: '\f00c'; + font-family: 'Font Awesome 5 free'; + font-size: 1rem; + font-weight: 900; + background-color: #00c851; +} + +ul.stepper .step.wrong:before { + content: '\f071'; + font-family: 'Font Awesome 5 free'; + font-size: 1.1rem; + font-weight: 900; + background-color: #ff3547; +} + +ul.stepper>li:not(:last-of-type) { + margin-bottom: 0.625rem; + -webkit-transition: margin-bottom 0.4s; + -o-transition: margin-bottom 0.4s; + transition: margin-bottom 0.4s; +} + +ul.stepper .step-title { + margin: 0 -1.3rem; + cursor: pointer; + padding: 0.9688rem 2.75rem 1.5rem 4rem; + display: block; +} + +ul.stepper .step-title:after { + content: attr(data-step-label); + display: block; + position: absolute; + font-size: 0.8rem; + color: #424242; + font-weight: 400; +} + +ul.stepper .step-title:hover { + background-color: rgba(0, 0, 0, 0.06); +} + +ul.stepper .step.active .step-title { + font-weight: 500; +} + +ul.stepper .step-new-content { + position: relative; + display: none; + height: calc(100% - 132px); + width: inherit; + overflow: visible; + margin-left: 41px; + margin-right: 24px; +} + +ul.stepper>.step:not(:last-of-type):after { + content: ''; + position: absolute; + top: 3.125rem; + left: 0.8438rem; + width: 0.0625rem; + height: 40%; + height: calc(100% - 38px); + background-color: rgba(0, 0, 0, 0.1); + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; +} + +ul.stepper>.step.active:not(:last-child):after { + height: 93%; + height: calc(100% - 12px); +} + +ul.stepper>.step[data-last="true"] { + margin-bottom: 0; +} + +ul.stepper>.step[data-last="true"]:after { + height: 0; + width: 0; +} + +ul.stepper .step-actions { + display: -webkit-box; + -webkit-box-pack: start; +} + +ul.stepper .step-actions .btn:not(:last-child), +ul.stepper .step-actions .btn-flat:not(:last-child), +ul.stepper .step-actions .btn-large:not(:last-child) { + margin-right: 0.3125rem; +} + +ul.stepper .step-new-content .row { + margin-bottom: 0.4375rem; +} + +ul.stepper .md-form label { + left: 0.875rem; +} + +ul.stepper .md-form .validate { + margin-bottom: 0; +} + +@media only screen and (min-width: 993px) { + ul.stepper.horizontal { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 20rem; + margin-left: -1.5rem; + margin-right: -1.5rem; + padding-left: 1.5rem; + padding-right: 1.5rem; + overflow: hidden; + } + + ul.stepper.horizontal:before { + content: ''; + background-color: transparent; + width: 100%; + min-height: 5.25rem; + position: absolute; + left: -3px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + } + + ul.stepper.horizontal:first-child { + margin-top: -2.7rem; + } + + ul.stepper.horizontal .step { + position: static; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 5.25rem !important; + } + + ul.stepper.horizontal .step:not(:last-of-type):after { + content: ''; + position: static; + display: inline-block; + width: 100%; + height: 0.0625rem; + } + + ul.stepper.horizontal>.step:last-of-type, + ul.stepper.horizontal>.step[data-last="true"] { + width: auto !important; + } + + ul.stepper.horizontal>.step.active:not(:last-of-type):after { + content: ''; + position: static; + display: inline-block; + width: 100%; + height: 0.0625rem; + } + + ul.stepper.horizontal .step.active .step-title:before { + background-color: #4285f4; + } + + ul.stepper.horizontal .step.done .step-title:before { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: '\f00c'; + font-size: 1rem; + background: #00c851; + } + + ul.stepper.horizontal .step.wrong .step-title:before { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: '\f071'; + font-size: 1.1rem; + background-color: #ff3547; + } + + ul.stepper.horizontal .step-title { + line-height: 5.25rem; + height: 5.25rem; + margin: 0; + padding: 0 1.5625rem 0 4.0625rem; + display: inline-block; + max-width: 13.75rem; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + -ms-flex-negative: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; + } + + ul.stepper.horizontal .step:before { + content: none; + } + + ul.stepper.horizontal .step .step-title:before { + position: absolute; + top: 1.7813rem; + left: 1.1875rem; + counter-increment: section; + content: counter(section); + height: 1.75rem; + width: 1.75rem; + color: white; + background-color: rgba(0, 0, 0, 0.3); + -webkit-border-radius: 100%; + border-radius: 100%; + text-align: center; + line-height: 1.75rem; + font-weight: 400; + } + + ul.stepper.horizontal .step-title:after { + top: 0.9375rem; + } + + ul.stepper.horizontal .step-new-content { + position: absolute; + height: calc(100% - 84px); + top: 6rem; + left: 0; + width: 100%; + overflow-y: auto; + overflow-x: hidden; + margin: 0; + padding: 1.25rem 1.25rem 4.75rem 1.25rem; + } + + ul.stepper.horizontal .step-actions { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 20px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + ul.stepper.horizontal .step-actions .btn:not(:last-child), + ul.stepper.horizontal .step-actions .btn-flat:not(:last-child), + ul.stepper.horizontal .step-actions .btn-large:not(:last-child) { + margin-left: 0.3125rem; + margin-right: 0; + } + + ul.stepper.horizontal .step-new-content, + ul.stepper.horizontal .step-actions { + padding-left: 2.5rem; + padding-right: 2.5rem; + } +} diff --git a/static/css/addons-pro/steppers.min.css b/static/css/addons-pro/steppers.min.css new file mode 100644 index 000000000..c3b0e4327 --- /dev/null +++ b/static/css/addons-pro/steppers.min.css @@ -0,0 +1 @@ +label.invalid{font-size:12.8px;font-size:.8rem;font-weight:500;color:red!important;top:50px!important}label.invalid.active{-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important}ul.stepper .wait-feedback{left:0;right:0;top:0;z-index:2;position:absolute;width:100%;height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}ul.stepper .step{position:relative;list-style:none}ul.stepper .step.feedbacking .step-new-content>:not(.wait-feedback){opacity:.1}ul.stepper .step:not(:last-of-type).active{margin-bottom:2.25rem}ul.stepper .step:before{position:absolute;top:.75rem;counter-increment:section;content:counter(section);height:1.75rem;width:1.75rem;color:#fff;background-color:rgba(0,0,0,.3);-webkit-border-radius:100%;border-radius:100%;text-align:center;line-height:1.75rem;font-weight:400}ul.stepper .step.active:before{background-color:#4285f4}ul.stepper .step.done:before{content:'\f00c';font-family:'Font Awesome 5 free';font-size:1rem;font-weight:900;background-color:#00c851}ul.stepper .step.wrong:before{content:'\f071';font-family:'Font Awesome 5 free';font-size:1.1rem;font-weight:900;background-color:#ff3547}ul.stepper>li:not(:last-of-type){margin-bottom:.625rem;-webkit-transition:margin-bottom .4s;-o-transition:margin-bottom .4s;transition:margin-bottom .4s}ul.stepper .step-title{margin:0 -1.3rem;cursor:pointer;padding:.9688rem 2.75rem 1.5rem 4rem;display:block}ul.stepper .step-title:after{content:attr(data-step-label);display:block;position:absolute;font-size:.8rem;color:#424242;font-weight:400}ul.stepper .step-title:hover{background-color:rgba(0,0,0,.06)}ul.stepper .step.active .step-title{font-weight:500}ul.stepper .step-new-content{position:relative;display:none;height:calc(100% - 132px);width:inherit;overflow:visible;margin-left:41px;margin-right:24px}ul.stepper>.step:not(:last-of-type):after{content:'';position:absolute;top:3.125rem;left:.8438rem;width:.0625rem;height:40%;height:calc(100% - 38px);background-color:rgba(0,0,0,.1);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}ul.stepper>.step.active:not(:last-child):after{height:93%;height:calc(100% - 12px)}ul.stepper>.step[data-last=true]{margin-bottom:0}ul.stepper>.step[data-last=true]:after{height:0;width:0}ul.stepper .step-actions{display:-webkit-box;-webkit-box-pack:start}ul.stepper .step-actions .btn-flat:not(:last-child),ul.stepper .step-actions .btn-large:not(:last-child),ul.stepper .step-actions .btn:not(:last-child){margin-right:.3125rem}ul.stepper .step-new-content .row{margin-bottom:.4375rem}ul.stepper .md-form label{left:.875rem}ul.stepper .md-form .validate{margin-bottom:0}@media only screen and (min-width:993px){ul.stepper.horizontal{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:20rem;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;overflow:hidden}ul.stepper.horizontal:before{content:'';background-color:transparent;width:100%;min-height:5.25rem;position:absolute;left:-3px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px}ul.stepper.horizontal:first-child{margin-top:-2.7rem}ul.stepper.horizontal .step{position:static;margin:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5.25rem!important}ul.stepper.horizontal .step:not(:last-of-type):after{content:'';position:static;display:inline-block;width:100%;height:.0625rem}ul.stepper.horizontal>.step:last-of-type,ul.stepper.horizontal>.step[data-last=true]{width:auto!important}ul.stepper.horizontal>.step.active:not(:last-of-type):after{content:'';position:static;display:inline-block;width:100%;height:.0625rem}ul.stepper.horizontal .step.active .step-title:before{background-color:#4285f4}ul.stepper.horizontal .step.done .step-title:before{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f00c';font-size:1rem;background:#00c851}ul.stepper.horizontal .step.wrong .step-title:before{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f071';font-size:1.1rem;background-color:#ff3547}ul.stepper.horizontal .step-title{line-height:5.25rem;height:5.25rem;margin:0;padding:0 1.5625rem 0 4.0625rem;display:inline-block;max-width:13.75rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}ul.stepper.horizontal .step:before{content:none}ul.stepper.horizontal .step .step-title:before{position:absolute;top:1.7813rem;left:1.1875rem;counter-increment:section;content:counter(section);height:1.75rem;width:1.75rem;color:#fff;background-color:rgba(0,0,0,.3);-webkit-border-radius:100%;border-radius:100%;text-align:center;line-height:1.75rem;font-weight:400}ul.stepper.horizontal .step-title:after{top:.9375rem}ul.stepper.horizontal .step-new-content{position:absolute;height:calc(100% - 84px);top:6rem;left:0;width:100%;overflow-y:auto;overflow-x:hidden;margin:0;padding:1.25rem 1.25rem 4.75rem 1.25rem}ul.stepper.horizontal .step-actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}ul.stepper.horizontal .step-actions .btn-flat:not(:last-child),ul.stepper.horizontal .step-actions .btn-large:not(:last-child),ul.stepper.horizontal .step-actions .btn:not(:last-child){margin-left:.3125rem;margin-right:0}ul.stepper.horizontal .step-actions,ul.stepper.horizontal .step-new-content{padding-left:2.5rem;padding-right:2.5rem}} \ No newline at end of file diff --git a/static/css/addons-pro/timeline.css b/static/css/addons-pro/timeline.css new file mode 100644 index 000000000..309ab4bcf --- /dev/null +++ b/static/css/addons-pro/timeline.css @@ -0,0 +1,292 @@ +.timeline-main .stepper.stepper-vertical.timeline li a { + padding: 0px 24px; + left: 50%; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline li a { + left: 6%; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline li a { + left: 6%; } } + .timeline-main .stepper.stepper-vertical.timeline li a .circle { + width: 50px; + height: 50px; + line-height: 50px; + font-size: 1.4em; + text-align: center; + position: absolute; + top: 16px; + margin-left: -50px; + background-color: #ccc; + z-index: 2; } + +.timeline-main .stepper.stepper-vertical.timeline li .step-content { + width: 45%; + float: left; + -webkit-border-radius: 2px; + border-radius: 2px; + position: relative; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline li .step-content { + width: 80%; + left: 3rem; + margin-right: 3rem; + margin-bottom: 2rem; + float: right; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline li .step-content { + width: 85%; + left: 3rem; + margin-right: 3rem; + margin-bottom: 2rem; + float: right; } } + .timeline-main .stepper.stepper-vertical.timeline li .step-content:before { + position: absolute; + top: 26px; + right: -15px; + display: inline-block; + border-top: 15px solid transparent; + border-left: 15px solid #e0e0e0; + border-right: 0 solid #e0e0e0; + border-bottom: 15px solid transparent; + content: " "; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline li .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline li .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } } + .timeline-main .stepper.stepper-vertical.timeline li .step-content:after { + position: absolute; + top: 27px; + right: -14px; + display: inline-block; + border-top: 14px solid transparent; + border-left: 14px solid #fff; + border-right: 0 solid #fff; + border-bottom: 14px solid transparent; + content: " "; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline li .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline li .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } } + +.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } + .timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content { + float: right; } + .timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } + .timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } + +.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after { + content: " "; + position: absolute; + width: 3px; + background-color: #e0e0e0; + left: 50%; + top: 65px; + margin-left: -1.5px; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after { + left: 6%; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after { + left: 6%; } } + +@media (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline li { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } } + +.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before { + top: 1rem; + border-left: 15px solid #D32F2F; + border-right: 0 solid #D32F2F; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } } + +.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after { + top: 1rem; + border-left: 14px solid #D32F2F; + border-right: 0 solid #D32F2F; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } } + +.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content .timeline-header { + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; } + +.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; } + +.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; } + +.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li:not(:last-child):after { + background-color: #D32F2F; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-animated .more-padding { + padding-right: 100px; + padding-left: 100px; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li { + -webkit-transition: all 0.7s ease-in-out; + -o-transition: all 0.7s ease-in-out; + transition: all 0.7s ease-in-out; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a { + padding: 0px; } + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle { + width: 23px; + height: 23px; + line-height: 23px; + font-size: 1.4em; + text-align: center; + position: absolute; + top: 16px; + margin-left: -12px; + background-color: #ccc; + z-index: 2; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content { + width: 45%; + float: left; + -webkit-border-radius: 2px; + border-radius: 2px; + position: relative; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content { + width: 80%; + left: 3rem; + margin-right: 3rem; + margin-bottom: 2rem; + float: right; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content { + width: 85%; + left: 3rem; + margin-right: 3rem; + margin-bottom: 2rem; + float: right; } } + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before { + position: absolute; + top: 15px; + display: inline-block; + border-top: 15px solid transparent; + border-left: 15px solid #e0e0e0; + border-right: 0 solid #e0e0e0; + border-bottom: 15px solid transparent; + content: " "; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; } } + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after { + position: absolute; + top: 15px; + display: inline-block; + border-top: 14px solid transparent; + border-left: 14px solid #fff; + border-right: 0 solid #fff; + border-bottom: 14px solid transparent; + content: " "; } + @media (max-width: 450px) { + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } } + @media (min-width: 451px) and (max-width: 1025px) { + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; } } + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable:hover { + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li:not(:last-child):after { + width: 2px; + background-color: #9e9e9e; + top: 32px; + height: 100%; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-images li a .circle { + font-size: 1rem; } + +.timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child):after { + background-color: #26c6da; } diff --git a/static/css/addons-pro/timeline.min.css b/static/css/addons-pro/timeline.min.css new file mode 100644 index 000000000..90389aeca --- /dev/null +++ b/static/css/addons-pro/timeline.min.css @@ -0,0 +1 @@ +.timeline-main .stepper.stepper-vertical.timeline li a{padding:0 24px;left:50%}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline li a{left:6%}}.timeline-main .stepper.stepper-vertical.timeline li a .circle{width:50px;height:50px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:16px;margin-left:-50px;background-color:#ccc;z-index:2}.timeline-main .stepper.stepper-vertical.timeline li .step-content{width:45%;float:left;-webkit-border-radius:2px;border-radius:2px;position:relative}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline li a{left:6%}.timeline-main .stepper.stepper-vertical.timeline li .step-content{width:80%;left:3rem;margin-right:3rem;margin-bottom:2rem;float:right}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline li .step-content{width:85%;left:3rem;margin-right:3rem;margin-bottom:2rem;float:right}}.timeline-main .stepper.stepper-vertical.timeline li .step-content:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #e0e0e0;border-right:0 solid #e0e0e0;border-bottom:15px solid transparent;content:" "}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline li .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline li .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}}.timeline-main .stepper.stepper-vertical.timeline li .step-content:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" "}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline li .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline li .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content{float:right}.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after{content:" ";position:absolute;width:3px;background-color:#e0e0e0;left:50%;top:65px;margin-left:-1.5px}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after{left:6%}}@media (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline li{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before{top:1rem;border-left:15px solid #D32F2F;border-right:0 solid #D32F2F}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after{left:6%}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after{top:1rem;border-left:14px solid #D32F2F;border-right:0 solid #D32F2F}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content .timeline-header{-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:before{border-left-width:0;border-right-width:15px;left:-15px}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:after{border-left-width:0;border-right-width:14px;left:-14px}.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li:not(:last-child):after{background-color:#D32F2F}.timeline-main .stepper.stepper-vertical.timeline.timeline-animated .more-padding{padding-right:100px;padding-left:100px}.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li{-webkit-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a{padding:0}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle{width:23px;height:23px;line-height:23px;font-size:1.4em;text-align:center;position:absolute;top:16px;margin-left:-12px;background-color:#ccc;z-index:2}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content{width:45%;float:left;-webkit-border-radius:2px;border-radius:2px;position:relative}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content{width:80%;left:3rem;margin-right:3rem;margin-bottom:2rem;float:right}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content{width:85%;left:3rem;margin-right:3rem;margin-bottom:2rem;float:right}}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before{position:absolute;top:15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #e0e0e0;border-right:0 solid #e0e0e0;border-bottom:15px solid transparent;content:" "}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after{position:absolute;top:15px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" "}@media (max-width:450px){.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}@media (min-width:451px) and (max-width:1025px){.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li:not(:last-child):after{width:2px;background-color:#9e9e9e;top:32px;height:100%}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:before{border-left-width:0;border-right-width:15px;left:-15px}.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:after{border-left-width:0;border-right-width:14px;left:-14px}.timeline-main .stepper.stepper-vertical.timeline.timeline-images li a .circle{font-size:1rem}.timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child):after{background-color:#26c6da} \ No newline at end of file diff --git a/static/css/addons/datatables-select.css b/static/css/addons/datatables-select.css new file mode 100644 index 000000000..0d1306b88 --- /dev/null +++ b/static/css/addons/datatables-select.css @@ -0,0 +1,131 @@ +/* + * MDBootstrap integration with Datatables + * Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/ + * About MDBootstrap: https://mdbootstrap.com/ + * + * This combined file was created taking that code from this webstie: + + * https://cdn.datatables.net/select/1.2.7/css/select.dataTables.min.css + * + * + * To rebuild or modify this file with the latest versions of the included + * software please visit: + * https://datatables.net/download/#bs4/dt-1.10.18 + * + * Included libraries: + * DataTables 1.10.18 + */ +table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { + background-color: #B0BED9; } + +table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected { + background-color: #acbad4; } + +table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected { + background-color: #acbad4; } + +table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover { + background-color: #aab7d1; } + +table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover { + background-color: #aab7d1; } + +table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3 { + background-color: #acbad5; } + +table.dataTable.order-column tbody > tr > .selected { + background-color: #acbad5; } + +table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3 { + background-color: #acbad5; } + +table.dataTable.display tbody > tr > .selected { + background-color: #acbad5; } + +table.dataTable.display tbody > tr.odd.selected > .sorting_1 { + background-color: #a6b4cd; } + +table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { + background-color: #a6b4cd; } + +table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { + background-color: #a8b5cf; } + +table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 { + background-color: #a9b7d1; } + +table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { + background-color: #acbad5; } + +table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 { + background-color: #aebcd6; } + +table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 { + background-color: #afbdd8; } + +table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected { + background-color: #a6b4cd; } + +table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected { + background-color: #acbad5; } + +table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 { + background-color: #a2aec7; } + +table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 { + background-color: #a3b0c9; } + +table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 { + background-color: #a5b2cb; } + +table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover { + background-color: #a2aec7; } + +table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover { + background-color: #a2aec7; } + +table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox { + position: relative; } + +table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after { + display: block; + position: absolute; + top: 1.2em; + left: 50%; + width: 12px; + height: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after { + display: block; + position: absolute; + top: 1.2em; + left: 50%; + width: 12px; + height: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { + content: ' '; + margin-top: 4px; + margin-left: -6px; + border: 1px solid black; + -webkit-border-radius: 3px; + border-radius: 3px; } + +table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { + content: '\2714'; + margin-top: 0px; + margin-left: -4px; + text-align: center; + text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; } + +div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { + margin-left: 0.5em; } + +@media screen and (max-width: 640px) { + div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { + margin-left: 0; + display: block; } } diff --git a/static/css/addons/datatables-select.min.css b/static/css/addons/datatables-select.min.css new file mode 100644 index 000000000..da606c495 --- /dev/null +++ b/static/css/addons/datatables-select.min.css @@ -0,0 +1 @@ +table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#B0BED9}table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected,table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected{background-color:#acbad4}table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover{background-color:#aab7d1}table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected,table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#a6b4cd}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#a5b2cb}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#a2aec7}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:after,table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:after,table.dataTable tbody th.select-checkbox:before{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;-webkit-box-sizing:border-box;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:4px;margin-left:-6px;border:1px solid #000;-webkit-border-radius:3px;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:0;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9,-1px -1px #B0BED9,1px -1px #B0BED9,-1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:.5em}@media screen and (max-width:640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}} \ No newline at end of file diff --git a/static/css/addons/datatables.css b/static/css/addons/datatables.css new file mode 100644 index 000000000..4d7e5bfc4 --- /dev/null +++ b/static/css/addons/datatables.css @@ -0,0 +1,147 @@ +/* + * MDBootstrap integration with Datatables + * Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/ + * About MDBootstrap: https://mdbootstrap.com/ + * + * This combined file was created by the DataTables downloader builder: + * https://datatables.net/download + * + * To rebuild or modify this file with the latest versions of the included + * software please visit: + * https://datatables.net/download/#bs4/dt-1.10.18 + * + * Included libraries: + * DataTables 1.10.18 + */ +table.dataTable thead { + cursor: pointer; } + table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { + outline: none; } + +div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label { + margin-top: 1.2rem; + margin-right: 1rem; } + +div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span, div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown { + margin-top: 1rem; } + +div.dataTables_wrapper div.dataTables_length label { + text-align: left; + font-weight: normal; + padding-top: .5rem; + padding-bottom: .5rem; } + +div.dataTables_wrapper div.dataTables_filter label { + text-align: left; + font-weight: normal; + padding-top: .5rem; + padding-bottom: .5rem; } + +div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length input { + width: auto; } + +div.dataTables_wrapper div.dataTables_filter { + text-align: right; } + div.dataTables_wrapper div.dataTables_filter select { + width: auto; } + div.dataTables_wrapper div.dataTables_filter input { + width: auto; + margin-left: .5rem; + display: inline-block; } + +div.dataTables_wrapper div.dataTables_info { + font-weight: normal; + padding-top: 1rem; + padding-bottom: 1rem; } + +div.dataTables_wrapper div.dataTables_paginate { + font-weight: normal; + padding-top: 1rem; + padding-bottom: 1rem; + text-align: right; + margin: 0; } + div.dataTables_wrapper div.dataTables_paginate ul.pagination { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } + div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus { + background-color: #4285f4; } + div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus { + -webkit-box-shadow: none; + box-shadow: none; } + +@media (max-width: 767px) { + div.dataTables_wrapper div .dataTables_length, div.dataTables_wrapper div .dataTables_filter, div.dataTables_wrapper div .dataTables_info, div.dataTables_wrapper div .dataTables_paginate ul.pagination { + text-align: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } } + +.bs-select select { + display: inline-block !important; } + +table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting { + padding-right: 30px; } + +table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { + padding-right: 30px; } + +table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { + outline: none; } + +table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { + cursor: pointer; + position: relative; } + +table.dataTable thead .sorting:before, table.dataTable thead .sorting:after { + position: absolute; + bottom: 0.9em; + display: block; + opacity: 0.3; } + +table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after { + position: absolute; + bottom: 0.9em; + display: block; + opacity: 0.3; } + +table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after { + position: absolute; + bottom: 0.9em; + display: block; + opacity: 0.3; } + +table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after { + position: absolute; + bottom: 0.9em; + display: block; + opacity: 0.3; } + +table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { + position: absolute; + bottom: 0.9em; + display: block; + opacity: 0.3; } + +table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { + right: 1em; + content: "\f0de"; + font-family: 'Font Awesome\ 5 Free'; + font-weight: 900; + font-size: 1rem; } + +table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { + right: 0.5em; + content: "\f0dd"; + font-family: 'Font Awesome\ 5 Free'; + font-weight: 900; + right: 16px; + font-size: 1rem; } + +table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { + opacity: 1; } + +table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { + opacity: 0; } diff --git a/static/css/addons/datatables.min.css b/static/css/addons/datatables.min.css new file mode 100644 index 000000000..d27361475 --- /dev/null +++ b/static/css/addons/datatables.min.css @@ -0,0 +1 @@ +div.dataTables_wrapper div.dataTables_filter select,div.dataTables_wrapper div.dataTables_length input,div.dataTables_wrapper div.dataTables_length select{width:auto}table.dataTable thead{cursor:pointer}div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label{margin-top:1.2rem;margin-right:1rem}div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown,div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span{margin-top:1rem}div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label{text-align:left;font-weight:400;padding-top:.5rem;padding-bottom:.5rem}div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{font-weight:400;padding-top:1rem;padding-bottom:1rem}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter input{width:auto;margin-left:.5rem;display:inline-block}div.dataTables_wrapper div.dataTables_paginate{text-align:right;margin:0}div.dataTables_wrapper div.dataTables_paginate ul.pagination{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus{background-color:#4285f4}div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus{-webkit-box-shadow:none;box-shadow:none}@media (max-width:767px){div.dataTables_wrapper div .dataTables_filter,div.dataTables_wrapper div .dataTables_info,div.dataTables_wrapper div .dataTables_length,div.dataTables_wrapper div .dataTables_paginate ul.pagination{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.bs-select select{display:inline-block!important}table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc{padding-right:30px}table.dataTable thead>tr>td:active,table.dataTable thead>tr>th:active{outline:0}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc_disabled:after,table.dataTable thead .sorting_desc_disabled:before{position:absolute;bottom:.9em;display:block;opacity:.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\f0de";font-family:'Font Awesome\ 5 Free';font-weight:900;font-size:1rem}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc_disabled:after{content:"\f0dd";font-family:'Font Awesome\ 5 Free';font-weight:900;right:16px;font-size:1rem}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0} \ No newline at end of file diff --git a/static/css/addons/directives.css b/static/css/addons/directives.css new file mode 100644 index 000000000..7964d8a51 --- /dev/null +++ b/static/css/addons/directives.css @@ -0,0 +1,391 @@ +.opacity-0 { + opacity: 0; } + +.opacity-10 { + opacity: 0.1; } + +.opacity-20 { + opacity: 0.2; } + +.opacity-30 { + opacity: 0.3; } + +.opacity-40 { + opacity: 0.4; } + +.opacity-50 { + opacity: 0.5; } + +.opacity-60 { + opacity: 0.6; } + +.opacity-70 { + opacity: 0.7; } + +.opacity-80 { + opacity: 0.8; } + +.opacity-90 { + opacity: 0.9; } + +.opacity-100 { + opacity: 1; } + +.masonry-with-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-height: 1000px; } + .masonry-with-columns div { + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + background: #00997B; + color: white; + margin: 0 1rem 1rem 0; + text-align: center; + font-weight: 900; + font-size: 2rem; } + .masonry-with-columns div:nth-child(1) { + height: 240px; + line-height: 240px; } + .masonry-with-columns div:nth-child(2) { + height: 158px; + line-height: 158px; } + .masonry-with-columns div:nth-child(3) { + height: 267px; + line-height: 267px; } + .masonry-with-columns div:nth-child(4) { + height: 408px; + line-height: 408px; } + .masonry-with-columns div:nth-child(5) { + height: 144px; + line-height: 144px; } + .masonry-with-columns div:nth-child(6) { + height: 220px; + line-height: 220px; } + .masonry-with-columns div:nth-child(7) { + height: 137px; + line-height: 137px; } + .masonry-with-columns div:nth-child(8) { + height: 113px; + line-height: 113px; } + .masonry-with-columns div:nth-child(9) { + height: 352px; + line-height: 352px; } + .masonry-with-columns div:nth-child(10) { + height: 236px; + line-height: 236px; } + .masonry-with-columns div:nth-child(11) { + height: 113px; + line-height: 113px; } + .masonry-with-columns div:nth-child(12) { + height: 403px; + line-height: 403px; } + .masonry-with-columns div:nth-child(13) { + height: 382px; + line-height: 382px; } + .masonry-with-columns div:nth-child(14) { + height: 136px; + line-height: 136px; } + .masonry-with-columns div:nth-child(15) { + height: 230px; + line-height: 230px; } + .masonry-with-columns div:nth-child(16) { + height: 214px; + line-height: 214px; } + .masonry-with-columns div:nth-child(17) { + height: 168px; + line-height: 168px; } + .masonry-with-columns div:nth-child(18) { + height: 211px; + line-height: 211px; } + .masonry-with-columns div:nth-child(19) { + height: 320px; + line-height: 320px; } + .masonry-with-columns div:nth-child(20) { + height: 215px; + line-height: 215px; } + .masonry-with-columns div:nth-child(21) { + height: 180px; + line-height: 180px; } + .masonry-with-columns div:nth-child(22) { + height: 119px; + line-height: 119px; } + .masonry-with-columns div:nth-child(23) { + height: 293px; + line-height: 293px; } + .masonry-with-columns div:nth-child(24) { + height: 468px; + line-height: 468px; } + .masonry-with-columns div:nth-child(25) { + height: 209px; + line-height: 209px; } + .masonry-with-columns div:nth-child(26) { + height: 223px; + line-height: 223px; } + .masonry-with-columns div:nth-child(27) { + height: 139px; + line-height: 139px; } + .masonry-with-columns div:nth-child(28) { + height: 413px; + line-height: 413px; } + .masonry-with-columns div:nth-child(29) { + height: 197px; + line-height: 197px; } + .masonry-with-columns div:nth-child(30) { + height: 389px; + line-height: 389px; } + .masonry-with-columns div:nth-child(31) { + height: 226px; + line-height: 226px; } + .masonry-with-columns div:nth-child(32) { + height: 495px; + line-height: 495px; } + .masonry-with-columns div:nth-child(33) { + height: 349px; + line-height: 349px; } + .masonry-with-columns div:nth-child(34) { + height: 225px; + line-height: 225px; } + .masonry-with-columns div:nth-child(35) { + height: 221px; + line-height: 221px; } + .masonry-with-columns div:nth-child(36) { + height: 110px; + line-height: 110px; } + +.masonry-with-columns-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .masonry-with-columns-2 div { + height: 150px; + line-height: 150px; + background: #9B1B30; + color: white; + margin: 0 1rem 1rem 0; + text-align: center; + font-weight: 900; + font-size: 2rem; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; } + .masonry-with-columns-2 div:nth-child(1) { + width: 225px; } + .masonry-with-columns-2 div:nth-child(2) { + width: 301px; } + .masonry-with-columns-2 div:nth-child(3) { + width: 358px; } + .masonry-with-columns-2 div:nth-child(4) { + width: 341px; } + .masonry-with-columns-2 div:nth-child(5) { + width: 189px; } + .masonry-with-columns-2 div:nth-child(6) { + width: 124px; } + .masonry-with-columns-2 div:nth-child(7) { + width: 160px; } + .masonry-with-columns-2 div:nth-child(8) { + width: 81px; } + .masonry-with-columns-2 div:nth-child(9) { + width: 218px; } + .masonry-with-columns-2 div:nth-child(10) { + width: 209px; } + .masonry-with-columns-2 div:nth-child(11) { + width: 345px; } + .masonry-with-columns-2 div:nth-child(12) { + width: 239px; } + .masonry-with-columns-2 div:nth-child(13) { + width: 290px; } + .masonry-with-columns-2 div:nth-child(14) { + width: 364px; } + .masonry-with-columns-2 div:nth-child(15) { + width: 406px; } + .masonry-with-columns-2 div:nth-child(16) { + width: 207px; } + .masonry-with-columns-2 div:nth-child(17) { + width: 82px; } + .masonry-with-columns-2 div:nth-child(18) { + width: 378px; } + .masonry-with-columns-2 div:nth-child(19) { + width: 251px; } + .masonry-with-columns-2 div:nth-child(20) { + width: 174px; } + .masonry-with-columns-2 div:nth-child(21) { + width: 271px; } + .masonry-with-columns-2 div:nth-child(22) { + width: 93px; } + .masonry-with-columns-2 div:nth-child(23) { + width: 283px; } + .masonry-with-columns-2 div:nth-child(24) { + width: 178px; } + .masonry-with-columns-2 div:nth-child(25) { + width: 311px; } + .masonry-with-columns-2 div:nth-child(26) { + width: 155px; } + .masonry-with-columns-2 div:nth-child(27) { + width: 303px; } + .masonry-with-columns-2 div:nth-child(28) { + width: 361px; } + .masonry-with-columns-2 div:nth-child(29) { + width: 110px; } + .masonry-with-columns-2 div:nth-child(30) { + width: 303px; } + .masonry-with-columns-2 div:nth-child(31) { + width: 155px; } + .masonry-with-columns-2 div:nth-child(32) { + width: 390px; } + .masonry-with-columns-2 div:nth-child(33) { + width: 77px; } + .masonry-with-columns-2 div:nth-child(34) { + width: 245px; } + .masonry-with-columns-2 div:nth-child(35) { + width: 88px; } + .masonry-with-columns-2 div:nth-child(36) { + width: 151px; } + +.masonry-with-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-height: 1000px; } + .masonry-with-flex div { + width: auto; + background: #975A58; + color: white; + margin: 0 1rem 1rem 0; + text-align: center; + font-weight: 900; + font-size: 2rem; } + .masonry-with-flex div:nth-child(1) { + height: 494px; + line-height: 494px; } + .masonry-with-flex div:nth-child(2) { + height: 200px; + line-height: 200px; } + .masonry-with-flex div:nth-child(3) { + height: 325px; + line-height: 325px; } + .masonry-with-flex div:nth-child(4) { + height: 257px; + line-height: 257px; } + .masonry-with-flex div:nth-child(5) { + height: 343px; + line-height: 343px; } + .masonry-with-flex div:nth-child(6) { + height: 298px; + line-height: 298px; } + .masonry-with-flex div:nth-child(7) { + height: 165px; + line-height: 165px; } + .masonry-with-flex div:nth-child(8) { + height: 341px; + line-height: 341px; } + .masonry-with-flex div:nth-child(9) { + height: 375px; + line-height: 375px; } + .masonry-with-flex div:nth-child(10) { + height: 204px; + line-height: 204px; } + .masonry-with-flex div:nth-child(11) { + height: 434px; + line-height: 434px; } + .masonry-with-flex div:nth-child(12) { + height: 491px; + line-height: 491px; } + .masonry-with-flex div:nth-child(13) { + height: 165px; + line-height: 165px; } + .masonry-with-flex div:nth-child(14) { + height: 182px; + line-height: 182px; } + .masonry-with-flex div:nth-child(15) { + height: 408px; + line-height: 408px; } + .masonry-with-flex div:nth-child(16) { + height: 347px; + line-height: 347px; } + .masonry-with-flex div:nth-child(17) { + height: 232px; + line-height: 232px; } + .masonry-with-flex div:nth-child(18) { + height: 143px; + line-height: 143px; } + .masonry-with-flex div:nth-child(19) { + height: 155px; + line-height: 155px; } + .masonry-with-flex div:nth-child(20) { + height: 281px; + line-height: 281px; } + .masonry-with-flex div:nth-child(21) { + height: 265px; + line-height: 265px; } + .masonry-with-flex div:nth-child(22) { + height: 302px; + line-height: 302px; } + .masonry-with-flex div:nth-child(23) { + height: 307px; + line-height: 307px; } + .masonry-with-flex div:nth-child(24) { + height: 404px; + line-height: 404px; } + .masonry-with-flex div:nth-child(25) { + height: 354px; + line-height: 354px; } + .masonry-with-flex div:nth-child(26) { + height: 292px; + line-height: 292px; } + .masonry-with-flex div:nth-child(27) { + height: 213px; + line-height: 213px; } + .masonry-with-flex div:nth-child(28) { + height: 179px; + line-height: 179px; } + .masonry-with-flex div:nth-child(29) { + height: 383px; + line-height: 383px; } + .masonry-with-flex div:nth-child(30) { + height: 435px; + line-height: 435px; } + .masonry-with-flex div:nth-child(31) { + height: 153px; + line-height: 153px; } + .masonry-with-flex div:nth-child(32) { + height: 220px; + line-height: 220px; } + .masonry-with-flex div:nth-child(33) { + height: 248px; + line-height: 248px; } + .masonry-with-flex div:nth-child(34) { + height: 368px; + line-height: 368px; } + .masonry-with-flex div:nth-child(35) { + height: 396px; + line-height: 396px; } + .masonry-with-flex div:nth-child(36) { + height: 302px; + line-height: 302px; } diff --git a/static/css/addons/directives.min.css b/static/css/addons/directives.min.css new file mode 100644 index 000000000..4339a991d --- /dev/null +++ b/static/css/addons/directives.min.css @@ -0,0 +1 @@ +.masonry-with-columns,.masonry-with-columns-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.masonry-with-columns,.masonry-with-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;max-height:1000px}.masonry-with-columns div,.masonry-with-columns-2 div,.masonry-with-flex div{color:#fff;margin:0 1rem 1rem 0;text-align:center;font-weight:900;font-size:2rem}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.masonry-with-columns{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.masonry-with-columns div{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;background:#00997B}.masonry-with-columns div:nth-child(1){height:240px;line-height:240px}.masonry-with-columns div:nth-child(2){height:158px;line-height:158px}.masonry-with-columns div:nth-child(3){height:267px;line-height:267px}.masonry-with-columns div:nth-child(4){height:408px;line-height:408px}.masonry-with-columns div:nth-child(5){height:144px;line-height:144px}.masonry-with-columns div:nth-child(6){height:220px;line-height:220px}.masonry-with-columns div:nth-child(7){height:137px;line-height:137px}.masonry-with-columns div:nth-child(8){height:113px;line-height:113px}.masonry-with-columns div:nth-child(9){height:352px;line-height:352px}.masonry-with-columns div:nth-child(10){height:236px;line-height:236px}.masonry-with-columns div:nth-child(11){height:113px;line-height:113px}.masonry-with-columns div:nth-child(12){height:403px;line-height:403px}.masonry-with-columns div:nth-child(13){height:382px;line-height:382px}.masonry-with-columns div:nth-child(14){height:136px;line-height:136px}.masonry-with-columns div:nth-child(15){height:230px;line-height:230px}.masonry-with-columns div:nth-child(16){height:214px;line-height:214px}.masonry-with-columns div:nth-child(17){height:168px;line-height:168px}.masonry-with-columns div:nth-child(18){height:211px;line-height:211px}.masonry-with-columns div:nth-child(19){height:320px;line-height:320px}.masonry-with-columns div:nth-child(20){height:215px;line-height:215px}.masonry-with-columns div:nth-child(21){height:180px;line-height:180px}.masonry-with-columns div:nth-child(22){height:119px;line-height:119px}.masonry-with-columns div:nth-child(23){height:293px;line-height:293px}.masonry-with-columns div:nth-child(24){height:468px;line-height:468px}.masonry-with-columns div:nth-child(25){height:209px;line-height:209px}.masonry-with-columns div:nth-child(26){height:223px;line-height:223px}.masonry-with-columns div:nth-child(27){height:139px;line-height:139px}.masonry-with-columns div:nth-child(28){height:413px;line-height:413px}.masonry-with-columns div:nth-child(29){height:197px;line-height:197px}.masonry-with-columns div:nth-child(30){height:389px;line-height:389px}.masonry-with-columns div:nth-child(31){height:226px;line-height:226px}.masonry-with-columns div:nth-child(32){height:495px;line-height:495px}.masonry-with-columns div:nth-child(33){height:349px;line-height:349px}.masonry-with-columns div:nth-child(34){height:225px;line-height:225px}.masonry-with-columns div:nth-child(35){height:221px;line-height:221px}.masonry-with-columns div:nth-child(36){height:110px;line-height:110px}.masonry-with-columns-2{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.masonry-with-columns-2 div{height:150px;line-height:150px;background:#9B1B30;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.masonry-with-columns-2 div:nth-child(1){width:225px}.masonry-with-columns-2 div:nth-child(2){width:301px}.masonry-with-columns-2 div:nth-child(3){width:358px}.masonry-with-columns-2 div:nth-child(4){width:341px}.masonry-with-columns-2 div:nth-child(5){width:189px}.masonry-with-columns-2 div:nth-child(6){width:124px}.masonry-with-columns-2 div:nth-child(7){width:160px}.masonry-with-columns-2 div:nth-child(8){width:81px}.masonry-with-columns-2 div:nth-child(9){width:218px}.masonry-with-columns-2 div:nth-child(10){width:209px}.masonry-with-columns-2 div:nth-child(11){width:345px}.masonry-with-columns-2 div:nth-child(12){width:239px}.masonry-with-columns-2 div:nth-child(13){width:290px}.masonry-with-columns-2 div:nth-child(14){width:364px}.masonry-with-columns-2 div:nth-child(15){width:406px}.masonry-with-columns-2 div:nth-child(16){width:207px}.masonry-with-columns-2 div:nth-child(17){width:82px}.masonry-with-columns-2 div:nth-child(18){width:378px}.masonry-with-columns-2 div:nth-child(19){width:251px}.masonry-with-columns-2 div:nth-child(20){width:174px}.masonry-with-columns-2 div:nth-child(21){width:271px}.masonry-with-columns-2 div:nth-child(22){width:93px}.masonry-with-columns-2 div:nth-child(23){width:283px}.masonry-with-columns-2 div:nth-child(24){width:178px}.masonry-with-columns-2 div:nth-child(25){width:311px}.masonry-with-columns-2 div:nth-child(26){width:155px}.masonry-with-columns-2 div:nth-child(27){width:303px}.masonry-with-columns-2 div:nth-child(28){width:361px}.masonry-with-columns-2 div:nth-child(29){width:110px}.masonry-with-columns-2 div:nth-child(30){width:303px}.masonry-with-columns-2 div:nth-child(31){width:155px}.masonry-with-columns-2 div:nth-child(32){width:390px}.masonry-with-columns-2 div:nth-child(33){width:77px}.masonry-with-columns-2 div:nth-child(34){width:245px}.masonry-with-columns-2 div:nth-child(35){width:88px}.masonry-with-columns-2 div:nth-child(36){width:151px}.masonry-with-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.masonry-with-flex div{width:auto;background:#975A58}.masonry-with-flex div:nth-child(1){height:494px;line-height:494px}.masonry-with-flex div:nth-child(2){height:200px;line-height:200px}.masonry-with-flex div:nth-child(3){height:325px;line-height:325px}.masonry-with-flex div:nth-child(4){height:257px;line-height:257px}.masonry-with-flex div:nth-child(5){height:343px;line-height:343px}.masonry-with-flex div:nth-child(6){height:298px;line-height:298px}.masonry-with-flex div:nth-child(7){height:165px;line-height:165px}.masonry-with-flex div:nth-child(8){height:341px;line-height:341px}.masonry-with-flex div:nth-child(9){height:375px;line-height:375px}.masonry-with-flex div:nth-child(10){height:204px;line-height:204px}.masonry-with-flex div:nth-child(11){height:434px;line-height:434px}.masonry-with-flex div:nth-child(12){height:491px;line-height:491px}.masonry-with-flex div:nth-child(13){height:165px;line-height:165px}.masonry-with-flex div:nth-child(14){height:182px;line-height:182px}.masonry-with-flex div:nth-child(15){height:408px;line-height:408px}.masonry-with-flex div:nth-child(16){height:347px;line-height:347px}.masonry-with-flex div:nth-child(17){height:232px;line-height:232px}.masonry-with-flex div:nth-child(18){height:143px;line-height:143px}.masonry-with-flex div:nth-child(19){height:155px;line-height:155px}.masonry-with-flex div:nth-child(20){height:281px;line-height:281px}.masonry-with-flex div:nth-child(21){height:265px;line-height:265px}.masonry-with-flex div:nth-child(22){height:302px;line-height:302px}.masonry-with-flex div:nth-child(23){height:307px;line-height:307px}.masonry-with-flex div:nth-child(24){height:404px;line-height:404px}.masonry-with-flex div:nth-child(25){height:354px;line-height:354px}.masonry-with-flex div:nth-child(26){height:292px;line-height:292px}.masonry-with-flex div:nth-child(27){height:213px;line-height:213px}.masonry-with-flex div:nth-child(28){height:179px;line-height:179px}.masonry-with-flex div:nth-child(29){height:383px;line-height:383px}.masonry-with-flex div:nth-child(30){height:435px;line-height:435px}.masonry-with-flex div:nth-child(31){height:153px;line-height:153px}.masonry-with-flex div:nth-child(32){height:220px;line-height:220px}.masonry-with-flex div:nth-child(33){height:248px;line-height:248px}.masonry-with-flex div:nth-child(34){height:368px;line-height:368px}.masonry-with-flex div:nth-child(35){height:396px;line-height:396px}.masonry-with-flex div:nth-child(36){height:302px;line-height:302px} \ No newline at end of file diff --git a/static/css/bootstrap.css b/static/css/bootstrap.css new file mode 100644 index 000000000..8f4758923 --- /dev/null +++ b/static/css/bootstrap.css @@ -0,0 +1,10038 @@ +/*! + * Bootstrap v4.3.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #007bff; + --secondary: #6c757d; + --success: #28a745; + --info: #17a2b8; + --warning: #ffc107; + --danger: #dc3545; + --light: #f8f9fa; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fff; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 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; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +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; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #007bff; + text-decoration: none; + background-color: transparent; +} + +a:hover { + color: #0056b3; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.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; +} + +select { + word-wrap: normal; +} + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 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: 0.5rem; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-break: break-word; +} + +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 87.5%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +.col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +.col-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.col-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + -ms-flex-order: -1; + order: -1; +} + +.order-last { + -ms-flex-order: 13; + order: 13; +} + +.order-0 { + -ms-flex-order: 0; + order: 0; +} + +.order-1 { + -ms-flex-order: 1; + order: 1; +} + +.order-2 { + -ms-flex-order: 2; + order: 2; +} + +.order-3 { + -ms-flex-order: 3; + order: 3; +} + +.order-4 { + -ms-flex-order: 4; + order: 4; +} + +.order-5 { + -ms-flex-order: 5; + order: 5; +} + +.order-6 { + -ms-flex-order: 6; + order: 6; +} + +.order-7 { + -ms-flex-order: 7; + order: 7; +} + +.order-8 { + -ms-flex-order: 8; + order: 8; +} + +.order-9 { + -ms-flex-order: 9; + order: 9; +} + +.order-10 { + -ms-flex-order: 10; + order: 10; +} + +.order-11 { + -ms-flex-order: 11; + order: 11; +} + +.order-12 { + -ms-flex-order: 12; + order: 12; +} + +.offset-1 { + margin-left: 8.333333%; +} + +.offset-2 { + margin-left: 16.666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.333333%; +} + +.offset-5 { + margin-left: 41.666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.333333%; +} + +.offset-8 { + margin-left: 66.666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.333333%; +} + +.offset-11 { + margin-left: 91.666667%; +} + +@media (min-width: 576px) { + .col-sm { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-sm-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-sm-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-sm-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-sm-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-sm-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-sm-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-sm-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + -ms-flex-order: -1; + order: -1; + } + .order-sm-last { + -ms-flex-order: 13; + order: 13; + } + .order-sm-0 { + -ms-flex-order: 0; + order: 0; + } + .order-sm-1 { + -ms-flex-order: 1; + order: 1; + } + .order-sm-2 { + -ms-flex-order: 2; + order: 2; + } + .order-sm-3 { + -ms-flex-order: 3; + order: 3; + } + .order-sm-4 { + -ms-flex-order: 4; + order: 4; + } + .order-sm-5 { + -ms-flex-order: 5; + order: 5; + } + .order-sm-6 { + -ms-flex-order: 6; + order: 6; + } + .order-sm-7 { + -ms-flex-order: 7; + order: 7; + } + .order-sm-8 { + -ms-flex-order: 8; + order: 8; + } + .order-sm-9 { + -ms-flex-order: 9; + order: 9; + } + .order-sm-10 { + -ms-flex-order: 10; + order: 10; + } + .order-sm-11 { + -ms-flex-order: 11; + order: 11; + } + .order-sm-12 { + -ms-flex-order: 12; + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.333333%; + } + .offset-sm-2 { + margin-left: 16.666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.333333%; + } + .offset-sm-5 { + margin-left: 41.666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.333333%; + } + .offset-sm-8 { + margin-left: 66.666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.333333%; + } + .offset-sm-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 768px) { + .col-md { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-md-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-md-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-md-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-md-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-md-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-md-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-md-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + -ms-flex-order: -1; + order: -1; + } + .order-md-last { + -ms-flex-order: 13; + order: 13; + } + .order-md-0 { + -ms-flex-order: 0; + order: 0; + } + .order-md-1 { + -ms-flex-order: 1; + order: 1; + } + .order-md-2 { + -ms-flex-order: 2; + order: 2; + } + .order-md-3 { + -ms-flex-order: 3; + order: 3; + } + .order-md-4 { + -ms-flex-order: 4; + order: 4; + } + .order-md-5 { + -ms-flex-order: 5; + order: 5; + } + .order-md-6 { + -ms-flex-order: 6; + order: 6; + } + .order-md-7 { + -ms-flex-order: 7; + order: 7; + } + .order-md-8 { + -ms-flex-order: 8; + order: 8; + } + .order-md-9 { + -ms-flex-order: 9; + order: 9; + } + .order-md-10 { + -ms-flex-order: 10; + order: 10; + } + .order-md-11 { + -ms-flex-order: 11; + order: 11; + } + .order-md-12 { + -ms-flex-order: 12; + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.333333%; + } + .offset-md-2 { + margin-left: 16.666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.333333%; + } + .offset-md-5 { + margin-left: 41.666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.333333%; + } + .offset-md-8 { + margin-left: 66.666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.333333%; + } + .offset-md-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 992px) { + .col-lg { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-lg-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-lg-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-lg-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-lg-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-lg-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-lg-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-lg-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + -ms-flex-order: -1; + order: -1; + } + .order-lg-last { + -ms-flex-order: 13; + order: 13; + } + .order-lg-0 { + -ms-flex-order: 0; + order: 0; + } + .order-lg-1 { + -ms-flex-order: 1; + order: 1; + } + .order-lg-2 { + -ms-flex-order: 2; + order: 2; + } + .order-lg-3 { + -ms-flex-order: 3; + order: 3; + } + .order-lg-4 { + -ms-flex-order: 4; + order: 4; + } + .order-lg-5 { + -ms-flex-order: 5; + order: 5; + } + .order-lg-6 { + -ms-flex-order: 6; + order: 6; + } + .order-lg-7 { + -ms-flex-order: 7; + order: 7; + } + .order-lg-8 { + -ms-flex-order: 8; + order: 8; + } + .order-lg-9 { + -ms-flex-order: 9; + order: 9; + } + .order-lg-10 { + -ms-flex-order: 10; + order: 10; + } + .order-lg-11 { + -ms-flex-order: 11; + order: 11; + } + .order-lg-12 { + -ms-flex-order: 12; + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.333333%; + } + .offset-lg-2 { + margin-left: 16.666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.333333%; + } + .offset-lg-5 { + margin-left: 41.666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.333333%; + } + .offset-lg-8 { + margin-left: 66.666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.333333%; + } + .offset-lg-11 { + margin-left: 91.666667%; + } +} + +@media (min-width: 1200px) { + .col-xl { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-xl-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-xl-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-xl-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-xl-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-xl-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-xl-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-xl-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + -ms-flex-order: -1; + order: -1; + } + .order-xl-last { + -ms-flex-order: 13; + order: 13; + } + .order-xl-0 { + -ms-flex-order: 0; + order: 0; + } + .order-xl-1 { + -ms-flex-order: 1; + order: 1; + } + .order-xl-2 { + -ms-flex-order: 2; + order: 2; + } + .order-xl-3 { + -ms-flex-order: 3; + order: 3; + } + .order-xl-4 { + -ms-flex-order: 4; + order: 4; + } + .order-xl-5 { + -ms-flex-order: 5; + order: 5; + } + .order-xl-6 { + -ms-flex-order: 6; + order: 6; + } + .order-xl-7 { + -ms-flex-order: 7; + order: 7; + } + .order-xl-8 { + -ms-flex-order: 8; + order: 8; + } + .order-xl-9 { + -ms-flex-order: 9; + order: 9; + } + .order-xl-10 { + -ms-flex-order: 10; + order: 10; + } + .order-xl-11 { + -ms-flex-order: 11; + order: 11; + } + .order-xl-12 { + -ms-flex-order: 12; + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.333333%; + } + .offset-xl-2 { + margin-left: 16.666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.333333%; + } + .offset-xl-5 { + margin-left: 41.666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.333333%; + } + .offset-xl-8 { + margin-left: 66.666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.333333%; + } + .offset-xl-11 { + margin-left: 91.666667%; + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} + +.table tbody + tbody { + border-top: 2px solid #dee2e6; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(0, 0, 0, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #b8daff; +} + +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #7abaff; +} + +.table-hover .table-primary:hover { + background-color: #9fcdff; +} + +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #9fcdff; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #d6d8db; +} + +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #b3b7bb; +} + +.table-hover .table-secondary:hover { + background-color: #c8cbcf; +} + +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #c8cbcf; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c3e6cb; +} + +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #8fd19e; +} + +.table-hover .table-success:hover { + background-color: #b1dfbb; +} + +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #b1dfbb; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bee5eb; +} + +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86cfda; +} + +.table-hover .table-info:hover { + background-color: #abdde5; +} + +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #abdde5; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; +} + +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.table-hover .table-warning:hover { + background-color: #ffe8a1; +} + +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f5c6cb; +} + +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #ed969e; +} + +.table-hover .table-danger:hover { + background-color: #f1b0b7; +} + +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f1b0b7; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fdfdfe; +} + +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #fbfcfc; +} + +.table-hover .table-light:hover { + background-color: #ececf6; +} + +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ececf6; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; +} + +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #95999c; +} + +.table-hover .table-dark:hover { + background-color: #b9bbbe; +} + +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b9bbbe; +} + +.table-active, +.table-active > 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: #fff; + background-color: #343a40; + border-color: #454d55; +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.table-dark { + color: #fff; + background-color: #343a40; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #454d55; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +.table-responsive > .table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.form-control::-webkit-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.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; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #28a745; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(40, 167, 69, 0.9); + border-radius: 0.25rem; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #28a745; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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 { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #28a745; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.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-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #28a745; +} + +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #28a745; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #28a745; +} + +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #34ce57; + background-color: #34ce57; +} + +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #28a745; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #28a745; +} + +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #dc3545; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #dc3545; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-repeat: no-repeat; + background-position: center right calc(0.375em + 0.1875rem); + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #dc3545; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.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-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; +} + +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #dc3545; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #dc3545; +} + +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #e4606d; + background-color: #e4606d; +} + +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #dc3545; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #dc3545; +} + +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #212529; + text-decoration: none; +} + +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.btn.disabled, .btn:disabled { + opacity: 0.65; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.btn-primary:hover { + color: #fff; + background-color: #0069d9; + border-color: #0062cc; +} + +.btn-primary:focus, .btn-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, +.show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #0062cc; + border-color: #005cbf; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} + +.btn-secondary:focus, .btn-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} + +.btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} + +.btn-success { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; +} + +.btn-success:focus, .btn-success.focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} + +.btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, +.show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} + +.btn-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; +} + +.btn-info:focus, .btn-info.focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} + +.btn-info.disabled, .btn-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, +.show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} + +.btn-warning:focus, .btn-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, +.show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500; +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; +} + +.btn-danger:focus, .btn-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} + +.btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, +.show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.btn-light:focus, .btn-light.focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} + +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, +.show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} + +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-dark:focus, .btn-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} + +.btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, +.show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} + +.btn-outline-primary { + color: #007bff; + border-color: #007bff; +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} + +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #007bff; + background-color: transparent; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, +.show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-success { + color: #28a745; + border-color: #28a745; +} + +.btn-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} + +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #28a745; + background-color: transparent; +} + +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, +.show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} + +.btn-outline-info { + color: #17a2b8; + border-color: #17a2b8; +} + +.btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} + +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #17a2b8; + background-color: transparent; +} + +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, +.show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} + +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 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: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} + +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, +.show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} + +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, +.show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-dark { + color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, +.show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.btn-link { + font-weight: 400; + color: #007bff; + text-decoration: none; +} + +.btn-link:hover { + color: #0056b3; + text-decoration: underline; +} + +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} + +.btn-link:disabled, .btn-link.disabled { + color: #6c757d; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.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 { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 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.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + 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; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #007bff; +} + +.dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.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: 1 1 auto; + flex: 1 1 auto; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} + +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: -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), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 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:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} + +.btn-group-toggle > .btn input[type="radio"], +.btn-group-toggle > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"], +.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: stretch; + align-items: stretch; + width: 100%; +} + +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} + +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} + +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .custom-file { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +.input-group > .custom-file:not(:last-child) .custom-file-label, +.input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: -ms-flexbox; + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} + +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: -ms-inline-flexbox; + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + border-color: #007bff; + background-color: #007bff; +} + +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; +} + +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #fff; + background-color: #b3d7ff; + border-color: #b3d7ff; +} + +.custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} + +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #fff; + border: #adb5bd solid 1px; +} + +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50% / 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #007bff; + background-color: #007bff; +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +} + +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} + +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #adb5bd; + border-radius: 0.5rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(0.75rem); + transform: translateX(0.75rem); +} + +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.custom-select:focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + display: none; +} + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} + +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: calc(1rem + 0.4rem); + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} + +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #007bff; +} + +.nav-fill .nav-item { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 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.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 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.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} + +.navbar-expand { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 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,%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:hover, .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #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,%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:hover, .navbar-dark .navbar-text a:focus { + color: #fff; +} + +.card { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.card > hr { + margin-right: 0; + margin-left: 0; +} + +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + -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: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.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%; + border-radius: calc(0.25rem - 1px); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -ms-flex-direction: column; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.card-group > .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } + .card-group > .card { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + -webkit-column-gap: 1.25rem; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} + +.accordion > .card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} + +.accordion > .card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} + +.accordion > .card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion > .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion > .card .card-header { + margin-bottom: -1px; +} + +.breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: -ms-flexbox; + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #007bff; + background-color: #fff; + border: 1px solid #dee2e6; +} + +.page-link:hover { + z-index: 2; + color: #0056b3; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.page-item.active .page-link { + z-index: 1; + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.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; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} + +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #fff; + background-color: #007bff; +} + +a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #0062cc; +} + +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} + +.badge-secondary { + color: #fff; + background-color: #6c757d; +} + +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #545b62; +} + +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.badge-success { + color: #fff; + background-color: #28a745; +} + +a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #1e7e34; +} + +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} + +.badge-info { + color: #fff; + background-color: #17a2b8; +} + +a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #117a8b; +} + +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} + +.badge-warning { + color: #212529; + background-color: #ffc107; +} + +a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; +} + +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #fff; + background-color: #dc3545; +} + +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #bd2130; +} + +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} + +.badge-light { + color: #212529; + background-color: #f8f9fa; +} + +a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #dae0e5; +} + +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.badge-dark { + color: #fff; + background-color: #343a40; +} + +a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; +} + +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +.alert-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff; +} + +.alert-primary hr { + border-top-color: #9fcdff; +} + +.alert-primary .alert-link { + color: #002752; +} + +.alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.alert-secondary hr { + border-top-color: #c8cbcf; +} + +.alert-secondary .alert-link { + color: #202326; +} + +.alert-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; +} + +.alert-success hr { + border-top-color: #b1dfbb; +} + +.alert-success .alert-link { + color: #0b2e13; +} + +.alert-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; +} + +.alert-info hr { + border-top-color: #abdde5; +} + +.alert-info .alert-link { + color: #062c33; +} + +.alert-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; +} + +.alert-warning hr { + border-top-color: #ffe8a1; +} + +.alert-warning .alert-link { + color: #533f03; +} + +.alert-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} + +.alert-danger hr { + border-top-color: #f1b0b7; +} + +.alert-danger .alert-link { + color: #491217; +} + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-light hr { + border-top-color: #ececf6; +} + +.alert-light .alert-link { + color: #686868; +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.alert-dark hr { + border-top-color: #b9bbbe; +} + +.alert-dark .alert-link { + color: #040505; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: -ms-flexbox; + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.progress-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #007bff; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.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 (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} + +.media { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; +} + +.media-body { + -ms-flex: 1; + flex: 1; +} + +.list-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.list-group-horizontal { + -ms-flex-direction: row; + flex-direction: row; +} + +.list-group-horizontal .list-group-item { + margin-right: -1px; + margin-bottom: 0; +} + +.list-group-horizontal .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-md .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + .list-group-horizontal-md .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush .list-group-item:last-child { + margin-bottom: -1px; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + margin-bottom: 0; + border-bottom: 0; +} + +.list-group-item-primary { + color: #004085; + background-color: #b8daff; +} + +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #004085; + background-color: #9fcdff; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #004085; + border-color: #004085; +} + +.list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; +} + +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; +} + +.list-group-item-success { + color: #155724; + background-color: #c3e6cb; +} + +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #155724; + background-color: #b1dfbb; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #155724; + border-color: #155724; +} + +.list-group-item-info { + color: #0c5460; + background-color: #bee5eb; +} + +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #0c5460; + background-color: #abdde5; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #0c5460; + border-color: #0c5460; +} + +.list-group-item-warning { + color: #856404; + background-color: #ffeeba; +} + +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #856404; + background-color: #ffe8a1; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #856404; + border-color: #856404; +} + +.list-group-item-danger { + color: #721c24; + background-color: #f5c6cb; +} + +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #721c24; + background-color: #f1b0b7; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #721c24; + border-color: #721c24; +} + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; +} + +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; +} + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; +} + +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} + +.close:hover { + color: #000; + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: .75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +a.close.disabled { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} + +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} + +.toast.showing { + opacity: 1; +} + +.toast.show { + display: block; + opacity: 1; +} + +.toast.hide { + display: none; +} + +.toast-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0.25rem 0.75rem; + color: #6c757d; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.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, -50px); + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + -webkit-transform: none; + transform: none; +} + +.modal-dialog-scrollable { + display: -ms-flexbox; + display: flex; + max-height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} + +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + min-height: calc(100% - 1rem); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} + +.modal-dialog-centered.modal-dialog-scrollable { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} + +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 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: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 1rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.modal-footer > :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer > :not(:last-child) { + margin-right: .25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} + +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { + bottom: calc((0.5rem + 1px) * -1); +} + +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { + top: calc((0.5rem + 1px) * -1); +} + +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; +} + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + -ms-touch-action: pan-y; + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: -webkit-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + -webkit-transform: none; + transform: none; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: 0s 0.6s opacity; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.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: no-repeat 50% / 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + box-sizing: content-box; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} + +@-webkit-keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: spinner-border .75s linear infinite; + animation: spinner-border .75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@-webkit-keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + opacity: 1; + } +} + +@keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + opacity: 1; + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + -webkit-animation: spinner-grow .75s linear infinite; + animation: spinner-grow .75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-primary { + background-color: #007bff !important; +} + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #0062cc !important; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #545b62 !important; +} + +.bg-success { + background-color: #28a745 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #1e7e34 !important; +} + +.bg-info { + background-color: #17a2b8 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #117a8b !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #dc3545 !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #bd2130 !important; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #dae0e5 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #007bff !important; +} + +.border-secondary { + border-color: #6c757d !important; +} + +.border-success { + border-color: #28a745 !important; +} + +.border-info { + border-color: #17a2b8 !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #dc3545 !important; +} + +.border-light { + border-color: #f8f9fa !important; +} + +.border-dark { + border-color: #343a40 !important; +} + +.border-white { + border-color: #fff !important; +} + +.rounded-sm { + border-radius: 0.2rem !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-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: -ms-flexbox !important; + display: flex !important; +} + +.d-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-print-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive 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.857143%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + -ms-flex-direction: row !important; + flex-direction: row !important; +} + +.flex-column { + -ms-flex-direction: column !important; + flex-direction: column !important; +} + +.flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} + +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} + +.flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} + +.flex-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} + +.flex-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} + +.flex-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} + +.justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} + +.justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} + +.justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; +} + +.justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} + +.justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} + +.align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; +} + +.align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; +} + +.align-items-center { + -ms-flex-align: center !important; + align-items: center !important; +} + +.align-items-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; +} + +.align-items-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; +} + +.align-content-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} + +.align-content-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} + +.align-content-center { + -ms-flex-line-pack: center !important; + align-content: center !important; +} + +.align-content-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} + +.align-content-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} + +.align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} + +.align-self-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; +} + +.align-self-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} + +.align-self-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} + +.align-self-center { + -ms-flex-item-align: center !important; + align-self: center !important; +} + +.align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} + +.align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-sm-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-sm-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-sm-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-md-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-md-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-md-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-md-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-md-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-md-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-md-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-md-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-lg-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-lg-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-lg-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-xl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xl-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 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-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 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-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 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-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 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-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 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-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} + +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #fff !important; +} + +.text-primary { + color: #007bff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #0056b3 !important; +} + +.text-secondary { + color: #6c757d !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #494f54 !important; +} + +.text-success { + color: #28a745 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #19692c !important; +} + +.text-info { + color: #17a2b8 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f6674 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #dc3545 !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #a71d2a !important; +} + +.text-light { + color: #f8f9fa !important; +} + +a.text-light:hover, a.text-light:focus { + color: #cbd3da !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} +/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/static/css/bootstrap.min.css b/static/css/bootstrap.min.css new file mode 100644 index 000000000..92e3fe871 --- /dev/null +++ b/static/css/bootstrap.min.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.3.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/static/css/mdb.css b/static/css/mdb.css new file mode 100755 index 000000000..ee60055c3 --- /dev/null +++ b/static/css/mdb.css @@ -0,0 +1,18632 @@ +/*! + * Material Design for Bootstrap 4 + * Version: MDB PRO 4.7.6 + * + * + * Copyright: Material Design for BootstrapS + * https://mdbootstrap.com/ + * + * Read the license: https://mdbootstrap.com/general/license/ + * + * + * Documentation: https://mdbootstrap.com/ + * + * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/ + * + * Tutorials: https://mdbootstrap.com/education/bootstrap/ + * + * Templates: https://mdbootstrap.com/templates/ + * + * Support: https://mdbootstrap.com/support/ + * + * Contact: office@mdbootstrap.com + * + * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js + * + */ +/*** Global ***/ +.mdb-color.lighten-5 { + background-color: #d0d6e2 !important; } + +.mdb-color.lighten-4 { + background-color: #b1bace !important; } + +.mdb-color.lighten-3 { + background-color: #929fba !important; } + +.mdb-color.lighten-2 { + background-color: #7283a7 !important; } + +.mdb-color.lighten-1 { + background-color: #59698d !important; } + +.mdb-color { + background-color: #45526e !important; } + +.mdb-color-text { + color: #45526e !important; } + +.rgba-mdb-color-slight, +.rgba-mdb-color-slight:after { + background-color: rgba(69, 82, 110, 0.1); } + +.rgba-mdb-color-light, +.rgba-mdb-color-light:after { + background-color: rgba(69, 82, 110, 0.3); } + +.rgba-mdb-color-strong, +.rgba-mdb-color-strong:after { + background-color: rgba(69, 82, 110, 0.7); } + +.mdb-color.darken-1 { + background-color: #3b465e !important; } + +.mdb-color.darken-2 { + background-color: #2e3951 !important; } + +.mdb-color.darken-3 { + background-color: #1c2a48 !important; } + +.mdb-color.darken-4 { + background-color: #1c2331 !important; } + +.red.lighten-5 { + background-color: #ffebee !important; } + +.red.lighten-4 { + background-color: #ffcdd2 !important; } + +.red.lighten-3 { + background-color: #ef9a9a !important; } + +.red.lighten-2 { + background-color: #e57373 !important; } + +.red.lighten-1 { + background-color: #ef5350 !important; } + +.red { + background-color: #f44336 !important; } + +.red-text { + color: #f44336 !important; } + +.rgba-red-slight, +.rgba-red-slight:after { + background-color: rgba(244, 67, 54, 0.1); } + +.rgba-red-light, +.rgba-red-light:after { + background-color: rgba(244, 67, 54, 0.3); } + +.rgba-red-strong, +.rgba-red-strong:after { + background-color: rgba(244, 67, 54, 0.7); } + +.red.darken-1 { + background-color: #e53935 !important; } + +.red.darken-2 { + background-color: #d32f2f !important; } + +.red.darken-3 { + background-color: #c62828 !important; } + +.red.darken-4 { + background-color: #b71c1c !important; } + +.red.accent-1 { + background-color: #ff8a80 !important; } + +.red.accent-2 { + background-color: #ff5252 !important; } + +.red.accent-3 { + background-color: #ff1744 !important; } + +.red.accent-4 { + background-color: #d50000 !important; } + +.pink.lighten-5 { + background-color: #fce4ec !important; } + +.pink.lighten-4 { + background-color: #f8bbd0 !important; } + +.pink.lighten-3 { + background-color: #f48fb1 !important; } + +.pink.lighten-2 { + background-color: #f06292 !important; } + +.pink.lighten-1 { + background-color: #ec407a !important; } + +.pink { + background-color: #e91e63 !important; } + +.pink-text { + color: #e91e63 !important; } + +.rgba-pink-slight, +.rgba-pink-slight:after { + background-color: rgba(233, 30, 99, 0.1); } + +.rgba-pink-light, +.rgba-pink-light:after { + background-color: rgba(233, 30, 99, 0.3); } + +.rgba-pink-strong, +.rgba-pink-strong:after { + background-color: rgba(233, 30, 99, 0.7); } + +.pink.darken-1 { + background-color: #d81b60 !important; } + +.pink.darken-2 { + background-color: #c2185b !important; } + +.pink.darken-3 { + background-color: #ad1457 !important; } + +.pink.darken-4 { + background-color: #880e4f !important; } + +.pink.accent-1 { + background-color: #ff80ab !important; } + +.pink.accent-2 { + background-color: #ff4081 !important; } + +.pink.accent-3 { + background-color: #f50057 !important; } + +.pink.accent-4 { + background-color: #c51162 !important; } + +.purple.lighten-5 { + background-color: #f3e5f5 !important; } + +.purple.lighten-4 { + background-color: #e1bee7 !important; } + +.purple.lighten-3 { + background-color: #ce93d8 !important; } + +.purple.lighten-2 { + background-color: #ba68c8 !important; } + +.purple.lighten-1 { + background-color: #ab47bc !important; } + +.purple { + background-color: #9c27b0 !important; } + +.purple-text { + color: #9c27b0 !important; } + +.rgba-purple-slight, +.rgba-purple-slight:after { + background-color: rgba(156, 39, 176, 0.1); } + +.rgba-purple-light, +.rgba-purple-light:after { + background-color: rgba(156, 39, 176, 0.3); } + +.rgba-purple-strong, +.rgba-purple-strong:after { + background-color: rgba(156, 39, 176, 0.7); } + +.purple.darken-1 { + background-color: #8e24aa !important; } + +.purple.darken-2 { + background-color: #7b1fa2 !important; } + +.purple.darken-3 { + background-color: #6a1b9a !important; } + +.purple.darken-4 { + background-color: #4a148c !important; } + +.purple.accent-1 { + background-color: #ea80fc !important; } + +.purple.accent-2 { + background-color: #e040fb !important; } + +.purple.accent-3 { + background-color: #d500f9 !important; } + +.purple.accent-4 { + background-color: #aa00ff !important; } + +.deep-purple.lighten-5 { + background-color: #ede7f6 !important; } + +.deep-purple.lighten-4 { + background-color: #d1c4e9 !important; } + +.deep-purple.lighten-3 { + background-color: #b39ddb !important; } + +.deep-purple.lighten-2 { + background-color: #9575cd !important; } + +.deep-purple.lighten-1 { + background-color: #7e57c2 !important; } + +.deep-purple { + background-color: #673ab7 !important; } + +.deep-purple-text { + color: #673ab7 !important; } + +.rgba-deep-purple-slight, +.rgba-deep-purple-slight:after { + background-color: rgba(103, 58, 183, 0.1); } + +.rgba-deep-purple-light, +.rgba-deep-purple-light:after { + background-color: rgba(103, 58, 183, 0.3); } + +.rgba-deep-purple-strong, +.rgba-deep-purple-strong:after { + background-color: rgba(103, 58, 183, 0.7); } + +.deep-purple.darken-1 { + background-color: #5e35b1 !important; } + +.deep-purple.darken-2 { + background-color: #512da8 !important; } + +.deep-purple.darken-3 { + background-color: #4527a0 !important; } + +.deep-purple.darken-4 { + background-color: #311b92 !important; } + +.deep-purple.accent-1 { + background-color: #b388ff !important; } + +.deep-purple.accent-2 { + background-color: #7c4dff !important; } + +.deep-purple.accent-3 { + background-color: #651fff !important; } + +.deep-purple.accent-4 { + background-color: #6200ea !important; } + +.indigo.lighten-5 { + background-color: #e8eaf6 !important; } + +.indigo.lighten-4 { + background-color: #c5cae9 !important; } + +.indigo.lighten-3 { + background-color: #9fa8da !important; } + +.indigo.lighten-2 { + background-color: #7986cb !important; } + +.indigo.lighten-1 { + background-color: #5c6bc0 !important; } + +.indigo { + background-color: #3f51b5 !important; } + +.indigo-text { + color: #3f51b5 !important; } + +.rgba-indigo-slight, +.rgba-indigo-slight:after { + background-color: rgba(63, 81, 181, 0.1); } + +.rgba-indigo-light, +.rgba-indigo-light:after { + background-color: rgba(63, 81, 181, 0.3); } + +.rgba-indigo-strong, +.rgba-indigo-strong:after { + background-color: rgba(63, 81, 181, 0.7); } + +.indigo.darken-1 { + background-color: #3949ab !important; } + +.indigo.darken-2 { + background-color: #303f9f !important; } + +.indigo.darken-3 { + background-color: #283593 !important; } + +.indigo.darken-4 { + background-color: #1a237e !important; } + +.indigo.accent-1 { + background-color: #8c9eff !important; } + +.indigo.accent-2 { + background-color: #536dfe !important; } + +.indigo.accent-3 { + background-color: #3d5afe !important; } + +.indigo.accent-4 { + background-color: #304ffe !important; } + +.blue.lighten-5 { + background-color: #e3f2fd !important; } + +.blue.lighten-4 { + background-color: #bbdefb !important; } + +.blue.lighten-3 { + background-color: #90caf9 !important; } + +.blue.lighten-2 { + background-color: #64b5f6 !important; } + +.blue.lighten-1 { + background-color: #42a5f5 !important; } + +.blue { + background-color: #2196f3 !important; } + +.blue-text { + color: #2196f3 !important; } + +.rgba-blue-slight, +.rgba-blue-slight:after { + background-color: rgba(33, 150, 243, 0.1); } + +.rgba-blue-light, +.rgba-blue-light:after { + background-color: rgba(33, 150, 243, 0.3); } + +.rgba-blue-strong, +.rgba-blue-strong:after { + background-color: rgba(33, 150, 243, 0.7); } + +.blue.darken-1 { + background-color: #1e88e5 !important; } + +.blue.darken-2 { + background-color: #1976d2 !important; } + +.blue.darken-3 { + background-color: #1565c0 !important; } + +.blue.darken-4 { + background-color: #0d47a1 !important; } + +.blue.accent-1 { + background-color: #82b1ff !important; } + +.blue.accent-2 { + background-color: #448aff !important; } + +.blue.accent-3 { + background-color: #2979ff !important; } + +.blue.accent-4 { + background-color: #2962ff !important; } + +.light-blue.lighten-5 { + background-color: #e1f5fe !important; } + +.light-blue.lighten-4 { + background-color: #b3e5fc !important; } + +.light-blue.lighten-3 { + background-color: #81d4fa !important; } + +.light-blue.lighten-2 { + background-color: #4fc3f7 !important; } + +.light-blue.lighten-1 { + background-color: #29b6f6 !important; } + +.light-blue { + background-color: #03a9f4 !important; } + +.light-blue-text { + color: #03a9f4 !important; } + +.rgba-light-blue-slight, +.rgba-light-blue-slight:after { + background-color: rgba(3, 169, 244, 0.1); } + +.rgba-light-blue-light, +.rgba-light-blue-light:after { + background-color: rgba(3, 169, 244, 0.3); } + +.rgba-light-blue-strong, +.rgba-light-blue-strong:after { + background-color: rgba(3, 169, 244, 0.7); } + +.light-blue.darken-1 { + background-color: #039be5 !important; } + +.light-blue.darken-2 { + background-color: #0288d1 !important; } + +.light-blue.darken-3 { + background-color: #0277bd !important; } + +.light-blue.darken-4 { + background-color: #01579b !important; } + +.light-blue.accent-1 { + background-color: #80d8ff !important; } + +.light-blue.accent-2 { + background-color: #40c4ff !important; } + +.light-blue.accent-3 { + background-color: #00b0ff !important; } + +.light-blue.accent-4 { + background-color: #0091ea !important; } + +.cyan.lighten-5 { + background-color: #e0f7fa !important; } + +.cyan.lighten-4 { + background-color: #b2ebf2 !important; } + +.cyan.lighten-3 { + background-color: #80deea !important; } + +.cyan.lighten-2 { + background-color: #4dd0e1 !important; } + +.cyan.lighten-1 { + background-color: #26c6da !important; } + +.cyan { + background-color: #00bcd4 !important; } + +.cyan-text { + color: #00bcd4 !important; } + +.rgba-cyan-slight, +.rgba-cyan-slight:after { + background-color: rgba(0, 188, 212, 0.1); } + +.rgba-cyan-light, +.rgba-cyan-light:after { + background-color: rgba(0, 188, 212, 0.3); } + +.rgba-cyan-strong, +.rgba-cyan-strong:after { + background-color: rgba(0, 188, 212, 0.7); } + +.cyan.darken-1 { + background-color: #00acc1 !important; } + +.cyan.darken-2 { + background-color: #0097a7 !important; } + +.cyan.darken-3 { + background-color: #00838f !important; } + +.cyan.darken-4 { + background-color: #006064 !important; } + +.cyan.accent-1 { + background-color: #84ffff !important; } + +.cyan.accent-2 { + background-color: #18ffff !important; } + +.cyan.accent-3 { + background-color: #00e5ff !important; } + +.cyan.accent-4 { + background-color: #00b8d4 !important; } + +.teal.lighten-5 { + background-color: #e0f2f1 !important; } + +.teal.lighten-4 { + background-color: #b2dfdb !important; } + +.teal.lighten-3 { + background-color: #80cbc4 !important; } + +.teal.lighten-2 { + background-color: #4db6ac !important; } + +.teal.lighten-1 { + background-color: #26a69a !important; } + +.teal { + background-color: #009688 !important; } + +.teal-text { + color: #009688 !important; } + +.rgba-teal-slight, +.rgba-teal-slight:after { + background-color: rgba(0, 150, 136, 0.1); } + +.rgba-teal-light, +.rgba-teal-light:after { + background-color: rgba(0, 150, 136, 0.3); } + +.rgba-teal-strong, +.rgba-teal-strong:after { + background-color: rgba(0, 150, 136, 0.7); } + +.teal.darken-1 { + background-color: #00897b !important; } + +.teal.darken-2 { + background-color: #00796b !important; } + +.teal.darken-3 { + background-color: #00695c !important; } + +.teal.darken-4 { + background-color: #004d40 !important; } + +.teal.accent-1 { + background-color: #a7ffeb !important; } + +.teal.accent-2 { + background-color: #64ffda !important; } + +.teal.accent-3 { + background-color: #1de9b6 !important; } + +.teal.accent-4 { + background-color: #00bfa5 !important; } + +.green.lighten-5 { + background-color: #e8f5e9 !important; } + +.green.lighten-4 { + background-color: #c8e6c9 !important; } + +.green.lighten-3 { + background-color: #a5d6a7 !important; } + +.green.lighten-2 { + background-color: #81c784 !important; } + +.green.lighten-1 { + background-color: #66bb6a !important; } + +.green { + background-color: #4caf50 !important; } + +.green-text { + color: #4caf50 !important; } + +.rgba-green-slight, +.rgba-green-slight:after { + background-color: rgba(76, 175, 80, 0.1); } + +.rgba-green-light, +.rgba-green-light:after { + background-color: rgba(76, 175, 80, 0.3); } + +.rgba-green-strong, +.rgba-green-strong:after { + background-color: rgba(76, 175, 80, 0.7); } + +.green.darken-1 { + background-color: #43a047 !important; } + +.green.darken-2 { + background-color: #388e3c !important; } + +.green.darken-3 { + background-color: #2e7d32 !important; } + +.green.darken-4 { + background-color: #1b5e20 !important; } + +.green.accent-1 { + background-color: #b9f6ca !important; } + +.green.accent-2 { + background-color: #69f0ae !important; } + +.green.accent-3 { + background-color: #00e676 !important; } + +.green.accent-4 { + background-color: #00c853 !important; } + +.light-green.lighten-5 { + background-color: #f1f8e9 !important; } + +.light-green.lighten-4 { + background-color: #dcedc8 !important; } + +.light-green.lighten-3 { + background-color: #c5e1a5 !important; } + +.light-green.lighten-2 { + background-color: #aed581 !important; } + +.light-green.lighten-1 { + background-color: #9ccc65 !important; } + +.light-green { + background-color: #8bc34a !important; } + +.light-green-text { + color: #8bc34a !important; } + +.rgba-light-green-slight, +.rgba-light-green-slight:after { + background-color: rgba(139, 195, 74, 0.1); } + +.rgba-light-green-light, +.rgba-light-green-light:after { + background-color: rgba(139, 195, 74, 0.3); } + +.rgba-light-green-strong, +.rgba-light-green-strong:after { + background-color: rgba(139, 195, 74, 0.7); } + +.light-green.darken-1 { + background-color: #7cb342 !important; } + +.light-green.darken-2 { + background-color: #689f38 !important; } + +.light-green.darken-3 { + background-color: #558b2f !important; } + +.light-green.darken-4 { + background-color: #33691e !important; } + +.light-green.accent-1 { + background-color: #ccff90 !important; } + +.light-green.accent-2 { + background-color: #b2ff59 !important; } + +.light-green.accent-3 { + background-color: #76ff03 !important; } + +.light-green.accent-4 { + background-color: #64dd17 !important; } + +.lime.lighten-5 { + background-color: #f9fbe7 !important; } + +.lime.lighten-4 { + background-color: #f0f4c3 !important; } + +.lime.lighten-3 { + background-color: #e6ee9c !important; } + +.lime.lighten-2 { + background-color: #dce775 !important; } + +.lime.lighten-1 { + background-color: #d4e157 !important; } + +.lime { + background-color: #cddc39 !important; } + +.lime-text { + color: #cddc39 !important; } + +.rgba-lime-slight, +.rgba-lime-slight:after { + background-color: rgba(205, 220, 57, 0.1); } + +.rgba-lime-light, +.rgba-lime-light:after { + background-color: rgba(205, 220, 57, 0.3); } + +.rgba-lime-strong, +.rgba-lime-strong:after { + background-color: rgba(205, 220, 57, 0.7); } + +.lime.darken-1 { + background-color: #c0ca33 !important; } + +.lime.darken-2 { + background-color: #afb42b !important; } + +.lime.darken-3 { + background-color: #9e9d24 !important; } + +.lime.darken-4 { + background-color: #827717 !important; } + +.lime.accent-1 { + background-color: #f4ff81 !important; } + +.lime.accent-2 { + background-color: #eeff41 !important; } + +.lime.accent-3 { + background-color: #c6ff00 !important; } + +.lime.accent-4 { + background-color: #aeea00 !important; } + +.yellow.lighten-5 { + background-color: #fffde7 !important; } + +.yellow.lighten-4 { + background-color: #fff9c4 !important; } + +.yellow.lighten-3 { + background-color: #fff59d !important; } + +.yellow.lighten-2 { + background-color: #fff176 !important; } + +.yellow.lighten-1 { + background-color: #ffee58 !important; } + +.yellow { + background-color: #ffeb3b !important; } + +.yellow-text { + color: #ffeb3b !important; } + +.rgba-yellow-slight, +.rgba-yellow-slight:after { + background-color: rgba(255, 235, 59, 0.1); } + +.rgba-yellow-light, +.rgba-yellow-light:after { + background-color: rgba(255, 235, 59, 0.3); } + +.rgba-yellow-strong, +.rgba-yellow-strong:after { + background-color: rgba(255, 235, 59, 0.7); } + +.yellow.darken-1 { + background-color: #fdd835 !important; } + +.yellow.darken-2 { + background-color: #fbc02d !important; } + +.yellow.darken-3 { + background-color: #f9a825 !important; } + +.yellow.darken-4 { + background-color: #f57f17 !important; } + +.yellow.accent-1 { + background-color: #ffff8d !important; } + +.yellow.accent-2 { + background-color: #ffff00 !important; } + +.yellow.accent-3 { + background-color: #ffea00 !important; } + +.yellow.accent-4 { + background-color: #ffd600 !important; } + +.amber.lighten-5 { + background-color: #fff8e1 !important; } + +.amber.lighten-4 { + background-color: #ffecb3 !important; } + +.amber.lighten-3 { + background-color: #ffe082 !important; } + +.amber.lighten-2 { + background-color: #ffd54f !important; } + +.amber.lighten-1 { + background-color: #ffca28 !important; } + +.amber { + background-color: #ffc107 !important; } + +.amber-text { + color: #ffc107 !important; } + +.rgba-amber-slight, +.rgba-amber-slight:after { + background-color: rgba(255, 193, 7, 0.1); } + +.rgba-amber-light, +.rgba-amber-light:after { + background-color: rgba(255, 193, 7, 0.3); } + +.rgba-amber-strong, +.rgba-amber-strong:after { + background-color: rgba(255, 193, 7, 0.7); } + +.amber.darken-1 { + background-color: #ffb300 !important; } + +.amber.darken-2 { + background-color: #ffa000 !important; } + +.amber.darken-3 { + background-color: #ff8f00 !important; } + +.amber.darken-4 { + background-color: #ff6f00 !important; } + +.amber.accent-1 { + background-color: #ffe57f !important; } + +.amber.accent-2 { + background-color: #ffd740 !important; } + +.amber.accent-3 { + background-color: #ffc400 !important; } + +.amber.accent-4 { + background-color: #ffab00 !important; } + +.orange.lighten-5 { + background-color: #fff3e0 !important; } + +.orange.lighten-4 { + background-color: #ffe0b2 !important; } + +.orange.lighten-3 { + background-color: #ffcc80 !important; } + +.orange.lighten-2 { + background-color: #ffb74d !important; } + +.orange.lighten-1 { + background-color: #ffa726 !important; } + +.orange { + background-color: #ff9800 !important; } + +.orange-text { + color: #ff9800 !important; } + +.rgba-orange-slight, +.rgba-orange-slight:after { + background-color: rgba(255, 152, 0, 0.1); } + +.rgba-orange-light, +.rgba-orange-light:after { + background-color: rgba(255, 152, 0, 0.3); } + +.rgba-orange-strong, +.rgba-orange-strong:after { + background-color: rgba(255, 152, 0, 0.7); } + +.orange.darken-1 { + background-color: #fb8c00 !important; } + +.orange.darken-2 { + background-color: #f57c00 !important; } + +.orange.darken-3 { + background-color: #ef6c00 !important; } + +.orange.darken-4 { + background-color: #e65100 !important; } + +.orange.accent-1 { + background-color: #ffd180 !important; } + +.orange.accent-2 { + background-color: #ffab40 !important; } + +.orange.accent-3 { + background-color: #ff9100 !important; } + +.orange.accent-4 { + background-color: #ff6d00 !important; } + +.deep-orange.lighten-5 { + background-color: #fbe9e7 !important; } + +.deep-orange.lighten-4 { + background-color: #ffccbc !important; } + +.deep-orange.lighten-3 { + background-color: #ffab91 !important; } + +.deep-orange.lighten-2 { + background-color: #ff8a65 !important; } + +.deep-orange.lighten-1 { + background-color: #ff7043 !important; } + +.deep-orange { + background-color: #ff5722 !important; } + +.deep-orange-text { + color: #ff5722 !important; } + +.rgba-deep-orange-slight, +.rgba-deep-orange-slight:after { + background-color: rgba(255, 87, 34, 0.1); } + +.rgba-deep-orange-light, +.rgba-deep-orange-light:after { + background-color: rgba(255, 87, 34, 0.3); } + +.rgba-deep-orange-strong, +.rgba-deep-orange-strong:after { + background-color: rgba(255, 87, 34, 0.7); } + +.deep-orange.darken-1 { + background-color: #f4511e !important; } + +.deep-orange.darken-2 { + background-color: #e64a19 !important; } + +.deep-orange.darken-3 { + background-color: #d84315 !important; } + +.deep-orange.darken-4 { + background-color: #bf360c !important; } + +.deep-orange.accent-1 { + background-color: #ff9e80 !important; } + +.deep-orange.accent-2 { + background-color: #ff6e40 !important; } + +.deep-orange.accent-3 { + background-color: #ff3d00 !important; } + +.deep-orange.accent-4 { + background-color: #dd2c00 !important; } + +.brown.lighten-5 { + background-color: #efebe9 !important; } + +.brown.lighten-4 { + background-color: #d7ccc8 !important; } + +.brown.lighten-3 { + background-color: #bcaaa4 !important; } + +.brown.lighten-2 { + background-color: #a1887f !important; } + +.brown.lighten-1 { + background-color: #8d6e63 !important; } + +.brown { + background-color: #795548 !important; } + +.brown-text { + color: #795548 !important; } + +.rgba-brown-slight, +.rgba-brown-slight:after { + background-color: rgba(121, 85, 72, 0.1); } + +.rgba-brown-light, +.rgba-brown-light:after { + background-color: rgba(121, 85, 72, 0.3); } + +.rgba-brown-strong, +.rgba-brown-strong:after { + background-color: rgba(121, 85, 72, 0.7); } + +.brown.darken-1 { + background-color: #6d4c41 !important; } + +.brown.darken-2 { + background-color: #5d4037 !important; } + +.brown.darken-3 { + background-color: #4e342e !important; } + +.brown.darken-4 { + background-color: #3e2723 !important; } + +.blue-grey.lighten-5 { + background-color: #eceff1 !important; } + +.blue-grey.lighten-4 { + background-color: #cfd8dc !important; } + +.blue-grey.lighten-3 { + background-color: #b0bec5 !important; } + +.blue-grey.lighten-2 { + background-color: #90a4ae !important; } + +.blue-grey.lighten-1 { + background-color: #78909c !important; } + +.blue-grey { + background-color: #607d8b !important; } + +.blue-grey-text { + color: #607d8b !important; } + +.rgba-blue-grey-slight, +.rgba-blue-grey-slight:after { + background-color: rgba(96, 125, 139, 0.1); } + +.rgba-blue-grey-light, +.rgba-blue-grey-light:after { + background-color: rgba(96, 125, 139, 0.3); } + +.rgba-blue-grey-strong, +.rgba-blue-grey-strong:after { + background-color: rgba(96, 125, 139, 0.7); } + +.blue-grey.darken-1 { + background-color: #546e7a !important; } + +.blue-grey.darken-2 { + background-color: #455a64 !important; } + +.blue-grey.darken-3 { + background-color: #37474f !important; } + +.blue-grey.darken-4 { + background-color: #263238 !important; } + +.grey.lighten-5 { + background-color: #fafafa !important; } + +.grey.lighten-4 { + background-color: #f5f5f5 !important; } + +.grey.lighten-3 { + background-color: #eeeeee !important; } + +.grey.lighten-2 { + background-color: #e0e0e0 !important; } + +.grey.lighten-1 { + background-color: #bdbdbd !important; } + +.grey { + background-color: #9e9e9e !important; } + +.grey-text { + color: #9e9e9e !important; } + +.rgba-grey-slight, +.rgba-grey-slight:after { + background-color: rgba(158, 158, 158, 0.1); } + +.rgba-grey-light, .md-pills .nav-link:hover, +.rgba-grey-light:after, +.md-pills .nav-link:hover:after { + background-color: rgba(158, 158, 158, 0.3); } + +.rgba-grey-strong, +.rgba-grey-strong:after { + background-color: rgba(158, 158, 158, 0.7); } + +.grey.darken-1 { + background-color: #757575 !important; } + +.grey.darken-2 { + background-color: #616161 !important; } + +.grey.darken-3 { + background-color: #424242 !important; } + +.grey.darken-4 { + background-color: #212121 !important; } + +.black, .picker__list-item:hover { + background-color: #000 !important; } + +.black-text, .btn.btn-link, .md-toast-close-button:hover, +.md-toast-close-button:focus { + color: #000 !important; } + +.rgba-black-slight, +.rgba-black-slight:after { + background-color: rgba(0, 0, 0, 0.1); } + +.rgba-black-light, +.rgba-black-light:after { + background-color: rgba(0, 0, 0, 0.3); } + +.rgba-black-strong, +.rgba-black-strong:after { + background-color: rgba(0, 0, 0, 0.7); } + +.white, .carousel-thumbnails .carousel-indicators .active, .picker__list-item, .picker__box .picker__header .picker__select--month.browser-default, .picker__box .picker__header .picker__select--year.browser-default { + background-color: #fff !important; } + +.white-text, .card.card-cascade .view.view-cascade.gradient-card-header, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, +.dropup .dropdown-menu .dropdown-item:hover, +.dropup .dropdown-menu .dropdown-item:active, +.dropleft .dropdown-menu .dropdown-item:hover, +.dropleft .dropdown-menu .dropdown-item:active, +.dropright .dropdown-menu .dropdown-item:hover, +.dropright .dropdown-menu .dropdown-item:active, .side-nav, .side-nav .search-form .form-control, .md-toast-message a, +.md-toast-message label, .md-toast-close-button, #toast-container > div, .picker__list-item--selected, +.picker__list-item--selected:hover, +.picker--focused .picker__list-item--selected, .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before, .picker__date-display, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .darktheme .picker__box .picker__date-display .clockpicker-display, .darktheme .picker__box .picker__date-display .clockpicker-display .clockpicker-span-am-pm, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick, .darktheme .picker__box .picker__footer button, .picker__box .picker__header .picker__date-display, .picker__box .picker__table .picker__day--outfocus, .picker__box .picker__table .picker__day--selected, +.picker__box .picker__table .picker__day--selected:hover, +.picker__box .picker__table .picker--focused { + color: #fff !important; } + +.rgba-white-slight, +.rgba-white-slight:after { + background-color: rgba(255, 255, 255, 0.1); } + +.rgba-white-light, +.rgba-white-light:after { + background-color: rgba(255, 255, 255, 0.3); } + +.rgba-white-strong, +.rgba-white-strong:after { + background-color: rgba(255, 255, 255, 0.7); } + +.rgba-stylish-slight { + background-color: rgba(62, 69, 81, 0.1); } + +.rgba-stylish-light { + background-color: rgba(62, 69, 81, 0.3); } + +.rgba-stylish-strong { + background-color: rgba(62, 69, 81, 0.7); } + +.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle { + background-color: #4285f4 !important; } + +.primary-color-dark { + background-color: #0d47a1 !important; } + +.secondary-color { + background-color: #aa66cc !important; } + +.secondary-color-dark { + background-color: #9933cc !important; } + +.default-color { + background-color: #2bbbad !important; } + +.default-color-dark { + background-color: #00695c !important; } + +.info-color { + background-color: #33b5e5 !important; } + +.info-color-dark { + background-color: #0099cc !important; } + +.success-color { + background-color: #00c851 !important; } + +.success-color-dark { + background-color: #007e33 !important; } + +.warning-color { + background-color: #ffbb33 !important; } + +.warning-color-dark { + background-color: #ff8800 !important; } + +.danger-color, ul.stepper li.warning a .circle { + background-color: #ff3547 !important; } + +.danger-color-dark { + background-color: #cc0000 !important; } + +.elegant-color { + background-color: #2e2e2e !important; } + +.elegant-color-dark { + background-color: #212121 !important; } + +.stylish-color { + background-color: #4b515d !important; } + +.stylish-color-dark { + background-color: #3e4551 !important; } + +.unique-color { + background-color: #3f729b !important; } + +.unique-color-dark { + background-color: #1c2331 !important; } + +.special-color { + background-color: #37474f !important; } + +.special-color-dark { + background-color: #263238 !important; } + +.purple-gradient { + background: -webkit-linear-gradient(50deg, #ff6ec4, #7873f5) !important; + background: -o-linear-gradient(50deg, #ff6ec4, #7873f5) !important; + background: linear-gradient(40deg, #ff6ec4, #7873f5) !important; } + +.peach-gradient { + background: -webkit-linear-gradient(50deg, #FFD86F, #FC6262) !important; + background: -o-linear-gradient(50deg, #FFD86F, #FC6262) !important; + background: linear-gradient(40deg, #FFD86F, #FC6262) !important; } + +.aqua-gradient { + background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3) !important; + background: -o-linear-gradient(50deg, #2096ff, #05ffa3) !important; + background: linear-gradient(40deg, #2096ff, #05ffa3) !important; } + +.blue-gradient { + background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important; + background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important; + background: linear-gradient(40deg, #45cafc, #303f9f) !important; } + +.purple-gradient-rgba { + background: -webkit-linear-gradient(50deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; + background: -o-linear-gradient(50deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; + background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important; } + +.peach-gradient-rgba { + background: -webkit-linear-gradient(50deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; + background: -o-linear-gradient(50deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; + background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important; } + +.aqua-gradient-rgba { + background: -webkit-linear-gradient(50deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; + background: -o-linear-gradient(50deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; + background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important; } + +.blue-gradient-rgba { + background: -webkit-linear-gradient(50deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; + background: -o-linear-gradient(50deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; + background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important; } + +.dark-grey-text { + color: #4f4f4f !important; } + .dark-grey-text:hover, .dark-grey-text:focus { + color: #4f4f4f !important; } + +.hoverable { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: all 0.55s ease-in-out; + -o-transition: all 0.55s ease-in-out; + transition: all 0.55s ease-in-out; } + .hoverable:hover { + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-transition: all 0.55s ease-in-out; + -o-transition: all 0.55s ease-in-out; + transition: all 0.55s ease-in-out; } + +.z-depth-0 { + -webkit-box-shadow: none !important; + box-shadow: none !important; } + +.z-depth-1, .chip:active { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; } + +.z-depth-1-half { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; } + +.z-depth-2 { + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; } + +.z-depth-3 { + -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; + box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important; } + +.z-depth-4 { + -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; + box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important; } + +.z-depth-5 { + -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important; } + +.disabled, +:disabled { + pointer-events: none !important; } + +a { + cursor: pointer; + text-decoration: none; + color: #007bff; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + a:hover { + text-decoration: none; + color: #0056b3; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + a.disabled:hover, a:disabled:hover { + color: #007bff; } + +a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; } + +.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, +.video-fluid { + max-width: 100%; + height: auto; } + +.flex-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 100%; } + .flex-center p { + margin: 0; } + .flex-center ul { + text-align: center; } + .flex-center ul li { + margin-bottom: 1rem; } + .flex-center ul li:last-of-type { + margin-bottom: 0; } + +.hr-light { + border-top: 1px solid #fff; } + +.hr-dark { + border-top: 1px solid #666; } + +.w-responsive { + width: 75%; } + @media (max-width: 740px) { + .w-responsive { + width: 100%; } } + +.collapsible-body { + display: none; } + +.jumbotron { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + background-color: #fff; } + +.bg-primary { + background-color: #4285f4 !important; } + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #1266f1 !important; } + +.border-primary { + border-color: #4285f4 !important; } + +.bg-danger { + background-color: #ff3547 !important; } + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ff0219 !important; } + +.border-danger { + border-color: #ff3547 !important; } + +.bg-warning { + background-color: #ffbb33 !important; } + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #ffaa00 !important; } + +.border-warning { + border-color: #ffbb33 !important; } + +.bg-success { + background-color: #00c851 !important; } + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #00953c !important; } + +.border-success { + border-color: #00c851 !important; } + +.bg-info { + background-color: #33b5e5 !important; } + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1a9bcb !important; } + +.border-info { + border-color: #33b5e5 !important; } + +.bg-default { + background-color: #2bbbad !important; } + +a.bg-default:hover, a.bg-default:focus, +button.bg-default:hover, +button.bg-default:focus { + background-color: #219287 !important; } + +.border-default { + border-color: #2bbbad !important; } + +.bg-secondary { + background-color: #aa66cc !important; } + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #9540bf !important; } + +.border-secondary { + border-color: #aa66cc !important; } + +.bg-dark { + background-color: #212121 !important; } + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #080808 !important; } + +.border-dark { + border-color: #212121 !important; } + +.bg-light { + background-color: #e0e0e0 !important; } + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #c7c7c7 !important; } + +.border-light { + border-color: #e0e0e0 !important; } + +.card-img-100 { + width: 100px; + height: 100px; } + +.card-img-64 { + width: 64px; + height: 64px; } + +.mml-1 { + margin-left: -0.25rem !important; } + +.flex-1 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +@font-face { + font-family: "Roboto"; + src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot"); + src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype"); + font-weight: 200; } + +@font-face { + font-family: "Roboto"; + src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot"); + src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype"); + font-weight: 300; } + +@font-face { + font-family: "Roboto"; + src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot"); + src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype"); + font-weight: 400; } + +@font-face { + font-family: "Roboto"; + src: url("../font/roboto/Roboto-Medium.eot"); + src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype"); + font-weight: 500; } + +@font-face { + font-family: "Roboto"; + src: url("../font/roboto/Roboto-Bold.eot"); + src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype"); + font-weight: 700; } + +body { + font-family: "Roboto", sans-serif; + font-weight: 300; } + +h1, h2, h3, h4, h5, h6 { + font-weight: 300; } + +.h1-responsive { + font-size: 150%; } + +.h2-responsive { + font-size: 145%; } + +.h3-responsive { + font-size: 135%; } + +.h4-responsive { + font-size: 135%; } + +.h5-responsive { + font-size: 135%; } + +@media (min-width: 576px) { + .h1-responsive { + font-size: 170%; } + .h2-responsive { + font-size: 140%; } + .h3-responsive { + font-size: 125%; } + .h4-responsive { + font-size: 125%; } + .h5-responsive { + font-size: 125%; } } + +@media (min-width: 768px) { + .h1-responsive { + font-size: 200%; } + .h2-responsive { + font-size: 170%; } + .h3-responsive { + font-size: 140%; } + .h4-responsive { + font-size: 125%; } + .h5-responsive { + font-size: 125%; } } + +@media (min-width: 992px) { + .h1-responsive { + font-size: 200%; } + .h2-responsive { + font-size: 170%; } + .h3-responsive { + font-size: 140%; } + .h4-responsive { + font-size: 125%; } + .h5-responsive { + font-size: 125%; } } + +@media (min-width: 1200px) { + .h1-responsive { + font-size: 250%; } + .h2-responsive { + font-size: 200%; } + .h3-responsive { + font-size: 170%; } + .h4-responsive { + font-size: 140%; } + .h5-responsive { + font-size: 125%; } } + +.divider-new { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 2.8rem; + margin-bottom: 2.8rem; } + .divider-new > h1, .divider-new h2, .divider-new h3, .divider-new h4, .divider-new h5, .divider-new h6 { + margin-bottom: 0; } + .divider-new:before, .divider-new:after { + content: ""; + height: 1.5px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: 2px; + background: #c6c6c6; } + .divider-new:before { + margin: 0 0.5rem 0 0; } + .divider-new:after { + margin: 0 0 0 0.5rem; } + +.blockquote { + padding: 0.5rem 1rem; + border-left: .25rem solid #eceeef; } + .blockquote.text-right { + border-left: none; + border-right: .25rem solid #eceeef; } + .blockquote .bq-title { + margin-bottom: 0; + font-size: 1.5rem; + font-weight: 400; } + .blockquote p { + padding: 1rem 0; + font-size: 1.1rem; } + +.bq-primary { + border-left: 3px solid #4285f4 !important; } + .bq-primary .bq-title { + color: #4285f4 !important; } + +.bq-danger { + border-left: 3px solid #ff3547 !important; } + .bq-danger .bq-title { + color: #ff3547 !important; } + +.bq-warning { + border-left: 3px solid #ffbb33 !important; } + .bq-warning .bq-title { + color: #ffbb33 !important; } + +.bq-success { + border-left: 3px solid #00c851 !important; } + .bq-success .bq-title { + color: #00c851 !important; } + +.bq-info { + border-left: 3px solid #33b5e5 !important; } + .bq-info .bq-title { + color: #33b5e5 !important; } + +.text-primary { + color: #4285f4 !important; } + +a.text-primary:hover, a.text-primary:focus { + color: #1266f1 !important; } + +.text-danger { + color: #ff3547 !important; } + +a.text-danger:hover, a.text-danger:focus { + color: #ff0219 !important; } + +.text-warning { + color: #ffbb33 !important; } + +a.text-warning:hover, a.text-warning:focus { + color: #ffaa00 !important; } + +.text-success { + color: #00c851 !important; } + +a.text-success:hover, a.text-success:focus { + color: #00953c !important; } + +.text-info { + color: #33b5e5 !important; } + +a.text-info:hover, a.text-info:focus { + color: #1a9bcb !important; } + +.text-default { + color: #2bbbad !important; } + +a.text-default:hover, a.text-default:focus { + color: #219287 !important; } + +.text-secondary { + color: #aa66cc !important; } + +a.text-secondary:hover, a.text-secondary:focus { + color: #9540bf !important; } + +.text-dark { + color: #212121 !important; } + +a.text-dark:hover, a.text-dark:focus { + color: #080808 !important; } + +.text-light { + color: #e0e0e0 !important; } + +a.text-light:hover, a.text-light:focus { + color: #c7c7c7 !important; } + +.font-small { + font-size: 0.9rem; } + +.view { + position: relative; + overflow: hidden; + cursor: default; } + .view .mask { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + width: 100%; + height: 100%; + background-attachment: fixed; } + .view img, .view video { + position: relative; + display: block; } + .view video.video-intro { + z-index: -100; + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + -webkit-transition: 1s opacity; + -o-transition: 1s opacity; + transition: 1s opacity; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; } + +.overlay .mask { + opacity: 0; + -webkit-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; } + .overlay .mask:hover { + opacity: 1; } + +.zoom img, .zoom video { + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; } + +.zoom:hover img, .zoom:hover video { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + +.pattern-1 { + background: url("../img/overlays/01.png"); + background-attachment: fixed; } + +.pattern-2 { + background: url("../img/overlays/02.png"); + background-attachment: fixed; } + +.pattern-3 { + background: url("../img/overlays/03.png"); + background-attachment: fixed; } + +.pattern-4 { + background: url("../img/overlays/04.png"); + background-attachment: fixed; } + +.pattern-5 { + background: url("../img/overlays/05.png"); + background-attachment: fixed; } + +.pattern-6 { + background: url("../img/overlays/06.png"); + background-attachment: fixed; } + +.pattern-7 { + background: url("../img/overlays/07.png"); + background-attachment: fixed; } + +.pattern-8 { + background: url("../img/overlays/08.png"); + background-attachment: fixed; } + +.pattern-9 { + background: url("../img/overlays/09.png"); + background-attachment: fixed; } + +/*! + * Waves v0.7.6 + * http://fian.my.id/Waves + * + * Copyright 2014-2018 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE */ +.waves-effect { + position: relative; + cursor: pointer; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; } + .waves-effect .waves-ripple { + position: absolute; + -webkit-border-radius: 50%; + border-radius: 50%; + width: 100px; + height: 100px; + margin-top: -50px; + margin-left: -50px; + opacity: 0; + background: rgba(0, 0, 0, 0.2); + background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + -webkit-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -o-transition-property: -o-transform, opacity; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + -o-transition-property: transform, opacity; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + -webkit-transform: scale(0) translate(0, 0); + -ms-transform: scale(0) translate(0, 0); + transform: scale(0) translate(0, 0); + pointer-events: none; } + .waves-effect.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); + background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } + .waves-effect.waves-classic .waves-ripple { + background: rgba(0, 0, 0, 0.2); } + .waves-effect.waves-classic.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); } + +.waves-notransition { + -webkit-transition: none !important; + -o-transition: none !important; + transition: none !important; } + +.waves-button, +.waves-circle { + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } + +.waves-button, +.waves-button:hover, +.waves-button:visited, +.waves-button-input { + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: none; + outline: none; + color: inherit; + background-color: rgba(0, 0, 0, 0); + font-size: 1em; + line-height: 1em; + text-align: center; + text-decoration: none; + z-index: 1; } + +.waves-button { + padding: 0.85em 1.1em; + -webkit-border-radius: 0.2em; + border-radius: 0.2em; } + +.waves-button-input { + margin: 0; + padding: 0.85em 1.1em; } + +.waves-input-wrapper { + display: inline-block; + position: relative; + vertical-align: middle; + -webkit-border-radius: 0.2em; + border-radius: 0.2em; } + .waves-input-wrapper.waves-button { + padding: 0; } + .waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1; } + +.waves-circle { + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + -webkit-border-radius: 50%; + border-radius: 50%; } + +.waves-float { + -webkit-mask-image: none; + -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + -webkit-transition: all 300ms; + -o-transition: all 300ms; + transition: all 300ms; } + .waves-float:active { + -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } + +.waves-block { + display: block; } + +a.waves-effect, a.waves-light { + display: inline-block; } + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.7.0 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */ +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } + .animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } + .animated.delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; } + .animated.delay-2s { + -webkit-animation-delay: 2s; + animation-delay: 2s; } + .animated.delay-3s { + -webkit-animation-delay: 3s; + animation-delay: 3s; } + .animated.delay-4s { + -webkit-animation-delay: 4s; + animation-delay: 4s; } + .animated.delay-5s { + -webkit-animation-delay: 5s; + animation-delay: 5s; } + .animated.fast { + -webkit-animation-duration: 800ms; + animation-duration: 800ms; } + .animated.faster { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; } + .animated.slow { + -webkit-animation-duration: 2s; + animation-duration: 2s; } + .animated.slower { + -webkit-animation-duration: 3s; + animation-duration: 3s; } + +@media (prefers-reduced-motion) { + .animated { + -webkit-animation: unset !important; + animation: unset !important; + -webkit-transition: none !important; + -o-transition: none !important; + transition: none !important; } } + +@-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; } + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; } + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; } + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; } + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; } + +@-webkit-keyframes fadeOut { + from { + opacity: 1; } + to { + opacity: 0; } } + +@keyframes fadeOut { + from { + opacity: 1; } + to { + opacity: 0; } } + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; } + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +@keyframes fadeOutDown { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; } + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +@keyframes fadeOutLeft { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; } + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +@keyframes fadeOutRight { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; } + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +@keyframes fadeOutUp { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.7.0 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); } } +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); } } + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; } + +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; } + 25%, + 75% { + opacity: 0; } } + +@keyframes flash { + from, + 50%, + to { + opacity: 1; } + 25%, + 75% { + opacity: 0; } } + +.flash { + -webkit-animation-name: flash; + animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; } + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; } + +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } } + +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } } + +.shake { + -webkit-animation-name: shake; + animation-name: shake; } + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); } } + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); } } + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; } + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); } } + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); } } + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; } + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.tada { + -webkit-animation-name: tada; + animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } +@keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; } + +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; } + +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); } + 28% { + -webkit-transform: scale(1); + transform: scale(1); } + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); } + 70% { + -webkit-transform: scale(1); + transform: scale(1); } } + +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); } + 28% { + -webkit-transform: scale(1); + transform: scale(1); } + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); } + 70% { + -webkit-transform: scale(1); + transform: scale(1); } } + +.heartBeat { + -webkit-animation-name: heartBeat; + animation-name: heartBeat; + -webkit-animation-duration: 1.3s; + animation-duration: 1.3s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.bounceIn { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; } + +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; } + +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; } + +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; } + +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; } + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } + +.bounceOut { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; } + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; } + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; } + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; } + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; } + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; } + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; } + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; } + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; } + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +@keyframes fadeOutDownBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; } + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +@keyframes fadeOutLeftBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; } + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +@keyframes fadeOutRightBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; } + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +@keyframes fadeOutUpBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; } + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } + +@keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } + +.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; } + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; } + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; } + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; } } + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; } } + +.flipOutX { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; } + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; } } + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; } } + +.flipOutY { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; } + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; } } + +@keyframes lightSpeedOut { + from { + opacity: 1; } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; } } + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; } + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; } + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; } + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; } + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } } + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; } + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; } } + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; } } + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; } + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } } + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } } + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; } + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; } + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; } + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; } } + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; } } + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; } + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; } } + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; } } + +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; } + +@-webkit-keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; } + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); } + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } } + +@keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; } + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); } + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } } + +.jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } +@keyframes rollOut { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; } + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 50% { + opacity: 1; } } + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 50% { + opacity: 1; } } + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; } + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; } + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; } + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; } + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; } + +@-webkit-keyframes zoomOut { + from { + opacity: 1; } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + to { + opacity: 0; } } + +@keyframes zoomOut { + from { + opacity: 1; } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + to { + opacity: 0; } } + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; } + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; } + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; } + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; } + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; } + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; } + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; } + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; } + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; } + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; } + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; } + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; } + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; } + +.btn { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + padding: 0.84rem 2.14rem; + font-size: 0.81rem; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + margin: 0.375rem; + border: 0; + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + cursor: pointer; + text-transform: uppercase; + white-space: normal; + word-wrap: break-word; + color: inherit; } + .btn:hover, .btn:active, .btn:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + outline: 0; } + .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn .fas, .btn .fab, .btn .far { + position: relative; + font-size: 0.9rem; } + .btn .fas.right, .btn .fab.right, .btn .far.right { + margin-left: 0.3rem; } + .btn .fas.left, .btn .fab.left, .btn .far.left { + margin-right: 0.3rem; } + .btn.btn-lg { + padding: 1rem 2.4rem; + font-size: 0.94rem; } + .btn.btn-lg .fas, .btn.btn-lg .fab, .btn.btn-lg .far { + font-size: 1rem; } + .btn.btn-md { + padding: 0.7rem 1.6rem; + font-size: 0.7rem; } + .btn.btn-md .fas, .btn.btn-md .fab, .btn.btn-md .far { + font-size: 0.8rem; } + .btn.btn-sm { + padding: 0.5rem 1.6rem; + font-size: 0.64rem; } + .btn.btn-sm .fas, .btn.btn-sm .fab, .btn.btn-sm .far { + font-size: 0.7rem; } + .btn.btn-tb { + padding: 0.3rem 1rem; } + .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-block { + margin: inherit; } + .btn.btn-link { + -webkit-box-shadow: none; + box-shadow: none; + background-color: transparent; } + .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover { + -webkit-box-shadow: none !important; + box-shadow: none !important; + background-color: transparent; } + .btn[class*="btn-outline-"] { + padding-top: 0.7rem; + padding-bottom: 0.7rem; } + .btn[class*="btn-outline-"].btn-lg { + padding-top: 0.88rem; + padding-bottom: 0.88rem; } + .btn[class*="btn-outline-"].btn-md { + padding-top: 0.58rem; + padding-bottom: 0.58rem; } + .btn[class*="btn-outline-"].btn-sm { + padding-top: 0.38rem; + padding-bottom: 0.38rem; } + +.btn-group .btn { + margin: 0; } + +.btn .fa-lg, +.btn-floating .fa-lg { + font-size: 1.33333em !important; } + +.btn .fa-xs, +.btn-floating .fa-xs { + font-size: .75em !important; } + +.btn .fa-sm, +.btn-floating .fa-sm { + font-size: .875em !important; } + +.btn .fa-1x, +.btn-floating .fa-1x { + font-size: 1em !important; } + +.btn .fa-2x, +.btn-floating .fa-2x { + font-size: 2em !important; } + +.btn .fa-3x, +.btn-floating .fa-3x { + font-size: 3em !important; } + +.btn .fa-4x, +.btn-floating .fa-4x { + font-size: 4em !important; } + +.btn .fa-5x, +.btn-floating .fa-5x { + font-size: 5em !important; } + +.btn .fa-6x, +.btn-floating .fa-6x { + font-size: 6em !important; } + +.btn .fa-7x, +.btn-floating .fa-7x { + font-size: 7em !important; } + +.btn .fa-8x, +.btn-floating .fa-8x { + font-size: 8em !important; } + +.btn .fa-9x, +.btn-floating .fa-9x { + font-size: 9em !important; } + +.btn .fa-10x, +.btn-floating .fa-10x { + font-size: 10em !important; } + +.btn-primary { + background-color: #4285f4 !important; + color: #fff; } + .btn-primary:hover { + background-color: #5a95f5; + color: #fff; } + .btn-primary:focus, .btn-primary.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-primary:focus, .btn-primary:active, .btn-primary.active { + background-color: #0b51c5; } + .btn-primary.dropdown-toggle { + background-color: #4285f4 !important; } + .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { + background-color: #5a95f5 !important; } + .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, + .show > .btn-primary.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #0b51c5 !important; } + .btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, + .show > .btn-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.primary-ic { + color: #4285f4 !important; } + .primary-ic:hover, .primary-ic:focus { + color: #4285f4; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-primary { + border: 2px solid #4285f4 !important; + background-color: transparent !important; + color: #4285f4 !important; } + .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { + border-color: #4285f4 !important; + background-color: transparent !important; + color: #4285f4 !important; } + .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, + .show > .btn-outline-primary.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #4285f4 !important; } + .btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-danger { + background-color: #ff3547 !important; + color: #fff; } + .btn-danger:hover { + background-color: #ff4f5e; + color: #fff; } + .btn-danger:focus, .btn-danger.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-danger:focus, .btn-danger:active, .btn-danger.active { + background-color: #ce0012; } + .btn-danger.dropdown-toggle { + background-color: #ff3547 !important; } + .btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { + background-color: #ff4f5e !important; } + .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, + .show > .btn-danger.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #ce0012 !important; } + .btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, + .show > .btn-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.danger-ic { + color: #ff3547 !important; } + .danger-ic:hover, .danger-ic:focus { + color: #ff3547; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-danger { + border: 2px solid #ff3547 !important; + background-color: transparent !important; + color: #ff3547 !important; } + .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { + border-color: #ff3547 !important; + background-color: transparent !important; + color: #ff3547 !important; } + .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, + .show > .btn-outline-danger.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #ff3547 !important; } + .btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-warning { + background-color: #ffbb33 !important; + color: #fff; } + .btn-warning:hover { + background-color: #ffc44d; + color: #fff; } + .btn-warning:focus, .btn-warning.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-warning:focus, .btn-warning:active, .btn-warning.active { + background-color: #cc8800; } + .btn-warning.dropdown-toggle { + background-color: #ffbb33 !important; } + .btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { + background-color: #ffc44d !important; } + .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, + .show > .btn-warning.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #cc8800 !important; } + .btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, + .show > .btn-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.warning-ic { + color: #ffbb33 !important; } + .warning-ic:hover, .warning-ic:focus { + color: #ffbb33; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-warning { + border: 2px solid #ffbb33 !important; + background-color: transparent !important; + color: #ffbb33 !important; } + .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { + border-color: #ffbb33 !important; + background-color: transparent !important; + color: #ffbb33 !important; } + .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, + .show > .btn-outline-warning.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #ffbb33 !important; } + .btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-success { + background-color: #00c851 !important; + color: #fff; } + .btn-success:hover { + background-color: #00e25b; + color: #fff; } + .btn-success:focus, .btn-success.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-success:focus, .btn-success:active, .btn-success.active { + background-color: #006228; } + .btn-success.dropdown-toggle { + background-color: #00c851 !important; } + .btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { + background-color: #00e25b !important; } + .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, + .show > .btn-success.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #006228 !important; } + .btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, + .show > .btn-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.success-ic { + color: #00c851 !important; } + .success-ic:hover, .success-ic:focus { + color: #00c851; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-success { + border: 2px solid #00c851 !important; + background-color: transparent !important; + color: #00c851 !important; } + .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { + border-color: #00c851 !important; + background-color: transparent !important; + color: #00c851 !important; } + .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, + .show > .btn-outline-success.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #00c851 !important; } + .btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-info { + background-color: #33b5e5 !important; + color: #fff; } + .btn-info:hover { + background-color: #4abde8; + color: #fff; } + .btn-info:focus, .btn-info.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-info:focus, .btn-info:active, .btn-info.active { + background-color: #14799e; } + .btn-info.dropdown-toggle { + background-color: #33b5e5 !important; } + .btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { + background-color: #4abde8 !important; } + .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, + .show > .btn-info.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #14799e !important; } + .btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, + .show > .btn-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.info-ic { + color: #33b5e5 !important; } + .info-ic:hover, .info-ic:focus { + color: #33b5e5; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-info { + border: 2px solid #33b5e5 !important; + background-color: transparent !important; + color: #33b5e5 !important; } + .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { + border-color: #33b5e5 !important; + background-color: transparent !important; + color: #33b5e5 !important; } + .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, + .show > .btn-outline-info.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #33b5e5 !important; } + .btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-default { + background-color: #2bbbad !important; + color: #fff; } + .btn-default:hover { + background-color: #30cfc0; + color: #fff; } + .btn-default:focus, .btn-default.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-default:focus, .btn-default:active, .btn-default.active { + background-color: #186860; } + .btn-default.dropdown-toggle { + background-color: #2bbbad !important; } + .btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { + background-color: #30cfc0 !important; } + .btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, + .show > .btn-default.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #186860 !important; } + .btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, + .show > .btn-default.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.default-ic { + color: #2bbbad !important; } + .default-ic:hover, .default-ic:focus { + color: #2bbbad; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-default { + border: 2px solid #2bbbad !important; + background-color: transparent !important; + color: #2bbbad !important; } + .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { + border-color: #2bbbad !important; + background-color: transparent !important; + color: #2bbbad !important; } + .btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, + .show > .btn-outline-default.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #2bbbad !important; } + .btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-default.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-secondary { + background-color: #aa66cc !important; + color: #fff; } + .btn-secondary:hover { + background-color: #b579d2; + color: #fff; } + .btn-secondary:focus, .btn-secondary.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { + background-color: #773399; } + .btn-secondary.dropdown-toggle { + background-color: #aa66cc !important; } + .btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { + background-color: #b579d2 !important; } + .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, + .show > .btn-secondary.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #773399 !important; } + .btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, + .show > .btn-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.secondary-ic { + color: #aa66cc !important; } + .secondary-ic:hover, .secondary-ic:focus { + color: #aa66cc; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-secondary { + border: 2px solid #aa66cc !important; + background-color: transparent !important; + color: #aa66cc !important; } + .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { + border-color: #aa66cc !important; + background-color: transparent !important; + color: #aa66cc !important; } + .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, + .show > .btn-outline-secondary.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #aa66cc !important; } + .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-elegant { + background-color: #2e2e2e !important; + color: #fff; } + .btn-elegant:hover { + background-color: #3b3b3b; + color: #fff; } + .btn-elegant:focus, .btn-elegant.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { + background-color: black; } + .btn-elegant.dropdown-toggle { + background-color: #2e2e2e !important; } + .btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { + background-color: #3b3b3b !important; } + .btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, + .show > .btn-elegant.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: black !important; } + .btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, + .show > .btn-elegant.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.elegant-ic { + color: #2e2e2e !important; } + .elegant-ic:hover, .elegant-ic:focus { + color: #2e2e2e; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-elegant { + border: 2px solid #2e2e2e !important; + background-color: transparent !important; + color: #2e2e2e !important; } + .btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { + border-color: #2e2e2e !important; + background-color: transparent !important; + color: #2e2e2e !important; } + .btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active, + .show > .btn-outline-elegant.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #2e2e2e !important; } + .btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-elegant.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-unique { + background-color: #880e4f !important; + color: #fff; } + .btn-unique:hover { + background-color: #9f105c; + color: #fff; } + .btn-unique:focus, .btn-unique.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-unique:focus, .btn-unique:active, .btn-unique.active { + background-color: #2c0419; } + .btn-unique.dropdown-toggle { + background-color: #880e4f !important; } + .btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { + background-color: #9f105c !important; } + .btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, + .show > .btn-unique.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #2c0419 !important; } + .btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus, + .show > .btn-unique.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.unique-ic { + color: #880e4f !important; } + .unique-ic:hover, .unique-ic:focus { + color: #880e4f; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-unique { + border: 2px solid #880e4f !important; + background-color: transparent !important; + color: #880e4f !important; } + .btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { + border-color: #880e4f !important; + background-color: transparent !important; + color: #880e4f !important; } + .btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active, + .show > .btn-outline-unique.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #880e4f !important; } + .btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-unique.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-dark-green { + background-color: #388e3c !important; + color: #fff; } + .btn-dark-green:hover { + background-color: #3fa044; + color: #fff; } + .btn-dark-green:focus, .btn-dark-green.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active { + background-color: #1b451d; } + .btn-dark-green.dropdown-toggle { + background-color: #388e3c !important; } + .btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { + background-color: #3fa044 !important; } + .btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active, + .show > .btn-dark-green.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #1b451d !important; } + .btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus, + .show > .btn-dark-green.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.dark-green-ic { + color: #388e3c !important; } + .dark-green-ic:hover, .dark-green-ic:focus { + color: #388e3c; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-dark-green { + border: 2px solid #388e3c !important; + background-color: transparent !important; + color: #388e3c !important; } + .btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { + border-color: #388e3c !important; + background-color: transparent !important; + color: #388e3c !important; } + .btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active, + .show > .btn-outline-dark-green.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #388e3c !important; } + .btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-dark-green.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-mdb-color { + background-color: #59698d !important; + color: #fff; } + .btn-mdb-color:hover { + background-color: #63759d; + color: #fff; } + .btn-mdb-color:focus, .btn-mdb-color.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active { + background-color: #323a4e; } + .btn-mdb-color.dropdown-toggle { + background-color: #59698d !important; } + .btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { + background-color: #63759d !important; } + .btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active, + .show > .btn-mdb-color.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #323a4e !important; } + .btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus, + .show > .btn-mdb-color.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.mdb-color-ic { + color: #59698d !important; } + .mdb-color-ic:hover, .mdb-color-ic:focus { + color: #59698d; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-mdb-color { + border: 2px solid #59698d !important; + background-color: transparent !important; + color: #59698d !important; } + .btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { + border-color: #59698d !important; + background-color: transparent !important; + color: #59698d !important; } + .btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active, + .show > .btn-outline-mdb-color.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #59698d !important; } + .btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-mdb-color.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-red { + background-color: #d32f2f !important; + color: #fff; } + .btn-red:hover { + background-color: #d74444; + color: #fff; } + .btn-red:focus, .btn-red.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-red:focus, .btn-red:active, .btn-red.active { + background-color: #811b1b; } + .btn-red.dropdown-toggle { + background-color: #d32f2f !important; } + .btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { + background-color: #d74444 !important; } + .btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, + .show > .btn-red.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #811b1b !important; } + .btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus, + .show > .btn-red.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.red-ic { + color: #d32f2f !important; } + .red-ic:hover, .red-ic:focus { + color: #d32f2f; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-red { + border: 2px solid #d32f2f !important; + background-color: transparent !important; + color: #d32f2f !important; } + .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { + border-color: #d32f2f !important; + background-color: transparent !important; + color: #d32f2f !important; } + .btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, + .show > .btn-outline-red.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #d32f2f !important; } + .btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-red.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-pink { + background-color: #ec407a !important; + color: #fff; } + .btn-pink:hover { + background-color: #ee578a; + color: #fff; } + .btn-pink:focus, .btn-pink.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-pink:focus, .btn-pink:active, .btn-pink.active { + background-color: #b41249; } + .btn-pink.dropdown-toggle { + background-color: #ec407a !important; } + .btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { + background-color: #ee578a !important; } + .btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, + .show > .btn-pink.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #b41249 !important; } + .btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus, + .show > .btn-pink.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.pink-ic { + color: #ec407a !important; } + .pink-ic:hover, .pink-ic:focus { + color: #ec407a; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-pink { + border: 2px solid #ec407a !important; + background-color: transparent !important; + color: #ec407a !important; } + .btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { + border-color: #ec407a !important; + background-color: transparent !important; + color: #ec407a !important; } + .btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active, + .show > .btn-outline-pink.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #ec407a !important; } + .btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-pink.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-purple { + background-color: #8e24aa !important; + color: #fff; } + .btn-purple:hover { + background-color: #a028bf; + color: #fff; } + .btn-purple:focus, .btn-purple.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-purple:focus, .btn-purple:active, .btn-purple.active { + background-color: #481256; } + .btn-purple.dropdown-toggle { + background-color: #8e24aa !important; } + .btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { + background-color: #a028bf !important; } + .btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, + .show > .btn-purple.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #481256 !important; } + .btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus, + .show > .btn-purple.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.purple-ic { + color: #8e24aa !important; } + .purple-ic:hover, .purple-ic:focus { + color: #8e24aa; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-purple { + border: 2px solid #8e24aa !important; + background-color: transparent !important; + color: #8e24aa !important; } + .btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { + border-color: #8e24aa !important; + background-color: transparent !important; + color: #8e24aa !important; } + .btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, + .show > .btn-outline-purple.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #8e24aa !important; } + .btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-purple.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-deep-purple { + background-color: #512da8 !important; + color: #fff; } + .btn-deep-purple:hover { + background-color: #5b32bc; + color: #fff; } + .btn-deep-purple:focus, .btn-deep-purple.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active { + background-color: #2a1758; } + .btn-deep-purple.dropdown-toggle { + background-color: #512da8 !important; } + .btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { + background-color: #5b32bc !important; } + .btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active, + .show > .btn-deep-purple.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #2a1758 !important; } + .btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus, + .show > .btn-deep-purple.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.deep-purple-ic { + color: #512da8 !important; } + .deep-purple-ic:hover, .deep-purple-ic:focus { + color: #512da8; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-deep-purple { + border: 2px solid #512da8 !important; + background-color: transparent !important; + color: #512da8 !important; } + .btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { + border-color: #512da8 !important; + background-color: transparent !important; + color: #512da8 !important; } + .btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active, + .show > .btn-outline-deep-purple.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #512da8 !important; } + .btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-deep-purple.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-indigo { + background-color: #3f51b5 !important; + color: #fff; } + .btn-indigo:hover { + background-color: #4d5ec1; + color: #fff; } + .btn-indigo:focus, .btn-indigo.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { + background-color: #252f69; } + .btn-indigo.dropdown-toggle { + background-color: #3f51b5 !important; } + .btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { + background-color: #4d5ec1 !important; } + .btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, + .show > .btn-indigo.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #252f69 !important; } + .btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus, + .show > .btn-indigo.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.indigo-ic { + color: #3f51b5 !important; } + .indigo-ic:hover, .indigo-ic:focus { + color: #3f51b5; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-indigo { + border: 2px solid #3f51b5 !important; + background-color: transparent !important; + color: #3f51b5 !important; } + .btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { + border-color: #3f51b5 !important; + background-color: transparent !important; + color: #3f51b5 !important; } + .btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active, + .show > .btn-outline-indigo.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #3f51b5 !important; } + .btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-indigo.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-blue { + background-color: #1976d2 !important; + color: #fff; } + .btn-blue:hover { + background-color: #2083e4; + color: #fff; } + .btn-blue:focus, .btn-blue.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-blue:focus, .btn-blue:active, .btn-blue.active { + background-color: #0e4377; } + .btn-blue.dropdown-toggle { + background-color: #1976d2 !important; } + .btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { + background-color: #2083e4 !important; } + .btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, + .show > .btn-blue.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #0e4377 !important; } + .btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus, + .show > .btn-blue.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.blue-ic { + color: #1976d2 !important; } + .blue-ic:hover, .blue-ic:focus { + color: #1976d2; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-blue { + border: 2px solid #1976d2 !important; + background-color: transparent !important; + color: #1976d2 !important; } + .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { + border-color: #1976d2 !important; + background-color: transparent !important; + color: #1976d2 !important; } + .btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active, + .show > .btn-outline-blue.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #1976d2 !important; } + .btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-blue.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-light-blue { + background-color: #82b1ff !important; + color: #fff; } + .btn-light-blue:hover { + background-color: #9cc1ff; + color: #fff; } + .btn-light-blue:focus, .btn-light-blue.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active { + background-color: #1c71ff; } + .btn-light-blue.dropdown-toggle { + background-color: #82b1ff !important; } + .btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { + background-color: #9cc1ff !important; } + .btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active, + .show > .btn-light-blue.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #1c71ff !important; } + .btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus, + .show > .btn-light-blue.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.light-blue-ic { + color: #82b1ff !important; } + .light-blue-ic:hover, .light-blue-ic:focus { + color: #82b1ff; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-light-blue { + border: 2px solid #82b1ff !important; + background-color: transparent !important; + color: #82b1ff !important; } + .btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { + border-color: #82b1ff !important; + background-color: transparent !important; + color: #82b1ff !important; } + .btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active, + .show > .btn-outline-light-blue.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #82b1ff !important; } + .btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-light-blue.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-cyan { + background-color: #00bcd4 !important; + color: #fff; } + .btn-cyan:hover { + background-color: #00d3ee; + color: #fff; } + .btn-cyan:focus, .btn-cyan.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { + background-color: #00626e; } + .btn-cyan.dropdown-toggle { + background-color: #00bcd4 !important; } + .btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { + background-color: #00d3ee !important; } + .btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, + .show > .btn-cyan.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #00626e !important; } + .btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus, + .show > .btn-cyan.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.cyan-ic { + color: #00bcd4 !important; } + .cyan-ic:hover, .cyan-ic:focus { + color: #00bcd4; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-cyan { + border: 2px solid #00bcd4 !important; + background-color: transparent !important; + color: #00bcd4 !important; } + .btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { + border-color: #00bcd4 !important; + background-color: transparent !important; + color: #00bcd4 !important; } + .btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active, + .show > .btn-outline-cyan.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #00bcd4 !important; } + .btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-cyan.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-teal { + background-color: #00796b !important; + color: #fff; } + .btn-teal:hover { + background-color: #009382; + color: #fff; } + .btn-teal:focus, .btn-teal.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-teal:focus, .btn-teal:active, .btn-teal.active { + background-color: #001311; } + .btn-teal.dropdown-toggle { + background-color: #00796b !important; } + .btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { + background-color: #009382 !important; } + .btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, + .show > .btn-teal.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #001311 !important; } + .btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, + .show > .btn-teal.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.teal-ic { + color: #00796b !important; } + .teal-ic:hover, .teal-ic:focus { + color: #00796b; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-teal { + border: 2px solid #00796b !important; + background-color: transparent !important; + color: #00796b !important; } + .btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { + border-color: #00796b !important; + background-color: transparent !important; + color: #00796b !important; } + .btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, + .show > .btn-outline-teal.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #00796b !important; } + .btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-teal.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-green { + background-color: #388e3c !important; + color: #fff; } + .btn-green:hover { + background-color: #3fa044; + color: #fff; } + .btn-green:focus, .btn-green.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-green:focus, .btn-green:active, .btn-green.active { + background-color: #1b451d; } + .btn-green.dropdown-toggle { + background-color: #388e3c !important; } + .btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { + background-color: #3fa044 !important; } + .btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, + .show > .btn-green.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #1b451d !important; } + .btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus, + .show > .btn-green.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.green-ic { + color: #388e3c !important; } + .green-ic:hover, .green-ic:focus { + color: #388e3c; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-green { + border: 2px solid #388e3c !important; + background-color: transparent !important; + color: #388e3c !important; } + .btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { + border-color: #388e3c !important; + background-color: transparent !important; + color: #388e3c !important; } + .btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active, + .show > .btn-outline-green.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #388e3c !important; } + .btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-green.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-light-green { + background-color: #8bc34a !important; + color: #fff; } + .btn-light-green:hover { + background-color: #97c95d; + color: #fff; } + .btn-light-green:focus, .btn-light-green.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-light-green:focus, .btn-light-green:active, .btn-light-green.active { + background-color: #577d2a; } + .btn-light-green.dropdown-toggle { + background-color: #8bc34a !important; } + .btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { + background-color: #97c95d !important; } + .btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active, + .show > .btn-light-green.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #577d2a !important; } + .btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus, + .show > .btn-light-green.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.light-green-ic { + color: #8bc34a !important; } + .light-green-ic:hover, .light-green-ic:focus { + color: #8bc34a; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-light-green { + border: 2px solid #8bc34a !important; + background-color: transparent !important; + color: #8bc34a !important; } + .btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { + border-color: #8bc34a !important; + background-color: transparent !important; + color: #8bc34a !important; } + .btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active, + .show > .btn-outline-light-green.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #8bc34a !important; } + .btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-light-green.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-lime { + background-color: #afb42b !important; + color: #fff; } + .btn-lime:hover { + background-color: #c3c930; + color: #fff; } + .btn-lime:focus, .btn-lime.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-lime:focus, .btn-lime:active, .btn-lime.active { + background-color: #5f6217; } + .btn-lime.dropdown-toggle { + background-color: #afb42b !important; } + .btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { + background-color: #c3c930 !important; } + .btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, + .show > .btn-lime.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #5f6217 !important; } + .btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus, + .show > .btn-lime.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.lime-ic { + color: #afb42b !important; } + .lime-ic:hover, .lime-ic:focus { + color: #afb42b; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-lime { + border: 2px solid #afb42b !important; + background-color: transparent !important; + color: #afb42b !important; } + .btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { + border-color: #afb42b !important; + background-color: transparent !important; + color: #afb42b !important; } + .btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active, + .show > .btn-outline-lime.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #afb42b !important; } + .btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-lime.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-yellow { + background-color: #fbc02d !important; + color: #fff; } + .btn-yellow:hover { + background-color: #fbc846; + color: #fff; } + .btn-yellow:focus, .btn-yellow.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { + background-color: #be8904; } + .btn-yellow.dropdown-toggle { + background-color: #fbc02d !important; } + .btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { + background-color: #fbc846 !important; } + .btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, + .show > .btn-yellow.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #be8904 !important; } + .btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus, + .show > .btn-yellow.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.yellow-ic { + color: #fbc02d !important; } + .yellow-ic:hover, .yellow-ic:focus { + color: #fbc02d; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-yellow { + border: 2px solid #fbc02d !important; + background-color: transparent !important; + color: #fbc02d !important; } + .btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { + border-color: #fbc02d !important; + background-color: transparent !important; + color: #fbc02d !important; } + .btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active, + .show > .btn-outline-yellow.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #fbc02d !important; } + .btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-yellow.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-amber { + background-color: #ffa000 !important; + color: #fff; } + .btn-amber:hover { + background-color: #ffaa1a; + color: #fff; } + .btn-amber:focus, .btn-amber.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-amber:focus, .btn-amber:active, .btn-amber.active { + background-color: #996000; } + .btn-amber.dropdown-toggle { + background-color: #ffa000 !important; } + .btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { + background-color: #ffaa1a !important; } + .btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, + .show > .btn-amber.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #996000 !important; } + .btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus, + .show > .btn-amber.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.amber-ic { + color: #ffa000 !important; } + .amber-ic:hover, .amber-ic:focus { + color: #ffa000; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-amber { + border: 2px solid #ffa000 !important; + background-color: transparent !important; + color: #ffa000 !important; } + .btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { + border-color: #ffa000 !important; + background-color: transparent !important; + color: #ffa000 !important; } + .btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active, + .show > .btn-outline-amber.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #ffa000 !important; } + .btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-amber.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-orange { + background-color: #f57c00 !important; + color: #fff; } + .btn-orange:hover { + background-color: #ff8910; + color: #fff; } + .btn-orange:focus, .btn-orange.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-orange:focus, .btn-orange:active, .btn-orange.active { + background-color: #8f4800; } + .btn-orange.dropdown-toggle { + background-color: #f57c00 !important; } + .btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { + background-color: #ff8910 !important; } + .btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, + .show > .btn-orange.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #8f4800 !important; } + .btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus, + .show > .btn-orange.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.orange-ic { + color: #f57c00 !important; } + .orange-ic:hover, .orange-ic:focus { + color: #f57c00; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-orange { + border: 2px solid #f57c00 !important; + background-color: transparent !important; + color: #f57c00 !important; } + .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { + border-color: #f57c00 !important; + background-color: transparent !important; + color: #f57c00 !important; } + .btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active, + .show > .btn-outline-orange.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #f57c00 !important; } + .btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-orange.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-deep-orange { + background-color: #ff7043 !important; + color: #fff; } + .btn-deep-orange:hover { + background-color: #ff835d; + color: #fff; } + .btn-deep-orange:focus, .btn-deep-orange.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active { + background-color: #dc3500; } + .btn-deep-orange.dropdown-toggle { + background-color: #ff7043 !important; } + .btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { + background-color: #ff835d !important; } + .btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active, + .show > .btn-deep-orange.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #dc3500 !important; } + .btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus, + .show > .btn-deep-orange.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.deep-orange-ic { + color: #ff7043 !important; } + .deep-orange-ic:hover, .deep-orange-ic:focus { + color: #ff7043; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-deep-orange { + border: 2px solid #ff7043 !important; + background-color: transparent !important; + color: #ff7043 !important; } + .btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { + border-color: #ff7043 !important; + background-color: transparent !important; + color: #ff7043 !important; } + .btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active, + .show > .btn-outline-deep-orange.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #ff7043 !important; } + .btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-deep-orange.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-brown { + background-color: #795548 !important; + color: #fff; } + .btn-brown:hover { + background-color: #896052; + color: #fff; } + .btn-brown:focus, .btn-brown.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-brown:focus, .btn-brown:active, .btn-brown.active { + background-color: #392822; } + .btn-brown.dropdown-toggle { + background-color: #795548 !important; } + .btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { + background-color: #896052 !important; } + .btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, + .show > .btn-brown.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #392822 !important; } + .btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus, + .show > .btn-brown.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.brown-ic { + color: #795548 !important; } + .brown-ic:hover, .brown-ic:focus { + color: #795548; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-brown { + border: 2px solid #795548 !important; + background-color: transparent !important; + color: #795548 !important; } + .btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { + border-color: #795548 !important; + background-color: transparent !important; + color: #795548 !important; } + .btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active, + .show > .btn-outline-brown.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #795548 !important; } + .btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-brown.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-grey { + background-color: #616161 !important; + color: #fff; } + .btn-grey:hover { + background-color: #6e6e6e; + color: #fff; } + .btn-grey:focus, .btn-grey.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-grey:focus, .btn-grey:active, .btn-grey.active { + background-color: #2e2e2e; } + .btn-grey.dropdown-toggle { + background-color: #616161 !important; } + .btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { + background-color: #6e6e6e !important; } + .btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, + .show > .btn-grey.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #2e2e2e !important; } + .btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus, + .show > .btn-grey.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.grey-ic { + color: #616161 !important; } + .grey-ic:hover, .grey-ic:focus { + color: #616161; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-grey { + border: 2px solid #616161 !important; + background-color: transparent !important; + color: #616161 !important; } + .btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { + border-color: #616161 !important; + background-color: transparent !important; + color: #616161 !important; } + .btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active, + .show > .btn-outline-grey.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #616161 !important; } + .btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-grey.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-blue-grey { + background-color: #78909c !important; + color: #fff; } + .btn-blue-grey:hover { + background-color: #879ca7; + color: #fff; } + .btn-blue-grey:focus, .btn-blue-grey.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active { + background-color: #4a5b64; } + .btn-blue-grey.dropdown-toggle { + background-color: #78909c !important; } + .btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { + background-color: #879ca7 !important; } + .btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, + .show > .btn-blue-grey.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #4a5b64 !important; } + .btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus, + .show > .btn-blue-grey.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.blue-grey-ic { + color: #78909c !important; } + .blue-grey-ic:hover, .blue-grey-ic:focus { + color: #78909c; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-blue-grey { + border: 2px solid #78909c !important; + background-color: transparent !important; + color: #78909c !important; } + .btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { + border-color: #78909c !important; + background-color: transparent !important; + color: #78909c !important; } + .btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active, + .show > .btn-outline-blue-grey.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #78909c !important; } + .btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-blue-grey.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-dark { + background-color: #212121 !important; + color: #fff; } + .btn-dark:hover { + background-color: #2e2e2e; + color: #fff; } + .btn-dark:focus, .btn-dark.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-dark:focus, .btn-dark:active, .btn-dark.active { + background-color: black; } + .btn-dark.dropdown-toggle { + background-color: #212121 !important; } + .btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus { + background-color: #2e2e2e !important; } + .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, + .show > .btn-dark.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: black !important; } + .btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, + .show > .btn-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.dark-ic { + color: #212121 !important; } + .dark-ic:hover, .dark-ic:focus { + color: #212121; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-dark { + border: 2px solid #212121 !important; + background-color: transparent !important; + color: #212121 !important; } + .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active { + border-color: #212121 !important; + background-color: transparent !important; + color: #212121 !important; } + .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, + .show > .btn-outline-dark.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #212121 !important; } + .btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-light { + background-color: #e0e0e0 !important; + color: #000; } + .btn-light:hover { + background-color: #ededed; + color: #000; } + .btn-light:focus, .btn-light.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-light:focus, .btn-light:active, .btn-light.active { + background-color: #adadad; } + .btn-light.dropdown-toggle { + background-color: #e0e0e0 !important; } + .btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus { + background-color: #ededed !important; } + .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, + .show > .btn-light.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #adadad !important; } + .btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, + .show > .btn-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.light-ic { + color: #e0e0e0 !important; } + .light-ic:hover, .light-ic:focus { + color: #e0e0e0; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #000; } + +.btn-outline-light { + border: 2px solid #e0e0e0 !important; + background-color: transparent !important; + color: #e0e0e0 !important; } + .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active { + border-color: #e0e0e0 !important; + background-color: transparent !important; + color: #e0e0e0 !important; } + .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, + .show > .btn-outline-light.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #e0e0e0 !important; } + .btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-white { + background-color: #fff !important; + color: #000; } + .btn-white:hover { + background-color: white; + color: #000; } + .btn-white:focus, .btn-white.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-white:focus, .btn-white:active, .btn-white.active { + background-color: #cccccc; } + .btn-white.dropdown-toggle { + background-color: #fff !important; } + .btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { + background-color: white !important; } + .btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, + .show > .btn-white.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #cccccc !important; } + .btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, + .show > .btn-white.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.white-ic { + color: #fff !important; } + .white-ic:hover, .white-ic:focus { + color: #fff; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #000; } + +.btn-outline-white { + border: 2px solid #fff !important; + background-color: transparent !important; + color: #fff !important; } + .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { + border-color: #fff !important; + background-color: transparent !important; + color: #fff !important; } + .btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, + .show > .btn-outline-white.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #fff !important; } + .btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-white.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-black { + background-color: #000 !important; + color: #fff; } + .btn-black:hover { + background-color: #0d0d0d; + color: #fff; } + .btn-black:focus, .btn-black.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-black:focus, .btn-black:active, .btn-black.active { + background-color: black; } + .btn-black.dropdown-toggle { + background-color: #000 !important; } + .btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { + background-color: #0d0d0d !important; } + .btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, + .show > .btn-black.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: black !important; } + .btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, + .show > .btn-black.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.black-ic { + color: #000 !important; } + .black-ic:hover, .black-ic:focus { + color: #000; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-outline-black { + border: 2px solid #000 !important; + background-color: transparent !important; + color: #000 !important; } + .btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { + border-color: #000 !important; + background-color: transparent !important; + color: #000 !important; } + .btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active, + .show > .btn-outline-black.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: transparent !important; + border-color: #000 !important; } + .btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus, + .show > .btn-outline-black.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.btn-warning:not(:disabled):not(.disabled).active, +.btn-warning:not(:disabled):not(.disabled):active, +.show > .btn-warning.dropdown-toggle { + color: #fff; } + +.card { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + border: 0; + font-weight: 400; } + .card[class*="border"] { + border: 1px solid #9e9e9e; + -webkit-box-shadow: none; + box-shadow: none; } + .card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { + font-weight: 400; } + .card .card-body .card-title a { + -webkit-transition: 0.2s ease-in-out; + -o-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; } + .card .card-body .card-title a:hover { + -webkit-transition: 0.2s ease-in-out; + -o-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; } + .card .card-body .card-text { + color: #747373; + font-size: 0.9rem; + font-weight: 400; } + .card .md-form label { + font-weight: 300; } + +.dropdown .dropdown-menu .dropdown-item:active { + background-color: #757575; } + +.md-form.input-group label { + top: 0; + margin-bottom: 0; } + +.md-form.input-group .input-group-text { + background-color: #e0e0e0; } + .md-form.input-group .input-group-text.md-addon { + border: none; + background-color: transparent; + font-weight: 500; } + +.md-form.input-group .form-control { + margin: 0; + padding: 0.375rem 0.75rem; } + +.input-default-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .input-default-wrapper .input-default-js { + width: 0.1px; + height: 0.1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; } + .input-default-wrapper .input-default-js:focus + label { + border-color: #80bdff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15); } + .input-default-wrapper .input-default-js + label { + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; + display: inline-block; + overflow: hidden; + color: #000; + border: 1px solid rgba(33, 47, 41, 0.2); + background-color: transparent; + padding: 0; } + .input-default-wrapper .input-default-js + label span { + padding: 0.425rem .7rem; + color: #495057; } + .input-default-wrapper .input-default-js + label span:not(.span-browse) { + width: 200px; + display: inline-block; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + vertical-align: top; } + .input-default-wrapper .input-default-js + label .span-browse { + height: 100%; + color: #000; + background-color: #E8EBEF; + border-left: 1px solid rgba(33, 47, 41, 0.2); + display: inline-block; + padding: 0.425rem .8rem; + color: #495057; } + +@media screen and (max-width: 50em) { + .input-default-js + label .span-browse { + display: block; } } + +.label-for-default-js { + width: 100%; + height: calc(2.25rem + 2px); } + +.navbar { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + font-weight: 300; } + .navbar form .md-form input { + margin: 0 5px 1px 8px; } + .navbar .breadcrumb { + margin: 0; + padding: 0.3rem 0 0 1rem; + background-color: inherit; + font-size: 15px; + font-weight: 300; } + .navbar .breadcrumb .breadcrumb-item { + color: #fff; } + .navbar .breadcrumb .breadcrumb-item.active { + color: rgba(255, 255, 255, 0.65); } + .navbar .breadcrumb .breadcrumb-item:before { + color: rgba(255, 255, 255, 0.65); } + .navbar .navbar-toggler { + outline: 0; + border-width: 0; } + .navbar .nav-flex-icons { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } + @media (max-width: 992px) { + .navbar .container { + width: 100%; } + .navbar .container .navbar-toggler-right { + right: 0; } } + .navbar .nav-item .nav-link { + display: block; } + .navbar .nav-item .nav-link.disabled:active { + pointer-events: none; } + .navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far { + padding-right: 3px; + padding-left: 3px; } + @media (max-width: 992px) { + .navbar .nav-item .nav-link { + padding-right: 6px; + padding-left: 6px; } } + .navbar .dropdown-menu { + position: absolute !important; + margin-top: 0; } + .navbar .dropdown-menu a { + padding: 10px; + font-size: 0.9375rem; + font-weight: 300; + color: #000; } + @media (max-width: 600px) { + .navbar .dropdown-menu form { + width: 17rem; } } + @media (min-width: 600px) { + .navbar .dropdown-menu form { + width: 22rem; } } + .navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled { + color: rgba(0, 0, 0, 0.3); } + .navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover { + color: rgba(0, 0, 0, 0.3); } + .navbar.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + cursor: pointer; } + .navbar.navbar-light .breadcrumb .nav-item .nav-link, + .navbar.navbar-light .navbar-nav .nav-item .nav-link { + color: #000; + -webkit-transition: 0.35s; + -o-transition: 0.35s; + transition: 0.35s; } + .navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, + .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { + color: rgba(0, 0, 0, 0.7); } + .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, + .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { + background-color: rgba(0, 0, 0, 0.1); } + .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, + .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { + color: #000; } + .navbar.navbar-light .navbar-toggler { + color: #000; } + .navbar.navbar-light form .md-form input { + border-bottom: 1px solid #000; } + .navbar.navbar-light form .md-form input:focus:not([readonly]) { + border-color: #4285f4; } + .navbar.navbar-light form .md-form .form-control { + color: #000; } + .navbar.navbar-light form .md-form .form-control::-webkit-input-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .md-form .form-control::-ms-input-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .md-form .form-control::placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled { + color: rgba(255, 255, 255, 0.25); } + .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover { + color: rgba(255, 255, 255, 0.25); } + .navbar.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + cursor: pointer; } + .navbar.navbar-dark .breadcrumb .nav-item .nav-link, + .navbar.navbar-dark .navbar-nav .nav-item .nav-link { + color: #fff; + -webkit-transition: 0.35s; + -o-transition: 0.35s; + transition: 0.35s; } + .navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, + .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { + color: rgba(255, 255, 255, 0.75); } + .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, + .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { + background-color: rgba(255, 255, 255, 0.1); } + .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, + .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { + color: #fff; } + .navbar.navbar-dark .navbar-toggler { + color: #fff; } + .navbar.navbar-dark form .md-form input { + border-bottom: 1px solid #fff; } + .navbar.navbar-dark form .md-form input:focus:not([readonly]) { + border-color: #4285f4; } + .navbar.navbar-dark form .md-form .form-control { + color: #fff; } + .navbar.navbar-dark form .md-form .form-control::-webkit-input-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .md-form .form-control::-ms-input-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .md-form .form-control::placeholder { + color: #fff; + font-weight: 300; } + @media (min-width: 600px) { + .navbar.scrolling-navbar { + -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; + -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; + transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; + padding-top: 12px; + padding-bottom: 12px; } + .navbar.scrolling-navbar .navbar-nav > li { + -webkit-transition-duration: 1s; + -o-transition-duration: 1s; + transition-duration: 1s; } + .navbar.scrolling-navbar.top-nav-collapse { + padding-top: 5px; + padding-bottom: 5px; } } + +.pagination .page-item.active .page-link { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + background-color: #4285f4; + color: #fff; } + .pagination .page-item.active .page-link:hover { + background-color: #4285f4; } + +.pagination .page-item.disabled .page-link { + color: #868e96; } + +.pagination .page-item .page-link { + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; + outline: 0; + border: 0; + background-color: transparent; + font-size: 0.9rem; + color: #212529; } + .pagination .page-item .page-link:hover { + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + background-color: #eee; } + .pagination .page-item .page-link:focus { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + +.pagination.pagination-lg .page-item .page-link { + font-size: 1rem; } + +.pagination.pagination-sm .page-item .page-link { + font-size: 0.8rem; } + +.pagination.pagination-circle .page-item .page-link { + margin-left: 2px; + margin-right: 2px; + -webkit-border-radius: 50%; + border-radius: 50%; } + .pagination.pagination-circle .page-item .page-link:hover { + -webkit-border-radius: 50%; + border-radius: 50%; } + +.pagination.pagination-circle .page-item.active .page-link { + -webkit-border-radius: 50%; + border-radius: 50%; } + +.pagination.pg-blue .page-item.active .page-link { + background-color: #4285f4; } + .pagination.pg-blue .page-item.active .page-link:hover { + background-color: #4285f4; } + +.pagination.pg-red .page-item.active .page-link { + background-color: #ff3547; } + .pagination.pg-red .page-item.active .page-link:hover { + background-color: #ff3547; } + +.pagination.pg-teal .page-item.active .page-link { + background-color: #2bbbad; } + .pagination.pg-teal .page-item.active .page-link:hover { + background-color: #2bbbad; } + +.pagination.pg-dark-grey .page-item.active .page-link { + background-color: #37474f; } + .pagination.pg-dark-grey .page-item.active .page-link:hover { + background-color: #37474f; } + +.pagination.pg-dark .page-item.active .page-link { + background-color: #2e2e2e; } + .pagination.pg-dark .page-item.active .page-link:hover { + background-color: #2e2e2e; } + +.pagination.pg-blue-grey .page-item.active .page-link { + background-color: #3f729b; } + .pagination.pg-blue-grey .page-item.active .page-link:hover { + background-color: #3f729b; } + +.pagination.pg-amber .page-item.active .page-link { + background-color: #ff6f00; } + .pagination.pg-amber .page-item.active .page-link:hover { + background-color: #ff6f00; } + +.pagination.pg-purple .page-item.active .page-link { + background-color: #5e35b1; } + .pagination.pg-purple .page-item.active .page-link:hover { + background-color: #5e35b1; } + +.badge { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + color: #fff !important; } + +.badge-pill { + -webkit-border-radius: 10rem; + border-radius: 10rem; + padding-right: 0.6em; + padding-left: 0.6em; } + +.badge-primary { + background-color: #4285f4 !important; + color: #fff !important; } + +.badge-danger { + background-color: #ff3547 !important; + color: #fff !important; } + +.badge-warning { + background-color: #ffbb33 !important; + color: #fff !important; } + +.badge-success { + background-color: #00c851 !important; + color: #fff !important; } + +.badge-info { + background-color: #33b5e5 !important; + color: #fff !important; } + +.badge-default { + background-color: #2bbbad !important; + color: #fff !important; } + +.badge-secondary { + background-color: #aa66cc !important; + color: #fff !important; } + +.badge-dark { + background-color: #212121 !important; + color: #fff !important; } + +.badge-light { + background-color: #e0e0e0 !important; + color: #000 !important; } + +body.modal-open { + overflow: auto; + padding-right: 0 !important; } + +body.scrollable { + overflow-y: auto; } + +.modal-dialog .modal-content { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + border: 0; + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .modal-dialog .modal-content .modal-header { + -webkit-border-top-left-radius: 0.125rem; + border-top-left-radius: 0.125rem; + -webkit-border-top-right-radius: 0.125rem; + border-top-right-radius: 0.125rem; } + +.modal-dialog.cascading-modal { + margin-top: 10%; } + .modal-dialog.cascading-modal .close { + opacity: 1; + text-shadow: none; + color: #fff; + outline: 0; } + .modal-dialog.cascading-modal .modal-header { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + margin: -2rem 1rem 1rem 1rem; + border: none; + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + padding: 1.5rem; + text-align: center; } + .modal-dialog.cascading-modal .modal-header .close { + margin-right: 1rem; } + .modal-dialog.cascading-modal .modal-header .title { + margin-bottom: 0; + width: 100%; + font-size: 1.25rem; } + .modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far { + margin-right: 9px; } + .modal-dialog.cascading-modal .modal-header .social-buttons { + margin-top: 1.5rem; } + .modal-dialog.cascading-modal .modal-header .social-buttons a { + font-size: 1rem; } + .modal-dialog.cascading-modal .modal-c-tabs .md-tabs { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + margin: -1.5rem 1rem 0 1rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a { + text-align: center; } + .modal-dialog.cascading-modal .modal-c-tabs .tab-content { + padding: 1.7rem 0 0 0; } + .modal-dialog.cascading-modal .modal-body, + .modal-dialog.cascading-modal .modal-footer { + padding-left: 2rem; + padding-right: 2rem; + color: #616161; } + .modal-dialog.cascading-modal .modal-body .additional-option, + .modal-dialog.cascading-modal .modal-footer .additional-option { + margin-top: 1rem; + text-align: center; } + .modal-dialog.cascading-modal.modal-avatar { + margin-top: 6rem; } + .modal-dialog.cascading-modal.modal-avatar .modal-header { + -webkit-box-shadow: none; + box-shadow: none; + margin: -6rem 0 -1rem; } + .modal-dialog.cascading-modal.modal-avatar .modal-header img { + width: 130px; + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + margin-left: auto; + margin-right: auto; } + +.modal-dialog.modal-notify .heading { + margin: 0; + padding: 0.3rem; + font-size: 1.15rem; + color: #fff; } + +.modal-dialog.modal-notify .modal-header { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + border: 0; } + +.modal-dialog.modal-notify .close { + opacity: 1; } + +.modal-dialog.modal-notify .modal-body { + padding: 1.5rem; + color: #616161; } + +.modal-dialog.modal-notify.modal-primary .modal-header { + background-color: #4285f4; } + +.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far { + color: #4285f4; } + +.modal-dialog.modal-notify.modal-primary .badge { + background-color: #4285f4; } + +.modal-dialog.modal-notify.modal-primary .btn .fas, .modal-dialog.modal-notify.modal-primary .btn .fab, .modal-dialog.modal-notify.modal-primary .btn .far { + color: #fff; } + +.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far { + color: #4285f4; } + +.modal-dialog.modal-notify.modal-danger .modal-header { + background-color: #ff3547; } + +.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far { + color: #ff3547; } + +.modal-dialog.modal-notify.modal-danger .badge { + background-color: #ff3547; } + +.modal-dialog.modal-notify.modal-danger .btn .fas, .modal-dialog.modal-notify.modal-danger .btn .fab, .modal-dialog.modal-notify.modal-danger .btn .far { + color: #fff; } + +.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far { + color: #ff3547; } + +.modal-dialog.modal-notify.modal-warning .modal-header { + background-color: #ffbb33; } + +.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far { + color: #ffbb33; } + +.modal-dialog.modal-notify.modal-warning .badge { + background-color: #ffbb33; } + +.modal-dialog.modal-notify.modal-warning .btn .fas, .modal-dialog.modal-notify.modal-warning .btn .fab, .modal-dialog.modal-notify.modal-warning .btn .far { + color: #fff; } + +.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far { + color: #ffbb33; } + +.modal-dialog.modal-notify.modal-success .modal-header { + background-color: #00c851; } + +.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far { + color: #00c851; } + +.modal-dialog.modal-notify.modal-success .badge { + background-color: #00c851; } + +.modal-dialog.modal-notify.modal-success .btn .fas, .modal-dialog.modal-notify.modal-success .btn .fab, .modal-dialog.modal-notify.modal-success .btn .far { + color: #fff; } + +.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far { + color: #00c851; } + +.modal-dialog.modal-notify.modal-info .modal-header { + background-color: #33b5e5; } + +.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far { + color: #33b5e5; } + +.modal-dialog.modal-notify.modal-info .badge { + background-color: #33b5e5; } + +.modal-dialog.modal-notify.modal-info .btn .fas, .modal-dialog.modal-notify.modal-info .btn .fab, .modal-dialog.modal-notify.modal-info .btn .far { + color: #fff; } + +.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far { + color: #33b5e5; } + +.modal { + padding-right: 0 !important; } + @media (min-width: 768px) { + .modal .modal-dialog.modal-top { + top: 0; } + .modal .modal-dialog.modal-left { + left: 0; } + .modal .modal-dialog.modal-right { + right: 0; } + .modal .modal-dialog.modal-bottom { + bottom: 0; } + .modal .modal-dialog.modal-top-left { + top: 10px; + left: 10px; } + .modal .modal-dialog.modal-top-right { + top: 10px; + right: 10px; } + .modal .modal-dialog.modal-bottom-left { + bottom: 10px; + left: 10px; } + .modal .modal-dialog.modal-bottom-right { + bottom: 10px; + right: 10px; } } + .modal.fade.top:not(.show) .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); } + .modal.fade.left:not(.show) .modal-dialog { + -webkit-transform: translate3d(-25%, 0, 0); + transform: translate3d(-25%, 0, 0); } + .modal.fade.right:not(.show) .modal-dialog { + -webkit-transform: translate3d(25%, 0, 0); + transform: translate3d(25%, 0, 0); } + .modal.fade.bottom:not(.show) .modal-dialog { + -webkit-transform: translate3d(0, 25%, 0); + transform: translate3d(0, 25%, 0); } + @media (min-width: 992px) { + .modal.modal-scrolling { + position: relative; } + .modal.modal-scrolling .modal-dialog { + position: fixed; + z-index: 1050; } + .modal.modal-content-clickable { + top: auto; + bottom: auto; } + .modal.modal-content-clickable .modal-dialog { + position: fixed; } + .modal .modal-fluid { + width: 100%; + max-width: 100%; } + .modal .modal-fluid .modal-content { + width: 100%; } + .modal .modal-frame { + position: absolute; + margin: 0; + width: 100%; + max-width: 100%; } + .modal .modal-frame.modal-bottom { + bottom: 0; } + .modal .modal-full-height { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0; + width: 400px; + min-height: 100%; + height: auto; + min-height: 100%; + top: 0; + right: 0; } + .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { + display: block; + width: 100%; + max-width: 100%; + height: auto; } + .modal .modal-full-height.modal-top { + bottom: auto; } + .modal .modal-full-height.modal-bottom { + min-height: 0; + top: auto; } + .modal .modal-full-height .modal-content { + width: 100%; } + .modal .modal-full-height.modal-lg { + width: 90%; + max-width: 90%; } } + @media (min-width: 992px) and (min-width: 992px) { + .modal .modal-full-height.modal-lg { + width: 800px; + max-width: 800px; } } + @media (min-width: 992px) and (min-width: 1200px) { + .modal .modal-full-height.modal-lg { + width: 1000px; + max-width: 1000px; } } + @media (min-width: 992px) { + .modal .modal-side { + position: absolute; + bottom: 10px; + right: 10px; + margin: 0; + width: 400px; } } + +.carousel .carousel-control-prev-icon, +.carousel .carousel-control-next-icon { + width: 20px; + height: 20px; } + +.carousel .carousel-control-prev-icon { + background-image: url(../img/svg/arrow_left.svg); } + +.carousel .carousel-control-next-icon { + background-image: url(../img/svg/arrow_right.svg); } + +.carousel .carousel-indicators li { + width: 0.625rem; + height: 0.625rem; + -webkit-border-radius: 50%; + border-radius: 50%; + cursor: pointer; } + +.carousel-fade .carousel-item { + opacity: 0; + -webkit-transition-duration: 0.6s; + -o-transition-duration: 0.6s; + transition-duration: 0.6s; + -webkit-transition-property: opacity; + -o-transition-property: opacity; + transition-property: opacity; } + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + opacity: 1; } + +.carousel-fade .carousel-item-left.active, +.carousel-fade .carousel-item-right.active { + opacity: 0; } + +.carousel-fade .carousel-item-next, +.carousel-fade .carousel-item-prev, +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-left.active, +.carousel-fade .carousel-item-prev.active { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-fade .carousel-item-next, + .carousel-fade .carousel-item-prev, + .carousel-fade .carousel-item.active, + .carousel-fade .carousel-item-left.active, + .carousel-fade .carousel-item-prev.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.md-form { + position: relative; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } + .md-form input[type=text], + .md-form input[type=password], + .md-form input[type=email], + .md-form input[type=url], + .md-form input[type=time], + .md-form input[type=date], + .md-form input[type=datetime-local], + .md-form input[type=tel], + .md-form input[type=number], + .md-form input[type=search-md], + .md-form input[type=search], + .md-form textarea.md-textarea { + -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + border: none; + border-bottom: 1px solid #ced4da; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: transparent; } + .md-form input[type=text]:focus:not([readonly]), + .md-form input[type=password]:focus:not([readonly]), + .md-form input[type=email]:focus:not([readonly]), + .md-form input[type=url]:focus:not([readonly]), + .md-form input[type=time]:focus:not([readonly]), + .md-form input[type=date]:focus:not([readonly]), + .md-form input[type=datetime-local]:focus:not([readonly]), + .md-form input[type=tel]:focus:not([readonly]), + .md-form input[type=number]:focus:not([readonly]), + .md-form input[type=search-md]:focus:not([readonly]), + .md-form input[type=search]:focus:not([readonly]), + .md-form textarea.md-textarea:focus:not([readonly]) { + -webkit-box-shadow: 0 1px 0 0 #4285f4; + box-shadow: 0 1px 0 0 #4285f4; + border-bottom: 1px solid #4285f4; } + .md-form input[type=text]:focus:not([readonly]) + label, + .md-form input[type=password]:focus:not([readonly]) + label, + .md-form input[type=email]:focus:not([readonly]) + label, + .md-form input[type=url]:focus:not([readonly]) + label, + .md-form input[type=time]:focus:not([readonly]) + label, + .md-form input[type=date]:focus:not([readonly]) + label, + .md-form input[type=datetime-local]:focus:not([readonly]) + label, + .md-form input[type=tel]:focus:not([readonly]) + label, + .md-form input[type=number]:focus:not([readonly]) + label, + .md-form input[type=search-md]:focus:not([readonly]) + label, + .md-form input[type=search]:focus:not([readonly]) + label, + .md-form textarea.md-textarea:focus:not([readonly]) + label { + color: #4285f4; } + .md-form input[type=text] + label:after, + .md-form input[type=password] + label:after, + .md-form input[type=email] + label:after, + .md-form input[type=url] + label:after, + .md-form input[type=time] + label:after, + .md-form input[type=date] + label:after, + .md-form input[type=datetime-local] + label:after, + .md-form input[type=tel] + label:after, + .md-form input[type=number] + label:after, + .md-form input[type=search-md] + label:after, + .md-form input[type=search] + label:after, + .md-form textarea.md-textarea + label:after { + content: ""; + position: absolute; + top: 65px; + display: block; + opacity: 0; + -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out; + -o-transition: 0.2s opacity ease-out, 0.2s color ease-out; + transition: 0.2s opacity ease-out, 0.2s color ease-out; } + .md-form input[type=text].valid, .md-form input[type=text]:focus.valid, + .md-form input[type=password].valid, + .md-form input[type=password]:focus.valid, + .md-form input[type=email].valid, + .md-form input[type=email]:focus.valid, + .md-form input[type=url].valid, + .md-form input[type=url]:focus.valid, + .md-form input[type=time].valid, + .md-form input[type=time]:focus.valid, + .md-form input[type=date].valid, + .md-form input[type=date]:focus.valid, + .md-form input[type=datetime-local].valid, + .md-form input[type=datetime-local]:focus.valid, + .md-form input[type=tel].valid, + .md-form input[type=tel]:focus.valid, + .md-form input[type=number].valid, + .md-form input[type=number]:focus.valid, + .md-form input[type=search-md].valid, + .md-form input[type=search-md]:focus.valid, + .md-form input[type=search].valid, + .md-form input[type=search]:focus.valid, + .md-form textarea.md-textarea.valid, + .md-form textarea.md-textarea:focus.valid { + border-bottom: 1px solid #00c851; + -webkit-box-shadow: 0 1px 0 0 #00c851; + box-shadow: 0 1px 0 0 #00c851; } + .md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, + .md-form input[type=password].valid + label:after, + .md-form input[type=password]:focus.valid + label:after, + .md-form input[type=email].valid + label:after, + .md-form input[type=email]:focus.valid + label:after, + .md-form input[type=url].valid + label:after, + .md-form input[type=url]:focus.valid + label:after, + .md-form input[type=time].valid + label:after, + .md-form input[type=time]:focus.valid + label:after, + .md-form input[type=date].valid + label:after, + .md-form input[type=date]:focus.valid + label:after, + .md-form input[type=datetime-local].valid + label:after, + .md-form input[type=datetime-local]:focus.valid + label:after, + .md-form input[type=tel].valid + label:after, + .md-form input[type=tel]:focus.valid + label:after, + .md-form input[type=number].valid + label:after, + .md-form input[type=number]:focus.valid + label:after, + .md-form input[type=search-md].valid + label:after, + .md-form input[type=search-md]:focus.valid + label:after, + .md-form input[type=search].valid + label:after, + .md-form input[type=search]:focus.valid + label:after, + .md-form textarea.md-textarea.valid + label:after, + .md-form textarea.md-textarea:focus.valid + label:after { + content: attr(data-success); + color: #00c851; + opacity: 1; } + .md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, + .md-form input[type=password].invalid, + .md-form input[type=password]:focus.invalid, + .md-form input[type=email].invalid, + .md-form input[type=email]:focus.invalid, + .md-form input[type=url].invalid, + .md-form input[type=url]:focus.invalid, + .md-form input[type=time].invalid, + .md-form input[type=time]:focus.invalid, + .md-form input[type=date].invalid, + .md-form input[type=date]:focus.invalid, + .md-form input[type=datetime-local].invalid, + .md-form input[type=datetime-local]:focus.invalid, + .md-form input[type=tel].invalid, + .md-form input[type=tel]:focus.invalid, + .md-form input[type=number].invalid, + .md-form input[type=number]:focus.invalid, + .md-form input[type=search-md].invalid, + .md-form input[type=search-md]:focus.invalid, + .md-form input[type=search].invalid, + .md-form input[type=search]:focus.invalid, + .md-form textarea.md-textarea.invalid, + .md-form textarea.md-textarea:focus.invalid { + border-bottom: 1px solid #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; } + .md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, + .md-form input[type=password].invalid + label:after, + .md-form input[type=password]:focus.invalid + label:after, + .md-form input[type=email].invalid + label:after, + .md-form input[type=email]:focus.invalid + label:after, + .md-form input[type=url].invalid + label:after, + .md-form input[type=url]:focus.invalid + label:after, + .md-form input[type=time].invalid + label:after, + .md-form input[type=time]:focus.invalid + label:after, + .md-form input[type=date].invalid + label:after, + .md-form input[type=date]:focus.invalid + label:after, + .md-form input[type=datetime-local].invalid + label:after, + .md-form input[type=datetime-local]:focus.invalid + label:after, + .md-form input[type=tel].invalid + label:after, + .md-form input[type=tel]:focus.invalid + label:after, + .md-form input[type=number].invalid + label:after, + .md-form input[type=number]:focus.invalid + label:after, + .md-form input[type=search-md].invalid + label:after, + .md-form input[type=search-md]:focus.invalid + label:after, + .md-form input[type=search].invalid + label:after, + .md-form input[type=search]:focus.invalid + label:after, + .md-form textarea.md-textarea.invalid + label:after, + .md-form textarea.md-textarea:focus.invalid + label:after { + content: attr(data-error); + color: #f44336; + opacity: 1; } + .md-form input[type=text].form-control.valid + label:after, + .md-form input[type=text].form-control:focus.valid + label:after, + .md-form input[type=password].form-control.valid + label:after, + .md-form input[type=password].form-control:focus.valid + label:after, + .md-form input[type=email].form-control.valid + label:after, + .md-form input[type=email].form-control:focus.valid + label:after, + .md-form input[type=url].form-control.valid + label:after, + .md-form input[type=url].form-control:focus.valid + label:after, + .md-form input[type=time].form-control.valid + label:after, + .md-form input[type=time].form-control:focus.valid + label:after, + .md-form input[type=date].form-control.valid + label:after, + .md-form input[type=date].form-control:focus.valid + label:after, + .md-form input[type=datetime-local].form-control.valid + label:after, + .md-form input[type=datetime-local].form-control:focus.valid + label:after, + .md-form input[type=tel].form-control.valid + label:after, + .md-form input[type=tel].form-control:focus.valid + label:after, + .md-form input[type=number].form-control.valid + label:after, + .md-form input[type=number].form-control:focus.valid + label:after, + .md-form input[type=search-md].form-control.valid + label:after, + .md-form input[type=search-md].form-control:focus.valid + label:after, + .md-form input[type=search].form-control.valid + label:after, + .md-form input[type=search].form-control:focus.valid + label:after, + .md-form textarea.md-textarea.form-control.valid + label:after, + .md-form textarea.md-textarea.form-control:focus.valid + label:after { + top: 3.56rem; } + .md-form input[type=text].form-control.invalid + label:after, + .md-form input[type=text].form-control:focus.invalid + label:after, + .md-form input[type=password].form-control.invalid + label:after, + .md-form input[type=password].form-control:focus.invalid + label:after, + .md-form input[type=email].form-control.invalid + label:after, + .md-form input[type=email].form-control:focus.invalid + label:after, + .md-form input[type=url].form-control.invalid + label:after, + .md-form input[type=url].form-control:focus.invalid + label:after, + .md-form input[type=time].form-control.invalid + label:after, + .md-form input[type=time].form-control:focus.invalid + label:after, + .md-form input[type=date].form-control.invalid + label:after, + .md-form input[type=date].form-control:focus.invalid + label:after, + .md-form input[type=datetime-local].form-control.invalid + label:after, + .md-form input[type=datetime-local].form-control:focus.invalid + label:after, + .md-form input[type=tel].form-control.invalid + label:after, + .md-form input[type=tel].form-control:focus.invalid + label:after, + .md-form input[type=number].form-control.invalid + label:after, + .md-form input[type=number].form-control:focus.invalid + label:after, + .md-form input[type=search-md].form-control.invalid + label:after, + .md-form input[type=search-md].form-control:focus.invalid + label:after, + .md-form input[type=search].form-control.invalid + label:after, + .md-form input[type=search].form-control:focus.invalid + label:after, + .md-form textarea.md-textarea.form-control.invalid + label:after, + .md-form textarea.md-textarea.form-control:focus.invalid + label:after { + top: 3.44rem; } + .md-form input[type=text].form-control-lg.valid + label:after, + .md-form input[type=text].form-control-lg:focus.valid + label:after, + .md-form input[type=password].form-control-lg.valid + label:after, + .md-form input[type=password].form-control-lg:focus.valid + label:after, + .md-form input[type=email].form-control-lg.valid + label:after, + .md-form input[type=email].form-control-lg:focus.valid + label:after, + .md-form input[type=url].form-control-lg.valid + label:after, + .md-form input[type=url].form-control-lg:focus.valid + label:after, + .md-form input[type=time].form-control-lg.valid + label:after, + .md-form input[type=time].form-control-lg:focus.valid + label:after, + .md-form input[type=date].form-control-lg.valid + label:after, + .md-form input[type=date].form-control-lg:focus.valid + label:after, + .md-form input[type=datetime-local].form-control-lg.valid + label:after, + .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, + .md-form input[type=tel].form-control-lg.valid + label:after, + .md-form input[type=tel].form-control-lg:focus.valid + label:after, + .md-form input[type=number].form-control-lg.valid + label:after, + .md-form input[type=number].form-control-lg:focus.valid + label:after, + .md-form input[type=search-md].form-control-lg.valid + label:after, + .md-form input[type=search-md].form-control-lg:focus.valid + label:after, + .md-form input[type=search].form-control-lg.valid + label:after, + .md-form input[type=search].form-control-lg:focus.valid + label:after, + .md-form textarea.md-textarea.form-control-lg.valid + label:after, + .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after { + top: 4.1rem; } + .md-form input[type=text].form-control-lg.invalid + label:after, + .md-form input[type=text].form-control-lg:focus.invalid + label:after, + .md-form input[type=password].form-control-lg.invalid + label:after, + .md-form input[type=password].form-control-lg:focus.invalid + label:after, + .md-form input[type=email].form-control-lg.invalid + label:after, + .md-form input[type=email].form-control-lg:focus.invalid + label:after, + .md-form input[type=url].form-control-lg.invalid + label:after, + .md-form input[type=url].form-control-lg:focus.invalid + label:after, + .md-form input[type=time].form-control-lg.invalid + label:after, + .md-form input[type=time].form-control-lg:focus.invalid + label:after, + .md-form input[type=date].form-control-lg.invalid + label:after, + .md-form input[type=date].form-control-lg:focus.invalid + label:after, + .md-form input[type=datetime-local].form-control-lg.invalid + label:after, + .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, + .md-form input[type=tel].form-control-lg.invalid + label:after, + .md-form input[type=tel].form-control-lg:focus.invalid + label:after, + .md-form input[type=number].form-control-lg.invalid + label:after, + .md-form input[type=number].form-control-lg:focus.invalid + label:after, + .md-form input[type=search-md].form-control-lg.invalid + label:after, + .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, + .md-form input[type=search].form-control-lg.invalid + label:after, + .md-form input[type=search].form-control-lg:focus.invalid + label:after, + .md-form textarea.md-textarea.form-control-lg.invalid + label:after, + .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after { + top: 4rem; } + .md-form input[type=text].form-control-sm.valid + label:after, + .md-form input[type=text].form-control-sm:focus.valid + label:after, + .md-form input[type=password].form-control-sm.valid + label:after, + .md-form input[type=password].form-control-sm:focus.valid + label:after, + .md-form input[type=email].form-control-sm.valid + label:after, + .md-form input[type=email].form-control-sm:focus.valid + label:after, + .md-form input[type=url].form-control-sm.valid + label:after, + .md-form input[type=url].form-control-sm:focus.valid + label:after, + .md-form input[type=time].form-control-sm.valid + label:after, + .md-form input[type=time].form-control-sm:focus.valid + label:after, + .md-form input[type=date].form-control-sm.valid + label:after, + .md-form input[type=date].form-control-sm:focus.valid + label:after, + .md-form input[type=datetime-local].form-control-sm.valid + label:after, + .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, + .md-form input[type=tel].form-control-sm.valid + label:after, + .md-form input[type=tel].form-control-sm:focus.valid + label:after, + .md-form input[type=number].form-control-sm.valid + label:after, + .md-form input[type=number].form-control-sm:focus.valid + label:after, + .md-form input[type=search-md].form-control-sm.valid + label:after, + .md-form input[type=search-md].form-control-sm:focus.valid + label:after, + .md-form input[type=search].form-control-sm.valid + label:after, + .md-form input[type=search].form-control-sm:focus.valid + label:after, + .md-form textarea.md-textarea.form-control-sm.valid + label:after, + .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after { + top: 3.2rem; } + .md-form input[type=text].form-control-sm.invalid + label:after, + .md-form input[type=text].form-control-sm:focus.invalid + label:after, + .md-form input[type=password].form-control-sm.invalid + label:after, + .md-form input[type=password].form-control-sm:focus.invalid + label:after, + .md-form input[type=email].form-control-sm.invalid + label:after, + .md-form input[type=email].form-control-sm:focus.invalid + label:after, + .md-form input[type=url].form-control-sm.invalid + label:after, + .md-form input[type=url].form-control-sm:focus.invalid + label:after, + .md-form input[type=time].form-control-sm.invalid + label:after, + .md-form input[type=time].form-control-sm:focus.invalid + label:after, + .md-form input[type=date].form-control-sm.invalid + label:after, + .md-form input[type=date].form-control-sm:focus.invalid + label:after, + .md-form input[type=datetime-local].form-control-sm.invalid + label:after, + .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, + .md-form input[type=tel].form-control-sm.invalid + label:after, + .md-form input[type=tel].form-control-sm:focus.invalid + label:after, + .md-form input[type=number].form-control-sm.invalid + label:after, + .md-form input[type=number].form-control-sm:focus.invalid + label:after, + .md-form input[type=search-md].form-control-sm.invalid + label:after, + .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, + .md-form input[type=search].form-control-sm.invalid + label:after, + .md-form input[type=search].form-control-sm:focus.invalid + label:after, + .md-form textarea.md-textarea.form-control-sm.invalid + label:after, + .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after { + top: 3.1rem; } + .md-form > input[type=date]:not(.browser-default) + label { + -webkit-transform: translateY(-27px) scale(0.8); + -ms-transform: translateY(-27px) scale(0.8); + transform: translateY(-27px) scale(0.8); + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } + .md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, + .md-form > input[type=time]:not(.browser-default) + label { + -webkit-transform: translateY(-25px); + transform: translateY(-25px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + font-size: .8rem; } + .md-form .was-validated input[type=text]:valid + label { + color: #00c851 !important; } + .md-form .was-validated input[type=text]:invalid + label { + color: #f44336 !important; } + .md-form .was-validated .form-control:valid:focus { + -webkit-box-shadow: 0 1px 0 0 #00c851 !important; + box-shadow: 0 1px 0 0 #00c851 !important; } + .md-form .was-validated .form-control:valid { + border-color: #00c851 !important; } + .md-form .was-validated .form-control:invalid:focus { + -webkit-box-shadow: 0 1px 0 0 #f44336 !important; + box-shadow: 0 1px 0 0 #f44336 !important; } + .md-form .was-validated .form-control:invalid { + border-color: #f44336 !important; } + .md-form .form-control { + margin: 0 0 0.5rem 0; + -webkit-border-radius: 0; + border-radius: 0; + padding: 0.3rem 0 0.55rem 0; + background-image: none; + background-color: transparent; + height: auto; } + .md-form .form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; + background: transparent; } + .md-form .form-control:disabled, .md-form .form-control[readonly] { + border-bottom: 1px solid #bdbdbd; + background-color: transparent; } + .md-form .validate { + margin-bottom: 2.5rem; } + .md-form label { + font-size: 1rem; } + .md-form label.active { + font-size: 0.8rem; } + .md-form .prefix { + top: 0.25rem; + font-size: 1.75rem; } + .md-form .prefix ~ input, + .md-form .prefix ~ textarea { + margin-left: 2.5rem; + width: calc(100% - 2.5rem); } + .md-form .prefix ~ label { + margin-left: 2.5rem; } + .md-form .prefix ~ .form-text { + margin-left: 2.6rem; } + .md-form label { + position: absolute; + top: 0.65rem; + left: 0; + -webkit-transition: 0.2s ease-out; + -o-transition: 0.2s ease-out; + transition: 0.2s ease-out; + cursor: text; + color: #757575; } + .md-form label.active { + -webkit-transform: translateY(-140%); + -ms-transform: translateY(-140%); + transform: translateY(-140%); } + .md-form .prefix { + position: absolute; + -webkit-transition: color 0.2s; + -o-transition: color 0.2s; + transition: color 0.2s; } + .md-form .prefix.active { + color: #4285f4; } + .md-form.form-lg .validate { + margin-bottom: 2.8rem; } + .md-form.form-lg label { + font-size: 1.25rem; } + .md-form.form-lg label.active { + font-size: 0.95rem; } + .md-form.form-lg .prefix { + top: 0.4rem; + font-size: 2rem; } + .md-form.form-lg .prefix ~ input, + .md-form.form-lg .prefix ~ textarea { + margin-left: 3rem; + width: calc(100% - 3rem); } + .md-form.form-lg .prefix ~ label { + margin-left: 3rem; } + .md-form.form-lg .prefix ~ .form-text { + margin-left: 3.1rem; } + .md-form.form-sm .validate { + margin-bottom: 2.3rem; } + .md-form.form-sm label { + font-size: 0.875rem; } + .md-form.form-sm label.active { + font-size: 0.75rem; } + .md-form.form-sm .prefix { + top: 0.35rem; + font-size: 1.5rem; } + .md-form.form-sm .prefix ~ input, + .md-form.form-sm .prefix ~ textarea { + margin-left: 2rem; + width: calc(100% - 2rem); } + .md-form.form-sm .prefix ~ label { + margin-left: 2rem; } + .md-form.form-sm .prefix ~ .form-text { + margin-left: 2rem; } + .md-form textarea.md-textarea { + overflow-y: hidden; + padding: 1.5rem 0; + resize: none; } + .md-form textarea.md-textarea-auto { + padding: 0; + padding-top: 1.5rem; } + .md-form textarea ~ label.active { + color: #4285f4; } + .md-form.md-outline { + position: relative; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } + .md-form.md-outline input[type=text], + .md-form.md-outline input[type=password], + .md-form.md-outline input[type=email], + .md-form.md-outline input[type=url], + .md-form.md-outline input[type=time], + .md-form.md-outline input[type=date], + .md-form.md-outline input[type=datetime-local], + .md-form.md-outline input[type=tel], + .md-form.md-outline input[type=number], + .md-form.md-outline input[type=search-md], + .md-form.md-outline input[type=search], + .md-form.md-outline textarea.md-textarea { + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #dadce0; + -webkit-border-radius: 4px; + border-radius: 4px; + background-color: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .md-form.md-outline input[type=text]:focus:not([readonly]), + .md-form.md-outline input[type=password]:focus:not([readonly]), + .md-form.md-outline input[type=email]:focus:not([readonly]), + .md-form.md-outline input[type=url]:focus:not([readonly]), + .md-form.md-outline input[type=time]:focus:not([readonly]), + .md-form.md-outline input[type=date]:focus:not([readonly]), + .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), + .md-form.md-outline input[type=tel]:focus:not([readonly]), + .md-form.md-outline input[type=number]:focus:not([readonly]), + .md-form.md-outline input[type=search-md]:focus:not([readonly]), + .md-form.md-outline input[type=search]:focus:not([readonly]), + .md-form.md-outline textarea.md-textarea:focus:not([readonly]) { + border-color: #4285f4; + -webkit-box-shadow: inset 0px 0px 0px 1px #4285f4; + box-shadow: inset 0px 0px 0px 1px #4285f4; } + .md-form.md-outline input[type=text]:focus:not([readonly]) + label, + .md-form.md-outline input[type=password]:focus:not([readonly]) + label, + .md-form.md-outline input[type=email]:focus:not([readonly]) + label, + .md-form.md-outline input[type=url]:focus:not([readonly]) + label, + .md-form.md-outline input[type=time]:focus:not([readonly]) + label, + .md-form.md-outline input[type=date]:focus:not([readonly]) + label, + .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, + .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, + .md-form.md-outline input[type=number]:focus:not([readonly]) + label, + .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, + .md-form.md-outline input[type=search]:focus:not([readonly]) + label, + .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label { + color: #4285f4; } + .md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, + .md-form.md-outline input[type=password].valid, + .md-form.md-outline input[type=password]:focus.valid, + .md-form.md-outline input[type=email].valid, + .md-form.md-outline input[type=email]:focus.valid, + .md-form.md-outline input[type=url].valid, + .md-form.md-outline input[type=url]:focus.valid, + .md-form.md-outline input[type=time].valid, + .md-form.md-outline input[type=time]:focus.valid, + .md-form.md-outline input[type=date].valid, + .md-form.md-outline input[type=date]:focus.valid, + .md-form.md-outline input[type=datetime-local].valid, + .md-form.md-outline input[type=datetime-local]:focus.valid, + .md-form.md-outline input[type=tel].valid, + .md-form.md-outline input[type=tel]:focus.valid, + .md-form.md-outline input[type=number].valid, + .md-form.md-outline input[type=number]:focus.valid, + .md-form.md-outline input[type=search-md].valid, + .md-form.md-outline input[type=search-md]:focus.valid, + .md-form.md-outline input[type=search].valid, + .md-form.md-outline input[type=search]:focus.valid, + .md-form.md-outline textarea.md-textarea.valid, + .md-form.md-outline textarea.md-textarea:focus.valid { + border-color: #00c851; + -webkit-box-shadow: inset 0px 0px 0px 1px #00c851; + box-shadow: inset 0px 0px 0px 1px #00c851; } + .md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, + .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=password].valid + label:after, + .md-form.md-outline input[type=password]:focus.valid + label:after, + .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=email].valid + label:after, + .md-form.md-outline input[type=email]:focus.valid + label:after, + .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=url].valid + label:after, + .md-form.md-outline input[type=url]:focus.valid + label:after, + .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=time].valid + label:after, + .md-form.md-outline input[type=time]:focus.valid + label:after, + .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=date].valid + label:after, + .md-form.md-outline input[type=date]:focus.valid + label:after, + .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=datetime-local].valid + label:after, + .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, + .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=tel].valid + label:after, + .md-form.md-outline input[type=tel]:focus.valid + label:after, + .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=number].valid + label:after, + .md-form.md-outline input[type=number]:focus.valid + label:after, + .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=search-md].valid + label:after, + .md-form.md-outline input[type=search-md]:focus.valid + label:after, + .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, + .md-form.md-outline input[type=search].valid + label:after, + .md-form.md-outline input[type=search]:focus.valid + label:after, + .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label, + .md-form.md-outline textarea.md-textarea.valid + label:after, + .md-form.md-outline textarea.md-textarea:focus.valid + label:after { + content: attr(data-success); + color: #00c851; + opacity: 1; } + .md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, + .md-form.md-outline input[type=password].invalid, + .md-form.md-outline input[type=password]:focus.invalid, + .md-form.md-outline input[type=email].invalid, + .md-form.md-outline input[type=email]:focus.invalid, + .md-form.md-outline input[type=url].invalid, + .md-form.md-outline input[type=url]:focus.invalid, + .md-form.md-outline input[type=time].invalid, + .md-form.md-outline input[type=time]:focus.invalid, + .md-form.md-outline input[type=date].invalid, + .md-form.md-outline input[type=date]:focus.invalid, + .md-form.md-outline input[type=datetime-local].invalid, + .md-form.md-outline input[type=datetime-local]:focus.invalid, + .md-form.md-outline input[type=tel].invalid, + .md-form.md-outline input[type=tel]:focus.invalid, + .md-form.md-outline input[type=number].invalid, + .md-form.md-outline input[type=number]:focus.invalid, + .md-form.md-outline input[type=search-md].invalid, + .md-form.md-outline input[type=search-md]:focus.invalid, + .md-form.md-outline input[type=search].invalid, + .md-form.md-outline input[type=search]:focus.invalid, + .md-form.md-outline textarea.md-textarea.invalid, + .md-form.md-outline textarea.md-textarea:focus.invalid { + border-color: #f44336; + -webkit-box-shadow: inset 0px 0px 0px 1px #f44336; + box-shadow: inset 0px 0px 0px 1px #f44336; } + .md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, + .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=password].invalid + label:after, + .md-form.md-outline input[type=password]:focus.invalid + label:after, + .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=email].invalid + label:after, + .md-form.md-outline input[type=email]:focus.invalid + label:after, + .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=url].invalid + label:after, + .md-form.md-outline input[type=url]:focus.invalid + label:after, + .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=time].invalid + label:after, + .md-form.md-outline input[type=time]:focus.invalid + label:after, + .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=date].invalid + label:after, + .md-form.md-outline input[type=date]:focus.invalid + label:after, + .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=datetime-local].invalid + label:after, + .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, + .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=tel].invalid + label:after, + .md-form.md-outline input[type=tel]:focus.invalid + label:after, + .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=number].invalid + label:after, + .md-form.md-outline input[type=number]:focus.invalid + label:after, + .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=search-md].invalid + label:after, + .md-form.md-outline input[type=search-md]:focus.invalid + label:after, + .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, + .md-form.md-outline input[type=search].invalid + label:after, + .md-form.md-outline input[type=search]:focus.invalid + label:after, + .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label, + .md-form.md-outline textarea.md-textarea.invalid + label:after, + .md-form.md-outline textarea.md-textarea:focus.invalid + label:after { + content: attr(data-error); + color: #f44336; + opacity: 1; } + .md-form.md-outline input[type=text].form-control.valid + label:after, + .md-form.md-outline input[type=text].form-control:focus.valid + label:after, + .md-form.md-outline input[type=password].form-control.valid + label:after, + .md-form.md-outline input[type=password].form-control:focus.valid + label:after, + .md-form.md-outline input[type=email].form-control.valid + label:after, + .md-form.md-outline input[type=email].form-control:focus.valid + label:after, + .md-form.md-outline input[type=url].form-control.valid + label:after, + .md-form.md-outline input[type=url].form-control:focus.valid + label:after, + .md-form.md-outline input[type=time].form-control.valid + label:after, + .md-form.md-outline input[type=time].form-control:focus.valid + label:after, + .md-form.md-outline input[type=date].form-control.valid + label:after, + .md-form.md-outline input[type=date].form-control:focus.valid + label:after, + .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, + .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, + .md-form.md-outline input[type=tel].form-control.valid + label:after, + .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, + .md-form.md-outline input[type=number].form-control.valid + label:after, + .md-form.md-outline input[type=number].form-control:focus.valid + label:after, + .md-form.md-outline input[type=search-md].form-control.valid + label:after, + .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, + .md-form.md-outline input[type=search].form-control.valid + label:after, + .md-form.md-outline input[type=search].form-control:focus.valid + label:after, + .md-form.md-outline textarea.md-textarea.form-control.valid + label:after, + .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after { + top: 2.75rem; + left: 0; + position: absolute; } + .md-form.md-outline input[type=text].form-control.invalid + label:after, + .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=password].form-control.invalid + label:after, + .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=email].form-control.invalid + label:after, + .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=url].form-control.invalid + label:after, + .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=time].form-control.invalid + label:after, + .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=date].form-control.invalid + label:after, + .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, + .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=tel].form-control.invalid + label:after, + .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=number].form-control.invalid + label:after, + .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=search-md].form-control.invalid + label:after, + .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, + .md-form.md-outline input[type=search].form-control.invalid + label:after, + .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, + .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after, + .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after { + top: 2.75rem; + left: 0; + position: absolute; } + .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, + .md-form.md-outline > input[type=time]:not(.browser-default) + label { + -webkit-transform: translateY(-17px); + transform: translateY(-17px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + background: #fff; + font-weight: 500; + padding-right: 5px; + padding-left: 5px; + font-size: 11px; + left: 8px; } + .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active, + .md-form.md-outline > input[type=time]:not(.browser-default) + label.active { + -webkit-transform: translateY(-17px); + transform: translateY(-17px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; } + .md-form.md-outline .form-control { + padding: .375rem .75rem; } + .md-form.md-outline label { + font-size: .875rem; + position: absolute; + left: 0; + padding-left: 10px; + -webkit-transition: .2s ease-out; + -o-transition: .2s ease-out; + transition: .2s ease-out; + cursor: text; + color: #757575; } + .md-form.md-outline label.active { + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + background: #fff; + font-weight: 500; + padding-right: 5px; + padding-left: 5px; + font-size: 11px; + left: 8px; } + .md-form.md-outline.form-lg .form-control.form-control-lg { + padding: .5rem .725rem; } + .md-form.md-outline.form-lg label { + font-size: 1.25rem; } + .md-form.md-outline.form-lg label.active { + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + font-size: 13px; } + .md-form.md-outline.form-lg .prefix { + top: .65rem; + font-size: 25px; } + .md-form.md-outline.form-lg .prefix ~ input, + .md-form.md-outline.form-lg .prefix ~ textarea { + margin-left: 2.2rem; + width: calc(100% - 2.2rem); } + .md-form.md-outline.form-lg .prefix ~ label { + margin-left: 2.2rem; } + .md-form.md-outline.form-lg .prefix ~ .form-text { + margin-left: 2.3rem; } + .md-form.md-outline.form-sm .form-control.form-control-sm { + padding: .25rem .625rem; } + .md-form.md-outline.form-sm label { + font-size: .8rem; + top: .4rem; } + .md-form.md-outline.form-sm label.active { + -webkit-transform: translateY(-85%); + -ms-transform: translateY(-85%); + transform: translateY(-85%); + font-size: 10px; } + .md-form.md-outline.form-sm .prefix { + top: .5rem; + font-size: 15px; } + .md-form.md-outline.form-sm .prefix ~ input, + .md-form.md-outline.form-sm .prefix ~ textarea { + margin-left: 1.6rem; + width: calc(100% - 1.6rem); } + .md-form.md-outline.form-sm .prefix ~ label { + margin-left: 1.6rem; } + .md-form.md-outline.form-sm .prefix ~ .form-text { + margin-left: 1.7rem; } + .md-form.md-outline .prefix { + position: absolute; + -webkit-transition: color .2s; + -o-transition: color .2s; + transition: color .2s; } + .md-form.md-outline .prefix:focus { + color: #4285f4; } + .md-form.md-outline .prefix { + top: .6rem; + font-size: 20px; } + .md-form.md-outline .prefix ~ input, + .md-form.md-outline .prefix ~ textarea { + margin-left: 2rem; + width: calc(100% - 2rem); } + .md-form.md-outline .prefix ~ label { + margin-left: 2rem; } + .md-form.md-outline .prefix ~ .form-text { + margin-left: 2.1rem; } + .md-form.md-outline .character-counter { + margin-top: -.5rem; } + .md-form.md-bg input[type=text], + .md-form.md-bg input[type=password], + .md-form.md-bg input[type=email], + .md-form.md-bg input[type=url], + .md-form.md-bg input[type=time], + .md-form.md-bg input[type=date], + .md-form.md-bg input[type=datetime-local], + .md-form.md-bg input[type=tel], + .md-form.md-bg input[type=number], + .md-form.md-bg input[type=search-md], + .md-form.md-bg input[type=search], + .md-form.md-bg textarea.md-textarea { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 10px 5px; + border: 0; + -webkit-border-top-left-radius: .3rem; + border-top-left-radius: .3rem; + -webkit-border-top-right-radius: .3rem; + border-top-right-radius: .3rem; + background: #f5f5f5 no-repeat; + background-image: -webkit-gradient(linear, left top, left bottom, from(#4285f4), to(#4285f4)), -webkit-gradient(linear, left top, left bottom, from(#ced4da), to(#ced4da)); + background-image: -webkit-linear-gradient(top, #4285f4, #4285f4), -webkit-linear-gradient(top, #ced4da, #ced4da); + background-image: -o-linear-gradient(top, #4285f4, #4285f4), -o-linear-gradient(top, #ced4da, #ced4da); + background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da); + -webkit-background-size: 0 2px, 100% 1px; + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + -webkit-transition: -webkit-background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); + transition: -webkit-background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); + -o-transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); + transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); + transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); } + .md-form.md-bg input[type=text]:focus:not([readonly]), + .md-form.md-bg input[type=password]:focus:not([readonly]), + .md-form.md-bg input[type=email]:focus:not([readonly]), + .md-form.md-bg input[type=url]:focus:not([readonly]), + .md-form.md-bg input[type=time]:focus:not([readonly]), + .md-form.md-bg input[type=date]:focus:not([readonly]), + .md-form.md-bg input[type=datetime-local]:focus:not([readonly]), + .md-form.md-bg input[type=tel]:focus:not([readonly]), + .md-form.md-bg input[type=number]:focus:not([readonly]), + .md-form.md-bg input[type=search-md]:focus:not([readonly]), + .md-form.md-bg input[type=search]:focus:not([readonly]), + .md-form.md-bg textarea.md-textarea:focus:not([readonly]) { + -webkit-box-shadow: none; + box-shadow: none; + border-bottom: none; } + .md-form.md-bg input[type=text]:focus, + .md-form.md-bg input[type=password]:focus, + .md-form.md-bg input[type=email]:focus, + .md-form.md-bg input[type=url]:focus, + .md-form.md-bg input[type=time]:focus, + .md-form.md-bg input[type=date]:focus, + .md-form.md-bg input[type=datetime-local]:focus, + .md-form.md-bg input[type=tel]:focus, + .md-form.md-bg input[type=number]:focus, + .md-form.md-bg input[type=search-md]:focus, + .md-form.md-bg input[type=search]:focus, + .md-form.md-bg textarea.md-textarea:focus { + background-color: #dcdcdc; + -webkit-background-size: 100% 2px, 100% 1px; + background-size: 100% 2px, 100% 1px; + outline: none; } + .md-form.md-bg > input[type=date]:not(.browser-default) + label { + -webkit-transform: translateY(-12px) scale(0.8); + -ms-transform: translateY(-12px) scale(0.8); + transform: translateY(-12px) scale(0.8); + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } + .md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, + .md-form.md-bg > input[type=time]:not(.browser-default) + label { + -webkit-transform: translateY(-12px); + transform: translateY(-12px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + font-size: .8rem; } + .md-form.md-bg .form-control { + padding: 1.1rem .7rem .4rem !important; } + .md-form.md-bg label { + top: .85rem; + padding-left: .7rem; } + .md-form.md-bg label.active { + -webkit-transform: translateY(-65%); + -ms-transform: translateY(-65%); + transform: translateY(-65%); + font-weight: 500; + font-size: .7rem; + padding-left: .75rem; } + +.md-form .form-control.is-invalid, +.was-validated .md-form .form-control:invalid { + padding-right: 0; } + +.md-form .form-control.is-valid, +.was-validated .md-form .form-control:valid { + padding-right: 0; } + +.needs-validation .md-form label { + left: .3rem; } + +.edge-header { + display: block; + height: 278px; + background-color: #ccc; } + +.free-bird { + margin-top: -100px; } + +.juicy-peach-gradient { + background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f)); + background-image: -webkit-linear-gradient(left, #ffecd2 0%, #fcb69f 100%); + background-image: -o-linear-gradient(left, #ffecd2 0%, #fcb69f 100%); + background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); } + +.young-passion-gradient { + background-image: -webkit-gradient(linear, left top, right top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b)); + background-image: -webkit-linear-gradient(left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); + background-image: -o-linear-gradient(left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); + background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); } + +.lady-lips-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef)); + background-image: -webkit-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); + background-image: -o-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); + background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); } + +.sunny-morning-gradient { + background-image: -webkit-linear-gradient(330deg, #f6d365 0%, #fda085 100%); + background-image: -o-linear-gradient(330deg, #f6d365 0%, #fda085 100%); + background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); } + +.rainy-ashville-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a6c1ee)); + background-image: -webkit-linear-gradient(bottom, #fbc2eb 0%, #a6c1ee 100%); + background-image: -o-linear-gradient(bottom, #fbc2eb 0%, #a6c1ee 100%); + background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); } + +.frozen-dreams-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#fdcbf1), color-stop(1%, #fdcbf1), to(#e6dee9)); + background-image: -webkit-linear-gradient(bottom, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); + background-image: -o-linear-gradient(bottom, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); + background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); } + +.warm-flame-gradient { + background-image: -webkit-linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); + background-image: -o-linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); + background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); } + +.night-fade-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#a18cd1), to(#fbc2eb)); + background-image: -webkit-linear-gradient(bottom, #a18cd1 0%, #fbc2eb 100%); + background-image: -o-linear-gradient(bottom, #a18cd1 0%, #fbc2eb 100%); + background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); } + +.spring-warmth-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#fad0c4), to(#ffd1ff)); + background-image: -webkit-linear-gradient(bottom, #fad0c4 0%, #ffd1ff 100%); + background-image: -o-linear-gradient(bottom, #fad0c4 0%, #ffd1ff 100%); + background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); } + +.winter-neva-gradient { + background-image: -webkit-linear-gradient(330deg, #a1c4fd 0%, #c2e9fb 100%); + background-image: -o-linear-gradient(330deg, #a1c4fd 0%, #c2e9fb 100%); + background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); } + +.dusty-grass-gradient { + background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%); + background-image: -o-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%); + background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); } + +.tempting-azure-gradient { + background-image: -webkit-linear-gradient(330deg, #84fab0 0%, #8fd3f4 100%); + background-image: -o-linear-gradient(330deg, #84fab0 0%, #8fd3f4 100%); + background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); } + +.heavy-rain-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0)); + background-image: -webkit-linear-gradient(bottom, #cfd9df 0%, #e2ebf0 100%); + background-image: -o-linear-gradient(bottom, #cfd9df 0%, #e2ebf0 100%); + background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); } + +.amy-crisp-gradient { + background-image: -webkit-linear-gradient(330deg, #a6c0fe 0%, #f68084 100%); + background-image: -o-linear-gradient(330deg, #a6c0fe 0%, #f68084 100%); + background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); } + +.mean-fruit-gradient { + background-image: -webkit-linear-gradient(330deg, #fccb90 0%, #d57eeb 100%); + background-image: -o-linear-gradient(330deg, #fccb90 0%, #d57eeb 100%); + background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); } + +.deep-blue-gradient { + background-image: -webkit-linear-gradient(330deg, #e0c3fc 0%, #8ec5fc 100%); + background-image: -o-linear-gradient(330deg, #e0c3fc 0%, #8ec5fc 100%); + background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); } + +.ripe-malinka-gradient { + background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%); + background-image: -o-linear-gradient(330deg, #f093fb 0%, #f5576c 100%); + background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); } + +.cloudy-knoxville-gradient { + background-image: -webkit-linear-gradient(330deg, #fdfbfb 0%, #ebedee 100%); + background-image: -o-linear-gradient(330deg, #fdfbfb 0%, #ebedee 100%); + background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); } + +.morpheus-den-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867)); + background-image: -webkit-linear-gradient(bottom, #30cfd0 0%, #330867 100%); + background-image: -o-linear-gradient(bottom, #30cfd0 0%, #330867 100%); + background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); } + +.rare-wind-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3)); + background-image: -webkit-linear-gradient(bottom, #a8edea 0%, #fed6e3 100%); + background-image: -o-linear-gradient(bottom, #a8edea 0%, #fed6e3 100%); + background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); } + +.near-moon-gradient { + background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca)); + background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%); + background-image: -o-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%); + background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); } + +.schedule-list .hr-bold { + border-top: 2px solid #212529; } + +.schedule-list .font-smaller { + font-size: .8rem; } + +.note { + padding: 10px; + border-left: 6px solid; + -webkit-border-radius: 5px; + border-radius: 5px; } + .note strong { + font-weight: 600; } + .note p { + font-weight: 500; } + .note.note-primary { + background-color: #dfeefd; + border-color: #176ac4; } + .note.note-secondary { + background-color: #e2e3e5; + border-color: #58595a; } + .note.note-success { + background-color: #e2f0e5; + border-color: #49a75f; } + .note.note-danger { + background-color: #fae7e8; + border-color: #e45460; } + .note.note-warning { + background-color: #faf4e0; + border-color: #c2a442; } + .note.note-info { + background-color: #e4f2f5; + border-color: #2492a5; } + .note.note-light { + background-color: #fefefe; + border-color: #0f0f0f; } + +footer.page-footer { + bottom: 0; + color: #fff; } + footer.page-footer .container-fluid { + width: auto; } + footer.page-footer .footer-copyright { + overflow: hidden; + background-color: rgba(0, 0, 0, 0.2); + color: rgba(255, 255, 255, 0.6); } + footer.page-footer a { + color: #fff; } + +.media .media-left { + padding: 0 10px 10px 0; } + .media .media-left img { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.list-group .list-group-item:first-child { + -webkit-border-top-left-radius: 0.125rem; + border-top-left-radius: 0.125rem; + -webkit-border-top-right-radius: 0.125rem; + border-top-right-radius: 0.125rem; } + +.list-group .list-group-item:last-child { + -webkit-border-bottom-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + -webkit-border-bottom-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } + +.list-group a, +.list-group button { + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; } + .list-group a:hover, + .list-group button:hover { + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; } + +table th { + font-size: 0.9rem; + font-weight: 400; } + +table td { + font-size: 0.9rem; + font-weight: 300; } + +table.table thead th { + border-top: none; } + +table.table th, +table.table td { + padding-top: 1.1rem; + padding-bottom: 1rem; } + +table.table a { + margin: 0; + color: #212529; } + +table.table .label-table { + margin: 0; + padding: 0; + line-height: 0.94rem; + height: 0.94rem; } + +table.table.btn-table td { + vertical-align: middle; } + +table.table-hover tbody tr:hover { + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; + background-color: rgba(0, 0, 0, 0.075); } + +table .th-lg { + min-width: 9rem; } + +table .th-sm { + min-width: 6rem; } + +table.table-sm th, +table.table-sm td { + padding-top: 0.6rem; + padding-bottom: 0.6rem; } + +.table-scroll-vertical { + max-height: 300px; + overflow-y: auto; } + +.table-fixed { + table-layout: fixed; } + +.table-responsive > .table-bordered, +.table-responsive-sm > .table-bordered, +.table-responsive-md > .table-bordered, +.table-responsive-lg > .table-bordered, +.table-responsive-xl > .table-bordered { + border-top: 1px solid #dee2e6; } + +ul.stepper { + counter-reset: section; + overflow-y: auto; + overflow-x: hidden; + margin: 1em -1.5rem; + padding: 0 1.5rem; + padding: 1.5rem; } + ul.stepper li a { + padding: 1.5rem; + text-align: center; } + ul.stepper li a .circle { + display: inline-block; + color: #fff; + -webkit-border-radius: 50%; + border-radius: 50%; + background: rgba(0, 0, 0, 0.38); + width: 1.75rem; + height: 1.75rem; + text-align: center; + line-height: 1.7rem; + margin-right: 0.5rem; } + ul.stepper li a .label { + display: inline-block; + color: rgba(0, 0, 0, 0.38); } + ul.stepper li.active a .label, ul.stepper li.completed a .label { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); } + +.stepper-horizontal { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .stepper-horizontal li { + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; } + .stepper-horizontal li a .label { + margin-top: 0.63rem; } + .stepper-horizontal li:not(:last-child):after { + content: ""; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0.5rem 0 0 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.1); } + .stepper-horizontal li:not(:first-child):before { + content: ""; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0.5rem 0 0 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.1); } + .stepper-horizontal li:hover { + background-color: rgba(0, 0, 0, 0.06); } + @media (max-width: 47.9375rem) { + .stepper-horizontal { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } + .stepper-horizontal li { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } + .stepper-horizontal li a .label { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column nowrap; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + margin-top: 0.2rem; } + .stepper-horizontal li:not(:last-child):after { + content: ""; + position: absolute; + width: 1px; + height: calc(100% - 40px); + left: 2.19rem; + top: 3.75rem; } } + .stepper-horizontal > li:not(:last-of-type) { + margin-bottom: 0 !important; } + +.stepper-vertical { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .stepper-vertical li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; } + .stepper-vertical li a { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; } + .stepper-vertical li a .circle { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .stepper-vertical li a .label { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column nowrap; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + margin-top: 0.2rem; } + .stepper-vertical li.completed a .label { + font-weight: 500; } + .stepper-vertical li .step-content { + display: block; + margin-top: 0; + margin-left: 3.13rem; + padding: 0.94rem; } + .stepper-vertical li .step-content p { + font-size: 0.88rem; } + .stepper-vertical li:not(:last-child):after { + content: ""; + position: absolute; + width: 1px; + height: calc(100% - 40px); + left: 2.19rem; + top: 3.44rem; + background-color: rgba(0, 0, 0, 0.1); } + +.fast.spinner-border { + -webkit-animation: spinner-border .4s linear infinite; + animation: spinner-border .4s linear infinite; } + +.fast.spinner-grow { + -webkit-animation: spinner-grow .4s linear infinite; + animation: spinner-grow .4s linear infinite; } + +.treeview .w-20 { + width: 20rem; } + +.treeview .rotate { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: all .1s linear; + -o-transition: all .1s linear; + transition: all .1s linear; + font-size: .8rem; + vertical-align: text-top; + margin-top: .2rem; } + .treeview .rotate.down { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); } + +.treeview .nested { + display: none; } + +.treeview .active { + display: block; } + +.treeview ul { + list-style-type: none; } + +.treeview .ic-w { + width: 1.3rem; } + +.btn.btn-flat { + font-weight: 500; + -webkit-box-shadow: none; + box-shadow: none; + background-color: transparent; + color: inherit; } + .btn.btn-flat:not([disabled]):not(.disabled):active { + -webkit-box-shadow: none; + box-shadow: none; } + +.btn-floating { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + width: 47px; + height: 47px; + position: relative; + z-index: 1; + vertical-align: middle; + display: inline-block; + overflow: hidden; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + margin: 10px; + -webkit-border-radius: 50%; + border-radius: 50%; + padding: 0; + cursor: pointer; } + .btn-floating i { + font-size: 1.25rem; + line-height: 47px; } + .btn-floating i { + display: inline-block; + width: inherit; + text-align: center; + color: #fff; } + .btn-floating:hover { + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } + .btn-floating:before { + -webkit-border-radius: 0; + border-radius: 0; } + .btn-floating.btn-sm { + width: 36.15385px; + height: 36.15385px; } + .btn-floating.btn-sm i { + font-size: 0.96154rem; + line-height: 36.15385px; } + .btn-floating.btn-lg { + width: 61.1px; + height: 61.1px; } + .btn-floating.btn-lg i { + font-size: 1.625rem; + line-height: 61.1px; } + +.fixed-action-btn { + position: fixed; + z-index: 998; + right: 35px; + bottom: 35px; + margin-bottom: 0; + padding-top: 15px; } + .fixed-action-btn ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-transition: 400ms height; + -o-transition: 400ms height; + transition: 400ms height; + position: absolute; + bottom: 64px; + height: 64px; + left: 0; + right: 0; + margin: 0 0 15px; + padding: 0; + text-align: center; } + .fixed-action-btn ul li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 15px; + margin-left: auto; + margin-right: auto; + z-index: 0; } + .fixed-action-btn ul a.btn-floating { + opacity: 0; + -webkit-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transform: scale(0.4) translate(0); + -ms-transform: scale(0.4) translate(0); + transform: scale(0.4) translate(0); } + .fixed-action-btn ul a.btn-floating.shown { + -webkit-transform: scale(1) translate(0); + -ms-transform: scale(1) translate(0); + transform: scale(1) translate(0); + opacity: 1; } + .fixed-action-btn.active ul { + height: 300px; } + +button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + +.btn-rounded { + -webkit-border-radius: 10em; + border-radius: 10em; } + +.btn.purple-gradient { + -webkit-transition: .5s ease; + -o-transition: .5s ease; + transition: .5s ease; + color: #fff; } + .btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, + .btn.purple-gradient:active:focus .btn.purple-gradient.active { + background: -webkit-gradient(linear, left top, left bottom, from(#ff88ce), to(#8f8bf7)); + background: -webkit-linear-gradient(#ff88ce, #8f8bf7); + background: -o-linear-gradient(#ff88ce, #8f8bf7); + background: linear-gradient(#ff88ce, #8f8bf7); } + +.btn.peach-gradient { + -webkit-transition: .5s ease; + -o-transition: .5s ease; + transition: .5s ease; + color: #fff; } + .btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, + .btn.peach-gradient:active:focus .btn.peach-gradient.active { + background: -webkit-gradient(linear, left top, left bottom, from(#ffdf89), to(#fc7b7b)); + background: -webkit-linear-gradient(#ffdf89, #fc7b7b); + background: -o-linear-gradient(#ffdf89, #fc7b7b); + background: linear-gradient(#ffdf89, #fc7b7b); } + +.btn.aqua-gradient { + -webkit-transition: .5s ease; + -o-transition: .5s ease; + transition: .5s ease; + color: #fff; } + .btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, + .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { + background: -webkit-gradient(linear, left top, left bottom, from(#3aa2ff), to(#1fffac)); + background: -webkit-linear-gradient(#3aa2ff, #1fffac); + background: -o-linear-gradient(#3aa2ff, #1fffac); + background: linear-gradient(#3aa2ff, #1fffac); } + +.btn.blue-gradient { + -webkit-transition: .5s ease; + -o-transition: .5s ease; + transition: .5s ease; + color: #fff; } + .btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, + .btn.blue-gradient:active:focus .btn.blue-gradient.active { + background: -webkit-gradient(linear, left top, left bottom, from(#5ed1fc), to(#3647b3)); + background: -webkit-linear-gradient(#5ed1fc, #3647b3); + background: -o-linear-gradient(#5ed1fc, #3647b3); + background: linear-gradient(#5ed1fc, #3647b3); } + +.counter { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + position: absolute; + z-index: 2; + margin-top: 0px; + margin-left: -23px; + -webkit-border-radius: 10em; + border-radius: 10em; + padding: 1px 7px; + background-color: #fe1212; + font-size: 11px; + color: #fff; + left: auto; } + .counter.counter-lg { + margin-top: -4px; } + .counter.counter-md { + margin-top: 5px; } + .counter.counter-sm { + margin-top: 8px; } + +.btn-fb { + background-color: #3b5998 !important; + color: #fff; } + .btn-fb:hover { + background-color: #4264aa; + color: #fff; } + .btn-fb:focus, .btn-fb.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-fb:focus, .btn-fb:active, .btn-fb.active { + background-color: #1e2e4f; } + .btn-fb.dropdown-toggle { + background-color: #3b5998 !important; } + .btn-fb.dropdown-toggle:hover, .btn-fb.dropdown-toggle:focus { + background-color: #4264aa !important; } + .btn-fb:not([disabled]):not(.disabled):active, .btn-fb:not([disabled]):not(.disabled).active, + .show > .btn-fb.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #1e2e4f !important; } + .btn-fb:not([disabled]):not(.disabled):active:focus, .btn-fb:not([disabled]):not(.disabled).active:focus, + .show > .btn-fb.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.fb-ic { + color: #3b5998 !important; } + .fb-ic:hover, .fb-ic:focus { + color: #3b5998; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-tw { + background-color: #55acee !important; + color: #fff; } + .btn-tw:hover { + background-color: #6cb7f0; + color: #fff; } + .btn-tw:focus, .btn-tw.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-tw:focus, .btn-tw:active, .btn-tw.active { + background-color: #147bc9; } + .btn-tw.dropdown-toggle { + background-color: #55acee !important; } + .btn-tw.dropdown-toggle:hover, .btn-tw.dropdown-toggle:focus { + background-color: #6cb7f0 !important; } + .btn-tw:not([disabled]):not(.disabled):active, .btn-tw:not([disabled]):not(.disabled).active, + .show > .btn-tw.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #147bc9 !important; } + .btn-tw:not([disabled]):not(.disabled):active:focus, .btn-tw:not([disabled]):not(.disabled).active:focus, + .show > .btn-tw.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.tw-ic { + color: #55acee !important; } + .tw-ic:hover, .tw-ic:focus { + color: #55acee; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-gplus { + background-color: #dd4b39 !important; + color: #fff; } + .btn-gplus:hover { + background-color: #e15f4f; + color: #fff; } + .btn-gplus:focus, .btn-gplus.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-gplus:focus, .btn-gplus:active, .btn-gplus.active { + background-color: #96271a; } + .btn-gplus.dropdown-toggle { + background-color: #dd4b39 !important; } + .btn-gplus.dropdown-toggle:hover, .btn-gplus.dropdown-toggle:focus { + background-color: #e15f4f !important; } + .btn-gplus:not([disabled]):not(.disabled):active, .btn-gplus:not([disabled]):not(.disabled).active, + .show > .btn-gplus.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #96271a !important; } + .btn-gplus:not([disabled]):not(.disabled):active:focus, .btn-gplus:not([disabled]):not(.disabled).active:focus, + .show > .btn-gplus.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.gplus-ic { + color: #dd4b39 !important; } + .gplus-ic:hover, .gplus-ic:focus { + color: #dd4b39; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-yt { + background-color: #ed302f !important; + color: #fff; } + .btn-yt:hover { + background-color: #ef4746; + color: #fff; } + .btn-yt:focus, .btn-yt.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-yt:focus, .btn-yt:active, .btn-yt.active { + background-color: #a80f0e; } + .btn-yt.dropdown-toggle { + background-color: #ed302f !important; } + .btn-yt.dropdown-toggle:hover, .btn-yt.dropdown-toggle:focus { + background-color: #ef4746 !important; } + .btn-yt:not([disabled]):not(.disabled):active, .btn-yt:not([disabled]):not(.disabled).active, + .show > .btn-yt.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #a80f0e !important; } + .btn-yt:not([disabled]):not(.disabled):active:focus, .btn-yt:not([disabled]):not(.disabled).active:focus, + .show > .btn-yt.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.yt-ic { + color: #ed302f !important; } + .yt-ic:hover, .yt-ic:focus { + color: #ed302f; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-li { + background-color: #0082ca !important; + color: #fff; } + .btn-li:hover { + background-color: #0092e4; + color: #fff; } + .btn-li:focus, .btn-li.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-li:focus, .btn-li:active, .btn-li.active { + background-color: #004064; } + .btn-li.dropdown-toggle { + background-color: #0082ca !important; } + .btn-li.dropdown-toggle:hover, .btn-li.dropdown-toggle:focus { + background-color: #0092e4 !important; } + .btn-li:not([disabled]):not(.disabled):active, .btn-li:not([disabled]):not(.disabled).active, + .show > .btn-li.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #004064 !important; } + .btn-li:not([disabled]):not(.disabled):active:focus, .btn-li:not([disabled]):not(.disabled).active:focus, + .show > .btn-li.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.li-ic { + color: #0082ca !important; } + .li-ic:hover, .li-ic:focus { + color: #0082ca; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-pin { + background-color: #c61118 !important; + color: #fff; } + .btn-pin:hover { + background-color: #dd131b; + color: #fff; } + .btn-pin:focus, .btn-pin.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-pin:focus, .btn-pin:active, .btn-pin.active { + background-color: #68090d; } + .btn-pin.dropdown-toggle { + background-color: #c61118 !important; } + .btn-pin.dropdown-toggle:hover, .btn-pin.dropdown-toggle:focus { + background-color: #dd131b !important; } + .btn-pin:not([disabled]):not(.disabled):active, .btn-pin:not([disabled]):not(.disabled).active, + .show > .btn-pin.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #68090d !important; } + .btn-pin:not([disabled]):not(.disabled):active:focus, .btn-pin:not([disabled]):not(.disabled).active:focus, + .show > .btn-pin.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.pin-ic { + color: #c61118 !important; } + .pin-ic:hover, .pin-ic:focus { + color: #c61118; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-ins { + background-color: #2e5e86 !important; + color: #fff; } + .btn-ins:hover { + background-color: #356b99; + color: #fff; } + .btn-ins:focus, .btn-ins.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-ins:focus, .btn-ins:active, .btn-ins.active { + background-color: #14293a; } + .btn-ins.dropdown-toggle { + background-color: #2e5e86 !important; } + .btn-ins.dropdown-toggle:hover, .btn-ins.dropdown-toggle:focus { + background-color: #356b99 !important; } + .btn-ins:not([disabled]):not(.disabled):active, .btn-ins:not([disabled]):not(.disabled).active, + .show > .btn-ins.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #14293a !important; } + .btn-ins:not([disabled]):not(.disabled):active:focus, .btn-ins:not([disabled]):not(.disabled).active:focus, + .show > .btn-ins.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.ins-ic { + color: #2e5e86 !important; } + .ins-ic:hover, .ins-ic:focus { + color: #2e5e86; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-git { + background-color: #333333 !important; + color: #fff; } + .btn-git:hover { + background-color: #404040; + color: #fff; } + .btn-git:focus, .btn-git.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-git:focus, .btn-git:active, .btn-git.active { + background-color: black; } + .btn-git.dropdown-toggle { + background-color: #333333 !important; } + .btn-git.dropdown-toggle:hover, .btn-git.dropdown-toggle:focus { + background-color: #404040 !important; } + .btn-git:not([disabled]):not(.disabled):active, .btn-git:not([disabled]):not(.disabled).active, + .show > .btn-git.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: black !important; } + .btn-git:not([disabled]):not(.disabled):active:focus, .btn-git:not([disabled]):not(.disabled).active:focus, + .show > .btn-git.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.git-ic { + color: #333333 !important; } + .git-ic:hover, .git-ic:focus { + color: #333333; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-comm { + background-color: #30cfc0 !important; + color: #fff; } + .btn-comm:hover { + background-color: #45d4c6; + color: #fff; } + .btn-comm:focus, .btn-comm.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-comm:focus, .btn-comm:active, .btn-comm.active { + background-color: #1d7c73; } + .btn-comm.dropdown-toggle { + background-color: #30cfc0 !important; } + .btn-comm.dropdown-toggle:hover, .btn-comm.dropdown-toggle:focus { + background-color: #45d4c6 !important; } + .btn-comm:not([disabled]):not(.disabled):active, .btn-comm:not([disabled]):not(.disabled).active, + .show > .btn-comm.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #1d7c73 !important; } + .btn-comm:not([disabled]):not(.disabled):active:focus, .btn-comm:not([disabled]):not(.disabled).active:focus, + .show > .btn-comm.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.comm-ic { + color: #30cfc0 !important; } + .comm-ic:hover, .comm-ic:focus { + color: #30cfc0; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-vk { + background-color: #4c75a3 !important; + color: #fff; } + .btn-vk:hover { + background-color: #5882b1; + color: #fff; } + .btn-vk:focus, .btn-vk.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-vk:focus, .btn-vk:active, .btn-vk.active { + background-color: #2c435d; } + .btn-vk.dropdown-toggle { + background-color: #4c75a3 !important; } + .btn-vk.dropdown-toggle:hover, .btn-vk.dropdown-toggle:focus { + background-color: #5882b1 !important; } + .btn-vk:not([disabled]):not(.disabled):active, .btn-vk:not([disabled]):not(.disabled).active, + .show > .btn-vk.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #2c435d !important; } + .btn-vk:not([disabled]):not(.disabled):active:focus, .btn-vk:not([disabled]):not(.disabled).active:focus, + .show > .btn-vk.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.vk-ic { + color: #4c75a3 !important; } + .vk-ic:hover, .vk-ic:focus { + color: #4c75a3; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-dribbble { + background-color: #ec4a89 !important; + color: #fff; } + .btn-dribbble:hover { + background-color: #ee6198; + color: #fff; } + .btn-dribbble:focus, .btn-dribbble.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active { + background-color: #bc1455; } + .btn-dribbble.dropdown-toggle { + background-color: #ec4a89 !important; } + .btn-dribbble.dropdown-toggle:hover, .btn-dribbble.dropdown-toggle:focus { + background-color: #ee6198 !important; } + .btn-dribbble:not([disabled]):not(.disabled):active, .btn-dribbble:not([disabled]):not(.disabled).active, + .show > .btn-dribbble.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #bc1455 !important; } + .btn-dribbble:not([disabled]):not(.disabled):active:focus, .btn-dribbble:not([disabled]):not(.disabled).active:focus, + .show > .btn-dribbble.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.dribbble-ic { + color: #ec4a89 !important; } + .dribbble-ic:hover, .dribbble-ic:focus { + color: #ec4a89; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-so { + background-color: #ffac44 !important; + color: #fff; } + .btn-so:hover { + background-color: #ffb75e; + color: #fff; } + .btn-so:focus, .btn-so.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-so:focus, .btn-so:active, .btn-so.active { + background-color: #dd7b00; } + .btn-so.dropdown-toggle { + background-color: #ffac44 !important; } + .btn-so.dropdown-toggle:hover, .btn-so.dropdown-toggle:focus { + background-color: #ffb75e !important; } + .btn-so:not([disabled]):not(.disabled):active, .btn-so:not([disabled]):not(.disabled).active, + .show > .btn-so.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #dd7b00 !important; } + .btn-so:not([disabled]):not(.disabled):active:focus, .btn-so:not([disabled]):not(.disabled).active:focus, + .show > .btn-so.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.so-ic { + color: #ffac44 !important; } + .so-ic:hover, .so-ic:focus { + color: #ffac44; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-slack { + background-color: #56b68b !important; + color: #fff; } + .btn-slack:hover { + background-color: #68be97; + color: #fff; } + .btn-slack:focus, .btn-slack.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-slack:focus, .btn-slack:active, .btn-slack.active { + background-color: #327456; } + .btn-slack.dropdown-toggle { + background-color: #56b68b !important; } + .btn-slack.dropdown-toggle:hover, .btn-slack.dropdown-toggle:focus { + background-color: #68be97 !important; } + .btn-slack:not([disabled]):not(.disabled):active, .btn-slack:not([disabled]):not(.disabled).active, + .show > .btn-slack.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #327456 !important; } + .btn-slack:not([disabled]):not(.disabled):active:focus, .btn-slack:not([disabled]):not(.disabled).active:focus, + .show > .btn-slack.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.slack-ic { + color: #56b68b !important; } + .slack-ic:hover, .slack-ic:focus { + color: #56b68b; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-email { + background-color: #4b515d !important; + color: #fff; } + .btn-email:hover { + background-color: #565d6b; + color: #fff; } + .btn-email:focus, .btn-email.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-email:focus, .btn-email:active, .btn-email.active { + background-color: #1d2025; } + .btn-email.dropdown-toggle { + background-color: #4b515d !important; } + .btn-email.dropdown-toggle:hover, .btn-email.dropdown-toggle:focus { + background-color: #565d6b !important; } + .btn-email:not([disabled]):not(.disabled):active, .btn-email:not([disabled]):not(.disabled).active, + .show > .btn-email.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #1d2025 !important; } + .btn-email:not([disabled]):not(.disabled):active:focus, .btn-email:not([disabled]):not(.disabled).active:focus, + .show > .btn-email.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.email-ic { + color: #4b515d !important; } + .email-ic:hover, .email-ic:focus { + color: #4b515d; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-reddit { + background-color: #ff4500 !important; + color: #fff; } + .btn-reddit:hover { + background-color: #ff581a; + color: #fff; } + .btn-reddit:focus, .btn-reddit.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-reddit:focus, .btn-reddit:active, .btn-reddit.active { + background-color: #992900; } + .btn-reddit.dropdown-toggle { + background-color: #ff4500 !important; } + .btn-reddit.dropdown-toggle:hover, .btn-reddit.dropdown-toggle:focus { + background-color: #ff581a !important; } + .btn-reddit:not([disabled]):not(.disabled):active, .btn-reddit:not([disabled]):not(.disabled).active, + .show > .btn-reddit.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #992900 !important; } + .btn-reddit:not([disabled]):not(.disabled):active:focus, .btn-reddit:not([disabled]):not(.disabled).active:focus, + .show > .btn-reddit.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.reddit-ic { + color: #ff4500 !important; } + .reddit-ic:hover, .reddit-ic:focus { + color: #ff4500; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-twitch { + background-color: #6441a4 !important; + color: #fff; } + .btn-twitch:hover { + background-color: #6f48b6; + color: #fff; } + .btn-twitch:focus, .btn-twitch.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-twitch:focus, .btn-twitch:active, .btn-twitch.active { + background-color: #37245b; } + .btn-twitch.dropdown-toggle { + background-color: #6441a4 !important; } + .btn-twitch.dropdown-toggle:hover, .btn-twitch.dropdown-toggle:focus { + background-color: #6f48b6 !important; } + .btn-twitch:not([disabled]):not(.disabled):active, .btn-twitch:not([disabled]):not(.disabled).active, + .show > .btn-twitch.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #37245b !important; } + .btn-twitch:not([disabled]):not(.disabled):active:focus, .btn-twitch:not([disabled]):not(.disabled).active:focus, + .show > .btn-twitch.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.twitch-ic { + color: #6441a4 !important; } + .twitch-ic:hover, .twitch-ic:focus { + color: #6441a4; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.btn-discord { + background-color: #7289da !important; + color: #fff; } + .btn-discord:hover { + background-color: #869adf; + color: #fff; } + .btn-discord:focus, .btn-discord.focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + .btn-discord:focus, .btn-discord:active, .btn-discord.active { + background-color: #304eb6; } + .btn-discord.dropdown-toggle { + background-color: #7289da !important; } + .btn-discord.dropdown-toggle:hover, .btn-discord.dropdown-toggle:focus { + background-color: #869adf !important; } + .btn-discord:not([disabled]):not(.disabled):active, .btn-discord:not([disabled]):not(.disabled).active, + .show > .btn-discord.dropdown-toggle { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #304eb6 !important; } + .btn-discord:not([disabled]):not(.disabled):active:focus, .btn-discord:not([disabled]):not(.disabled).active:focus, + .show > .btn-discord.dropdown-toggle:focus { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.discord-ic { + color: #7289da !important; } + .discord-ic:hover, .discord-ic:focus { + color: #7289da; } + +a.btn:not([href]):not([tabindex]), +a.btn:not([href]):not([tabindex]):focus, +a.btn:not([href]):not([tabindex]):hover { + color: #fff; } + +.md-tabs { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + border: 0; + padding: 0.7rem; + margin-left: 1rem; + margin-right: 1rem; + margin-bottom: -20px; + background-color: #2bbbad; + z-index: 1; + position: relative; + -webkit-border-radius: 0.25rem; + border-radius: 0.25rem; } + .md-tabs .nav-item + .nav-item { + margin-left: 0; } + .md-tabs .nav-item.disabled { + pointer-events: none !important; } + .md-tabs .nav-item.disabled .nav-link { + color: #6c757d; } + .md-tabs .nav-link { + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; + border: 0; + color: #fff; } + .md-tabs .nav-link.active, + .md-tabs .nav-item.open .nav-link { + background-color: rgba(0, 0, 0, 0.2); + color: #fff; + -webkit-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + -webkit-border-radius: 0.25rem; + border-radius: 0.25rem; } + .md-tabs .nav-item.show .nav-link { + background-color: #2bbbad; + color: #fff; + -webkit-transition: all 1s; + -o-transition: all 1s; + transition: all 1s; + -webkit-border-radius: 0.25rem; + border-radius: 0.25rem; } + .md-tabs .nav-item.show .nav-link.dropdown-toggle { + background-color: rgba(0, 0, 0, 0.2); } + +.tab-content { + padding: 1rem; + padding-top: 2rem; } + .tab-content.vertical { + padding-top: 0; } + +.md-pills { + border: 0; } + .md-pills li { + padding: 0.6rem; } + .md-pills .show > .nav-link { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + color: #fff; + background-color: #2bbbad; } + .md-pills .nav-link { + -webkit-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; + -webkit-border-radius: 2px; + border-radius: 2px; + color: #666666; + text-align: center; } + .md-pills .nav-link.active { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + color: #fff; + background-color: #2bbbad; } + .md-pills .nav-link.active:hover { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.pills-primary .show > .nav-link { + background-color: #4285f4 !important; } + +.pills-primary .nav-link.active { + background-color: #4285f4 !important; } + +.tabs-primary { + background-color: #4285f4 !important; } + +.pills-danger .show > .nav-link { + background-color: #ff3547 !important; } + +.pills-danger .nav-link.active { + background-color: #ff3547 !important; } + +.tabs-danger { + background-color: #ff3547 !important; } + +.pills-warning .show > .nav-link { + background-color: #ffbb33 !important; } + +.pills-warning .nav-link.active { + background-color: #ffbb33 !important; } + +.tabs-warning { + background-color: #ffbb33 !important; } + +.pills-success .show > .nav-link { + background-color: #00c851 !important; } + +.pills-success .nav-link.active { + background-color: #00c851 !important; } + +.tabs-success { + background-color: #00c851 !important; } + +.pills-info .show > .nav-link { + background-color: #33b5e5 !important; } + +.pills-info .nav-link.active { + background-color: #33b5e5 !important; } + +.tabs-info { + background-color: #33b5e5 !important; } + +.pills-default .show > .nav-link { + background-color: #2bbbad !important; } + +.pills-default .nav-link.active { + background-color: #2bbbad !important; } + +.tabs-default { + background-color: #2bbbad !important; } + +.pills-secondary .show > .nav-link { + background-color: #aa66cc !important; } + +.pills-secondary .nav-link.active { + background-color: #aa66cc !important; } + +.tabs-secondary { + background-color: #aa66cc !important; } + +.pills-elegant .show > .nav-link { + background-color: #2e2e2e !important; } + +.pills-elegant .nav-link.active { + background-color: #2e2e2e !important; } + +.tabs-elegant { + background-color: #2e2e2e !important; } + +.pills-unique .show > .nav-link { + background-color: #880e4f !important; } + +.pills-unique .nav-link.active { + background-color: #880e4f !important; } + +.tabs-unique { + background-color: #880e4f !important; } + +.pills-dark-green .show > .nav-link { + background-color: #388e3c !important; } + +.pills-dark-green .nav-link.active { + background-color: #388e3c !important; } + +.tabs-dark-green { + background-color: #388e3c !important; } + +.pills-mdb-color .show > .nav-link { + background-color: #59698d !important; } + +.pills-mdb-color .nav-link.active { + background-color: #59698d !important; } + +.tabs-mdb-color { + background-color: #59698d !important; } + +.pills-red .show > .nav-link { + background-color: #d32f2f !important; } + +.pills-red .nav-link.active { + background-color: #d32f2f !important; } + +.tabs-red { + background-color: #d32f2f !important; } + +.pills-pink .show > .nav-link { + background-color: #ec407a !important; } + +.pills-pink .nav-link.active { + background-color: #ec407a !important; } + +.tabs-pink { + background-color: #ec407a !important; } + +.pills-purple .show > .nav-link { + background-color: #8e24aa !important; } + +.pills-purple .nav-link.active { + background-color: #8e24aa !important; } + +.tabs-purple { + background-color: #8e24aa !important; } + +.pills-deep-purple .show > .nav-link { + background-color: #512da8 !important; } + +.pills-deep-purple .nav-link.active { + background-color: #512da8 !important; } + +.tabs-deep-purple { + background-color: #512da8 !important; } + +.pills-indigo .show > .nav-link { + background-color: #3f51b5 !important; } + +.pills-indigo .nav-link.active { + background-color: #3f51b5 !important; } + +.tabs-indigo { + background-color: #3f51b5 !important; } + +.pills-blue .show > .nav-link { + background-color: #1976d2 !important; } + +.pills-blue .nav-link.active { + background-color: #1976d2 !important; } + +.tabs-blue { + background-color: #1976d2 !important; } + +.pills-light-blue .show > .nav-link { + background-color: #82b1ff !important; } + +.pills-light-blue .nav-link.active { + background-color: #82b1ff !important; } + +.tabs-light-blue { + background-color: #82b1ff !important; } + +.pills-cyan .show > .nav-link { + background-color: #00bcd4 !important; } + +.pills-cyan .nav-link.active { + background-color: #00bcd4 !important; } + +.tabs-cyan { + background-color: #00bcd4 !important; } + +.pills-teal .show > .nav-link { + background-color: #00796b !important; } + +.pills-teal .nav-link.active { + background-color: #00796b !important; } + +.tabs-teal { + background-color: #00796b !important; } + +.pills-green .show > .nav-link { + background-color: #388e3c !important; } + +.pills-green .nav-link.active { + background-color: #388e3c !important; } + +.tabs-green { + background-color: #388e3c !important; } + +.pills-light-green .show > .nav-link { + background-color: #8bc34a !important; } + +.pills-light-green .nav-link.active { + background-color: #8bc34a !important; } + +.tabs-light-green { + background-color: #8bc34a !important; } + +.pills-lime .show > .nav-link { + background-color: #afb42b !important; } + +.pills-lime .nav-link.active { + background-color: #afb42b !important; } + +.tabs-lime { + background-color: #afb42b !important; } + +.pills-yellow .show > .nav-link { + background-color: #fbc02d !important; } + +.pills-yellow .nav-link.active { + background-color: #fbc02d !important; } + +.tabs-yellow { + background-color: #fbc02d !important; } + +.pills-amber .show > .nav-link { + background-color: #ffa000 !important; } + +.pills-amber .nav-link.active { + background-color: #ffa000 !important; } + +.tabs-amber { + background-color: #ffa000 !important; } + +.pills-orange .show > .nav-link { + background-color: #f57c00 !important; } + +.pills-orange .nav-link.active { + background-color: #f57c00 !important; } + +.tabs-orange { + background-color: #f57c00 !important; } + +.pills-deep-orange .show > .nav-link { + background-color: #ff7043 !important; } + +.pills-deep-orange .nav-link.active { + background-color: #ff7043 !important; } + +.tabs-deep-orange { + background-color: #ff7043 !important; } + +.pills-brown .show > .nav-link { + background-color: #795548 !important; } + +.pills-brown .nav-link.active { + background-color: #795548 !important; } + +.tabs-brown { + background-color: #795548 !important; } + +.pills-grey .show > .nav-link { + background-color: #616161 !important; } + +.pills-grey .nav-link.active { + background-color: #616161 !important; } + +.tabs-grey { + background-color: #616161 !important; } + +.pills-blue-grey .show > .nav-link { + background-color: #78909c !important; } + +.pills-blue-grey .nav-link.active { + background-color: #78909c !important; } + +.tabs-blue-grey { + background-color: #78909c !important; } + +.pills-dark .show > .nav-link { + background-color: #212121 !important; } + +.pills-dark .nav-link.active { + background-color: #212121 !important; } + +.tabs-dark { + background-color: #212121 !important; } + +.pills-light .show > .nav-link { + background-color: #e0e0e0 !important; } + +.pills-light .nav-link.active { + background-color: #e0e0e0 !important; } + +.tabs-light { + background-color: #e0e0e0 !important; } + +.pills-white .show > .nav-link { + background-color: #fff !important; } + +.pills-white .nav-link.active { + background-color: #fff !important; } + +.tabs-white { + background-color: #fff !important; } + +.pills-black .show > .nav-link { + background-color: #000 !important; } + +.pills-black .nav-link.active { + background-color: #000 !important; } + +.tabs-black { + background-color: #000 !important; } + +.classic-tabs .nav { + white-space: nowrap; + overflow-x: auto; + position: relative; + -webkit-border-radius: 0.3rem 0.3rem 0 0; + border-radius: 0.3rem 0.3rem 0 0; } + @media (min-width: 62rem) { + .classic-tabs .nav { + overflow-x: hidden; } } + .classic-tabs .nav li a { + display: block; + padding: 20px 24px; + font-size: 13px; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.7); + text-align: center; + -webkit-border-radius: 0; + border-radius: 0; } + .classic-tabs .nav li a:not(.active) { + margin-bottom: 3px; } + .classic-tabs .nav li a.active { + border-bottom: 3px solid; + color: #fff; } + @media (min-width: 62em) { + .classic-tabs .nav li:first-child { + margin-left: 56px; } } + .classic-tabs .nav.tabs-cyan li a.active { + border-color: #ffeb3b; } + .classic-tabs .nav.tabs-orange li a.active { + border-color: #e53935; } + .classic-tabs .nav.tabs-grey li a.active { + border-color: #fff; } + .classic-tabs .nav.tabs-pink li a.active { + border-color: #673ab7; } + .classic-tabs .nav.tabs-green li a.active { + border-color: #1565c0; } + .classic-tabs .nav.tabs-primary li a.active { + border-color: #fff; } + .classic-tabs .nav.tabs-animated li a.active { + border: none; } + .classic-tabs .nav.tabs-animated.tabs-cyan .floor { + background-color: #ffeb3b; } + .classic-tabs .nav.tabs-animated.tabs-orange .floor { + background-color: #e53935; } + .classic-tabs .nav.tabs-animated.tabs-grey .floor { + background-color: #fff; } + .classic-tabs .nav.tabs-animated.tabs-pink .floor { + background-color: #673ab7; } + .classic-tabs .nav.tabs-animated.tabs-green .floor { + background-color: #1565c0; } + .classic-tabs .nav.tabs-animated.tabs-primary .floor { + background-color: #fff; } + .classic-tabs .nav.tabs-animated .floor { + display: inline-block; + width: 30px; + height: 3px; + position: absolute; + z-index: 1200; + bottom: 0; + -webkit-transition: all .4s linear; + -o-transition: all .4s linear; + transition: all .4s linear; } + +.classic-tabs .tab-content.card { + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; } + +.card.card-image { + -webkit-background-size: cover; + background-size: cover; + background-position: center; + width: 100%; } + .card.card-image [class*="rgba-"] { + -webkit-border-radius: 0.25rem; + border-radius: 0.25rem; } + +.card.card-cascade .view.view-cascade { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.25rem; + border-radius: 0.25rem; } + .card.card-cascade .view.view-cascade.gradient-card-header { + padding: 1.6rem 1rem; + text-align: center; } + .card.card-cascade .view.view-cascade.gradient-card-header .card-header-title { + font-weight: 500; } + .card.card-cascade .view.view-cascade.gradient-card-header .btn-floating { + background-color: rgba(255, 255, 255, 0.2); } + +.card.card-cascade.wider { + -webkit-box-shadow: none; + box-shadow: none; + background-color: transparent; } + .card.card-cascade.wider .view.view-cascade { + z-index: 2; } + .card.card-cascade.wider .card-body.card-body-cascade { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + margin-left: 4%; + margin-right: 4%; + background: #fff; + z-index: 1; + -webkit-border-radius: 0 0 0.25rem 0.25rem; + border-radius: 0 0 0.25rem 0.25rem; } + .card.card-cascade.wider.reverse .card-body.card-body-cascade { + z-index: 3; + margin-top: -1rem; + -webkit-border-radius: 0.25rem; + border-radius: 0.25rem; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.card.card-cascade.narrower { + margin-top: 1.25rem; } + .card.card-cascade.narrower .view.view-cascade { + margin-left: 4%; + margin-right: 4%; + margin-top: -1.25rem; } + +.card.card-cascade.panel-cascade .view { + text-align: center; + color: #fff; } + +.card.card-cascade.panel-cascade .list-group .list-group-item { + margin-bottom: 0; + border: 0; + border-bottom: 1px solid #eeeeee; + color: #495057; } + .card.card-cascade.panel-cascade .list-group .list-group-item:hover { + background-color: #eeeeee; } + +.card .btn-action { + margin-top: -1.44rem; + margin-bottom: -1.44rem; } + +.card .activator { + position: absolute; + right: 0; + font-size: 1.2rem; } + +.card .card-reveal { + position: absolute; + width: 100%; + overflow-y: auto; + top: 100%; + height: 100%; + z-index: 1; + display: none; } + .card .card-reveal .content { + position: relative; } + +.card.ovf-hidden { + overflow: hidden; } + +.card .card-share { + position: relative; } + .card .card-share .social-reveal { + position: absolute; + top: -1.44rem; + right: 1.88rem; + visibility: hidden; + width: auto; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + -webkit-transition: -webkit-transform 0.35s ease; + transition: -webkit-transform 0.35s ease; + -o-transition: transform 0.35s ease; + transition: transform 0.35s ease; + transition: transform 0.35s ease, -webkit-transform 0.35s ease; } + .card .card-share .social-reveal-active { + z-index: 11; + visibility: visible; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transform: translateX(-48px); + -ms-transform: translateX(-48px); + transform: translateX(-48px); + -webkit-transition: -webkit-transform 0.35s ease; + transition: -webkit-transform 0.35s ease; + -o-transition: transform 0.35s ease; + transition: transform 0.35s ease; + transition: transform 0.35s ease, -webkit-transform 0.35s ease; } + +.card .card-reveal .card-title, +.card-wrapper .card-rotating .card-title { + cursor: pointer; } + +.card .card-reveal .card-title i, +.card-wrapper .card-rotating .card-title i { + color: #9e9e9e; + position: absolute; + right: 0.63rem; } + +.card-wrapper { + -webkit-perspective: 800px; + perspective: 800px; + position: relative; + margin: 0; + width: 100%; } + .card-wrapper .card-up { + height: 200px; + overflow: hidden; } + .card-wrapper .card-up img { + vertical-align: middle; } + .card-wrapper .avatar { + display: block; + margin-top: -60px; + overflow: hidden; + width: 120px; } + .card-wrapper .avatar img { + border: 5px solid #fff; + background: none repeat scroll 0 0 #fff; + width: 100%; } + .card-wrapper .card-rotating { + height: 100%; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; } + .card-wrapper .card-rotating .face { + width: 100%; + position: absolute; + background: #fff; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 2; } + .card-wrapper .card-rotating.flipped { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); } + .card-wrapper .card-rotating .front { + z-index: 1; } + .card-wrapper .card-rotating .back { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); } + .card-wrapper .card-rotating .front, + .card-wrapper .card-rotating .back { + -webkit-transition: 1s; + -o-transition: 1s; + transition: 1s; } + +.testimonial-card .card-up { + overflow: hidden; + height: 120px; + -webkit-border-top-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; + -webkit-border-top-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + +.testimonial-card .avatar { + -webkit-border-radius: 50%; + border-radius: 50%; + width: 120px; + margin-top: -60px; + overflow: hidden; + border: 5px solid #fff; } + +.testimonial-card .avatar img { + width: 100%; } + +.testimonial-card .card-body { + text-align: center; } + +.dropdown .dropdown-menu, +.dropup .dropdown-menu, +.dropleft .dropdown-menu, +.dropright .dropdown-menu { + padding: 0.5rem; } + .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, + .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, + .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, + .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, + .dropright .dropdown-menu.dropdown-primary .dropdown-item.active { + background-color: #4285f4 !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-primary .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-primary .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-primary .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-primary .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-primary .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-danger .dropdown-item:active, .dropdown .dropdown-menu.dropdown-danger .dropdown-item.active, + .dropup .dropdown-menu.dropdown-danger .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-danger .dropdown-item:active, + .dropup .dropdown-menu.dropdown-danger .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-danger .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-danger .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-danger .dropdown-item.active, + .dropright .dropdown-menu.dropdown-danger .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-danger .dropdown-item:active, + .dropright .dropdown-menu.dropdown-danger .dropdown-item.active { + background-color: #cc0000 !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-danger .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-danger .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-danger .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-danger .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-danger .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-danger .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-danger .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-danger .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-danger .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-danger .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-danger .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-default .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-default .dropdown-item:active, .dropdown .dropdown-menu.dropdown-default .dropdown-item.active, + .dropup .dropdown-menu.dropdown-default .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-default .dropdown-item:active, + .dropup .dropdown-menu.dropdown-default .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-default .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-default .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-default .dropdown-item.active, + .dropright .dropdown-menu.dropdown-default .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-default .dropdown-item:active, + .dropright .dropdown-menu.dropdown-default .dropdown-item.active { + background-color: #2bbbad !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-default .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-default .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-default .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-default .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-default .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-default .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-default .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-default .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-default .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-default .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-default .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-default .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-secondary .dropdown-item.active, + .dropup .dropdown-menu.dropdown-secondary .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-secondary .dropdown-item:active, + .dropup .dropdown-menu.dropdown-secondary .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-secondary .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-secondary .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-secondary .dropdown-item.active, + .dropright .dropdown-menu.dropdown-secondary .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-secondary .dropdown-item:active, + .dropright .dropdown-menu.dropdown-secondary .dropdown-item.active { + background-color: #aa66cc !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-secondary .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-secondary .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-secondary .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-secondary .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-secondary .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-secondary .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-secondary .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-secondary .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-secondary .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-secondary .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-success .dropdown-item:active, .dropdown .dropdown-menu.dropdown-success .dropdown-item.active, + .dropup .dropdown-menu.dropdown-success .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-success .dropdown-item:active, + .dropup .dropdown-menu.dropdown-success .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-success .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-success .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-success .dropdown-item.active, + .dropright .dropdown-menu.dropdown-success .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-success .dropdown-item:active, + .dropright .dropdown-menu.dropdown-success .dropdown-item.active { + background-color: #00c851 !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-success .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-success .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-success .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-success .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-success .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-success .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-success .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-success .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-success .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-success .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-success .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-success .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-info .dropdown-item:active, .dropdown .dropdown-menu.dropdown-info .dropdown-item.active, + .dropup .dropdown-menu.dropdown-info .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-info .dropdown-item:active, + .dropup .dropdown-menu.dropdown-info .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-info .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-info .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-info .dropdown-item.active, + .dropright .dropdown-menu.dropdown-info .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-info .dropdown-item:active, + .dropright .dropdown-menu.dropdown-info .dropdown-item.active { + background-color: #33b5e5 !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-info .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-info .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-info .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-info .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-info .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-info .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-info .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-info .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-info .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-info .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-info .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-warning .dropdown-item:active, .dropdown .dropdown-menu.dropdown-warning .dropdown-item.active, + .dropup .dropdown-menu.dropdown-warning .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-warning .dropdown-item:active, + .dropup .dropdown-menu.dropdown-warning .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-warning .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-warning .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-warning .dropdown-item.active, + .dropright .dropdown-menu.dropdown-warning .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-warning .dropdown-item:active, + .dropright .dropdown-menu.dropdown-warning .dropdown-item.active { + background-color: #ffbb33 !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-warning .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-warning .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-warning .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-warning .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-warning .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-warning .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-warning .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-warning .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-warning .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-warning .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-warning .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-dark .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-dark .dropdown-item:active, .dropdown .dropdown-menu.dropdown-dark .dropdown-item.active, + .dropup .dropdown-menu.dropdown-dark .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-dark .dropdown-item:active, + .dropup .dropdown-menu.dropdown-dark .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-dark .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-dark .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-dark .dropdown-item.active, + .dropright .dropdown-menu.dropdown-dark .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-dark .dropdown-item:active, + .dropright .dropdown-menu.dropdown-dark .dropdown-item.active { + background-color: #2e2e2e !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-dark .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-dark .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-dark .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-dark .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-dark .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-dark .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-dark .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-dark .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-dark .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-dark .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-dark .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-dark .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu.dropdown-ins .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-ins .dropdown-item:active, .dropdown .dropdown-menu.dropdown-ins .dropdown-item.active, + .dropup .dropdown-menu.dropdown-ins .dropdown-item:hover, + .dropup .dropdown-menu.dropdown-ins .dropdown-item:active, + .dropup .dropdown-menu.dropdown-ins .dropdown-item.active, + .dropleft .dropdown-menu.dropdown-ins .dropdown-item:hover, + .dropleft .dropdown-menu.dropdown-ins .dropdown-item:active, + .dropleft .dropdown-menu.dropdown-ins .dropdown-item.active, + .dropright .dropdown-menu.dropdown-ins .dropdown-item:hover, + .dropright .dropdown-menu.dropdown-ins .dropdown-item:active, + .dropright .dropdown-menu.dropdown-ins .dropdown-item.active { + background-color: #2e5e86 !important; + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; } + .dropdown .dropdown-menu.dropdown-ins .dropdown-item:hover.disabled, .dropdown .dropdown-menu.dropdown-ins .dropdown-item:active.disabled, .dropdown .dropdown-menu.dropdown-ins .dropdown-item.active.disabled, + .dropup .dropdown-menu.dropdown-ins .dropdown-item:hover.disabled, + .dropup .dropdown-menu.dropdown-ins .dropdown-item:active.disabled, + .dropup .dropdown-menu.dropdown-ins .dropdown-item.active.disabled, + .dropleft .dropdown-menu.dropdown-ins .dropdown-item:hover.disabled, + .dropleft .dropdown-menu.dropdown-ins .dropdown-item:active.disabled, + .dropleft .dropdown-menu.dropdown-ins .dropdown-item.active.disabled, + .dropright .dropdown-menu.dropdown-ins .dropdown-item:hover.disabled, + .dropright .dropdown-menu.dropdown-ins .dropdown-item:active.disabled, + .dropright .dropdown-menu.dropdown-ins .dropdown-item.active.disabled { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .dropdown .dropdown-menu .dropdown-item, + .dropup .dropdown-menu .dropdown-item, + .dropleft .dropdown-menu .dropdown-item, + .dropright .dropdown-menu .dropdown-item { + padding: 0.5rem; + margin-left: 0; + font-size: 0.9rem; } + .dropdown .dropdown-menu .dropdown-item.disabled, + .dropup .dropdown-menu .dropdown-item.disabled, + .dropleft .dropdown-menu .dropdown-item.disabled, + .dropright .dropdown-menu .dropdown-item.disabled { + color: #868e96; } + .dropdown .dropdown-menu .dropdown-item.disabled:hover, .dropdown .dropdown-menu .dropdown-item.disabled:active, .dropdown .dropdown-menu .dropdown-item.disabled:focus, + .dropup .dropdown-menu .dropdown-item.disabled:hover, + .dropup .dropdown-menu .dropdown-item.disabled:active, + .dropup .dropdown-menu .dropdown-item.disabled:focus, + .dropleft .dropdown-menu .dropdown-item.disabled:hover, + .dropleft .dropdown-menu .dropdown-item.disabled:active, + .dropleft .dropdown-menu .dropdown-item.disabled:focus, + .dropright .dropdown-menu .dropdown-item.disabled:hover, + .dropright .dropdown-menu .dropdown-item.disabled:active, + .dropright .dropdown-menu .dropdown-item.disabled:focus { + -webkit-box-shadow: none; + box-shadow: none; + color: #868e96 !important; + background-color: transparent !important; } + .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, + .dropup .dropdown-menu .dropdown-item:hover, + .dropup .dropdown-menu .dropdown-item:active, + .dropleft .dropdown-menu .dropdown-item:hover, + .dropleft .dropdown-menu .dropdown-item:active, + .dropright .dropdown-menu .dropdown-item:hover, + .dropright .dropdown-menu .dropdown-item:active { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + background-color: #4285f4; + -webkit-border-radius: 0.125rem; + border-radius: 0.125rem; + -webkit-transition: all 0.1s linear; + -o-transition: all 0.1s linear; + transition: all 0.1s linear; } + +.navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + +.dropdown-menu.animated { + /* Speed up animations */ + -webkit-animation-duration: 0.55s; + animation-duration: 0.55s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; } + +.navbar .nav-item.avatar { + padding: 0; } + .navbar .nav-item.avatar.active { + background-color: transparent !important; } + .navbar .nav-item.avatar .dropdown-toggle { + padding: 0; } + .navbar .nav-item.avatar .dropdown-toggle img { + height: 35px; } + .navbar .nav-item.avatar .dropdown-toggle:after { + display: none; } + +@media (max-width: 992px) { + .double-nav { + padding-top: 4px; + padding-bottom: 4px; } } + +@media (max-width: 768px) { + .double-nav .container { + padding-left: 0; + padding-right: 0; } } + +.double-nav a { + font-size: 15px; + color: #fff; } + +.double-nav .breadcrumb-dn p { + margin: 0; + padding-top: 0; + padding-left: 1rem; } + +@media (max-width: 993px) { + .double-nav .breadcrumb-dn { + display: none; } } + +.double-nav .button-collapse { + position: absolute; + left: 10px; + font-size: 1.5rem; } + @media (min-width: 1440px) { + .double-nav .button-collapse { + display: none; } } + @media (max-width: 1440px) { + .double-nav .button-collapse { + display: block; + position: relative; + font-size: 1.4rem; + margin-right: 10px; + margin-left: 10px; } } + +.nav-pills.default-pills .nav-item a { + text-align: left; + color: #666666; + -webkit-border-radius: 0; + border-radius: 0; } + .nav-pills.default-pills .nav-item a:hover { + background-color: transparent; + color: #45526e; + border-left: 0.0625rem solid #45526e; + font-weight: 500; } + .nav-pills.default-pills .nav-item a.active { + background-color: transparent; + color: #45526e; + border-left: 0.125rem solid #45526e; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: 500; } + .nav-pills.default-pills .nav-item a.active:hover, .nav-pills.default-pills .nav-item a.active:active, .nav-pills.default-pills .nav-item a.active:focus { + background-color: transparent; + color: #45526e; + font-weight: 500; } + +.nav-pills .nav-item + .nav-item { + margin-left: 0; } + +@media only screen and (max-width: 991px) { + .sticky, + .sticky-placeholder { + display: none; } } + +#scrollspy { + width: 100%; } + +@media only screen and (max-width: 992px) { + .col-md-4 .sticky, + .col-lg-4 .sticky, + .col-xl-4 .sticky { + width: 12.5rem; } } + +@media only screen and (min-width: 992px) { + .col-md-4 .sticky .col-lg-4 .sticky, + .col-xl-4 .sticky { + width: 25rem; } } + +@media only screen and (min-width: 1200px) { + .col-md-4 .sticky { + width: 18.75rem; } } + +@media only screen and (min-width: 1440px) { + .col-md-4 .sticky { + width: 21.875rem; } } + +.dotted-scrollspy { + display: block; + position: fixed; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + background: rgba(0, 0, 0, 0.55); + -webkit-border-radius: 0.125rem 0 0 0.125rem; + border-radius: 0.125rem 0 0 0.125rem; } + .dotted-scrollspy li { + display: block; + padding: 0 1rem; } + .dotted-scrollspy li:first-child { + padding-top: 0.625rem; } + .dotted-scrollspy li:last-child { + padding-bottom: 0.625rem; } + .dotted-scrollspy li a { + padding: 0.5rem; } + .dotted-scrollspy li a span { + display: block; + background-color: rgba(255, 255, 255, 0.54); + width: 0.5rem; + height: 0.5rem; + -webkit-border-radius: 50%; + border-radius: 50%; } + .dotted-scrollspy li a.active span { + background: #fff; } + +.scrollspy-example { + overflow-y: scroll; + position: relative; + height: 12.5rem; + padding: 1rem; } + +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ +/* pswp = photoswipe */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + z-index: 1500; + /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + outline: none; } + .pswp * { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .pswp img { + max-width: none; } + +/* style is added when JS option showHideOpacity is set to true */ +.pswp--animate_opacity { + /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ + opacity: 0.001; + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--open { + display: block; } + +.pswp--zoom-allowed .pswp__img { + /* autoprefixer: off */ + cursor: zoom-in; } + +.pswp--zoomed-in .pswp__img { + /* autoprefixer: off */ + cursor: grab; } + +.pswp--dragging .pswp__img { + /* autoprefixer: off */ + cursor: grabbing; } + +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + will-change: opacity; } + +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; } + +.pswp__container, +.pswp__zoom-wrap { + -ms-touch-action: none; + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; } + +/* Prevent selection and tap highlights */ +.pswp__container, +.pswp__img { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.pswp__zoom-wrap { + position: absolute; + width: 100%; + -webkit-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + /* for open/close transition */ + -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + -o-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp__bg { + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + -webkit-transition: none; + -o-transition: none; + transition: none; } + +.pswp__item { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; } + +.pswp__img { + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; } + +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ +/* + div element that matches size of large image + large image loads on top of it +*/ +.pswp__img--placeholder--blank { + background: #222; } + +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; } + +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ +.pswp__error-msg { + position: absolute; + left: 0; + top: 50%; + width: 100%; + text-align: center; + font-size: 14px; + line-height: 16px; + margin-top: -8px; + color: #ccc; } + +.pswp__error-msg a { + color: #ccc; + text-decoration: underline; } + +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/* + + + + + + + + +
+ +
+ + +
+ + +
+
+ +
+ + +
+ Card image cap + +
+ +
+ + +
+

This is title of the news

+

Written by Abby Madison, 26/08/2016

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

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum + deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate + non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum + et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. +

+ +

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod + maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus + autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates + repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, + ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.

+ +
+

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe + eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic + tenetur a sapiente delectus.

+
Someone famous in Source Title
+
+ + +

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, + totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae + vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit + aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem. +

+ +

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, + sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat + voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit + laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit + qui in ea voluptate velit esse quam nihil molestiae consequatur.

+ + +
+ Travel + Adventure + Photography + Education +
+ +
+
+
+ + +
+ + +
+ + +
+ + +

Recent posts

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

Card title

+
+ +

Some quick example text to build on the card title and make up the bulk of the + card's content.

+ +
Read more
+ +
+ +
+ + +
+ + + +
+ + +
+ +
+ + +
+ +
+ + +
+ + + +

Card title

+
+ +

Some quick example text to build on the card title and make up the bulk of the + card's content.

+ +
Read more
+ +
+ +
+ + +
+ + + +
+ + +
+ +
+ + +
+ +
+ + +
+ + + +

Card title

+
+ +

Some quick example text to build on the card title and make up the bulk of the + card's content.

+ +
Read more
+ +
+ +
+ + +
+ + +
+ + +
+ + + +
+ +
+ +

About author

+
+
+ +
+ +
+ +
+
+ John Doe +
+
+ + + + +
+

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint esse nulla quia quam veniam commodi + dicta, iusto inventore. Voluptatum pariatur eveniet ea, officiis vitae praesentium beatae + quas libero, esse facere. +

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

Comments 3

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

Tom Smith

+ +
+
    +
  • 05/10/2015
    • +
+
+

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip + ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu + fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

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

Marta Tev

+ +
+
    +
  • 08/10/2015
    • +
+
+

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium + doloremque laudantium, + totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae + vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur.

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

Anna Maria

+ +
+
    +
  • 17/10/2015
    • +
+
+

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis + praesentium voluptatum + deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate + non provident, similique sunt in culpa qui officia. +

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

Leave a reply

+

(Logged In User)

+ + +
+ +
+ Sample avatar image +
+ + + +
+
+ + +
+ +
+ +
+ +
+ + +
+ +
+ + +
+ + +
+ +
+ + + +
+ + +
+ + +
+ + +
+ +
+ + + + + + + + + + + + + +
+ +
+ + +
+ + +
+ + + +
+
+ © 2019 Copyright: MDBootstrap.com +
+
+ + +
+ + + + + + + + + + + + + + + diff --git a/static/templates/blog-posts.html b/static/templates/blog-posts.html new file mode 100755 index 000000000..5426d1b4d --- /dev/null +++ b/static/templates/blog-posts.html @@ -0,0 +1,530 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
+
+

welcome + to my blog

+
+
Photography & + design
+ portfolio + About me +
+
+
+
+
+
+ +
+ + + + +
+ +
+ + +
+ + +

Recent posts

+ +

Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum.

+ + +
+ + +
+ +
+ First sample image + +
+ +
+
+ + + +
+ + +
Lifestyle
+ +

This is title of the news

+

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime + placeat facere possimus, omnis voluptas assumenda est, omnis dolor.

+

by Jessica Clark, 26/08/2016

+ Read more +
+ + +
+ + +
+ + +
+ + +
+ +
+ Second sample image + +
+ +
+
+ + + +
+ + +
Travels
+ +

This is title of the news

+

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum + deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.

+

by Jessica Clark, 24/08/2016

+ Read more +
+ + +
+ + +
+ + +
+ + +
+ +
+ Third sample image + +
+ +
+
+ + + +
+ + +
Photography
+ +

This is title of the news

+

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni + dolores eos qui ratione voluptatem sequi nesciunt.

+

by Jessica Clark, 21/08/2016

+ Read more +
+ + +
+ + +
+ + +
+ + +
+ +
+ Third sample image + +
+ +
+
+ + + +
+ + +
Lifestyle
+ +

This is title of the news

+

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni + dolores eos qui ratione voluptatem sequi nesciunt.

+

by Jessica Clark, 21/08/2016

+ Read more +
+ + +
+ + + + + + +
+ + +
+ + +
+ + +

Older posts

+ +

Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum.

+ + +
+ + +
+ +
+ First sample image + +
+ +
+ + + +
Adventure
+ +

This is title of the news

+

by Billy Forester, 15/07/2016

+

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime + placeat facere possimus voluptas.

+ Read more +
+ + + +
+ +
+ Second sample image + +
+ +
+ + + +
Education
+ +

This is title of the news

+

by Billy Forester, 12/07/2016

+

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum + deleniti atque corrupti quos dolores.

+ Read more +
+ + + +
+ +
+ Thrid sample image + +
+ +
+ + + +
Culture
+ +

This is title of the news

+

by Billy Forester, 10/07/2016

+

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, quia consequuntur magni + dolores eos qui ratione voluptatem.

+ Read more +
+ + +
+ + +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/static/templates/contact-us.html b/static/templates/contact-us.html new file mode 100755 index 000000000..6bf602864 --- /dev/null +++ b/static/templates/contact-us.html @@ -0,0 +1,298 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + +
+ + + + +
+
+ +
+
+ +
+ + + +
+ +
+ + +
+ + +
+ +
+
+ +
+ + +
+ + +

Contact us

+ +

Lorem ipsum dolor sit amet, consectetur + adipisicing elit. Fugit, error amet numquam iure provident voluptate + esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam.

+ +
+ + +
+
+ + +
+ + +
+
+ + +
+
+ + + +
+
+ + +
+
+ + +
+ + + +
+
+
+ + +
+
+
+ + + +
+ + +
+ +
+ + +
+ +
+
+ + +
+ +
+ Send +
+
+ + + +
+
    +
  • + +

    San Francisco, CA 94126, USA

    +
    • + +
  • + +

    + 01 234 567 89

    +
    • + +
  • + +

    contact@mdbootstrap.com

    +
    • +
+
+ + +
+ +
+ + +
+
+ +
+ + +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/static/templates/ecommerce.html b/static/templates/ecommerce.html new file mode 100755 index 000000000..ebd962609 --- /dev/null +++ b/static/templates/ecommerce.html @@ -0,0 +1,1204 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
+
+

NEW + COLLECTION +

+
Free + delivery & special prices
+ Shop + Lookbook +
+
+
+
+
+
+ +
+ + + + +
+ +
+ + +
+ + +

Our bestsellers

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Fugit, error amet numquam iure provident voluptate esse + quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam.

+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + + +
+ + +
Blouse
+ +

+ + White Blouse + +

+ + +

Neque porro quisquam est, qui dolorem ipsum quia dolor. +

+ + +
+ 59$ + 199$ + + + + + + +
+ +
+ + +
+ + +
+ + + +
+ + +
+ + +
+ + +
+ +
+ + + +
+ + +
Accessories
+ +

+ + Black hat + +

+ + +

Neque porro quisquam est, qui dolorem ipsum quia dolor. +

+ + +
+ 39$ + 99$ + + + + + + +
+ +
+ + +
+ + +
+ + + +
+ + +
+ + +
+ + +
+ +
+ + + +
+ + +
Sweatshirt
+ +

+ + Flower sweatshirt + +

+ + +

Lorem ipsum dolor sit amet, consectetur adipisicing minima. +

+ + +
+ 79$ + 299$ + + + + + + +
+ +
+ + +
+ + +
+ + + +
+ + +
+ + +
+ + +
+ +
+ + + +
+ + +
Outwear
+ +

+ + Denim jacket + +

+ + +

Lorem ipsum dolor sit amet, consectetur adipisicing minima. +

+ + +
+ 79$ + 299$ + + + + + + +
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +

Last products

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Fugit, error amet numquam iure provident voluptate esse + quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam.

+ + + + + +
+ + +
+ + +
+ +
+
    +
  • +

    + 500+ happy customers

    +
    • + +
+
+ +
+ + +
+ + +
+ + +

Fashion news

+ +

Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur + sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+ + +
+ + +
+
+
+
+ +
+ Fashion week
+ +

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus quod minima assumenda qui + mollitia + architecto soluta at ipsa itaque nam, aliquam minus odit expedita voluptatibus fugiat amet, nostrum + error + dolorum!.

+ + View project +
+
+
+
+ + + +
+
+
+
+ +
+ Street style
+ +

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, + optio + vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos.

+ + View project +
+
+
+
+ + + +
+
+
+
+ +
+ Summer trends
+ +

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, + optio + vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos.

+ + View project +
+
+
+
+ + +
+ + +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + diff --git a/static/templates/landing-page.html b/static/templates/landing-page.html new file mode 100755 index 000000000..280e5c386 --- /dev/null +++ b/static/templates/landing-page.html @@ -0,0 +1,706 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
+
+

Our New Course is Ready

+ +
It comes with a lot of new features, easy to follow + videos and images. Check it out now!
+
+ Sign up! + Learn more +
+ +
+
+
+
+
+
+ +
+ + + +
+ +
+ + +
+ + +

Why is it so great?

+ +

Lorem ipsum dolor sit amet, consectetur + adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas + nostrum quisquam eum porro a pariatur accusamus veniam.

+ + +
+ + +
+ + +
+
+ +
+
+
International
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam minima assumenda.

+
+
+ + + +
+
+ +
+
+
Experimental
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam minima assumenda.

+
+
+ + + +
+
+ +
+
+
Relaxing
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam minima assumenda.

+
+
+ + +
+ + + +
+ +
+ + + +
+ + +
+
+ +
+
+
Beloved
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam minima assumenda.

+
+
+ + + +
+
+ +
+
+
Rapid
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam minima assumenda.

+
+
+ + + +
+
+ +
+
+
Magical
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam minima assumenda.

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

Testimonials

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum + quisquam eum porro a pariatur accusamus veniam.

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

Anna Deynah

+
Web Designer
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos + id officiis hic tenetur quae quaerat ad velit ab hic tenetur.

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

John Doe

+
Web Developer
+

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis + suscipit laboriosam, nisi ut aliquid ex ea commodi.

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

Maria Kate

+
Photographer
+

At vero eos et accusamus et iusto odio dignissimos ducimus qui + blanditiis praesentium voluptatum deleniti atque corrupti.

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

Our pricing plans

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum + quisquam eum porro a pariatur veniam.

+ + +
+ + +
+ + +
+ + +
+ + +
Basic plan
+
+
+ +
+
+ + +

59$

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa pariatur id nobis + accusamus deleniti cumque hic laborum.

+ Buy now + +
+ + +
+ + +
+ + + +
+ + +
+ + +
+ + +
Premium plan
+
+
+ +
+
+ + +

79$

+

Esse corporis saepe laudantium velit adipisci cumque iste ratione facere non distinctio cupiditate + sequi atque.

+ Buy now + +
+ + +
+ + +
+ + + +
+ + +
+ + +
+ + +
Advanced plan
+
+
+ +
+
+ + +

99$

+

At ab ea a molestiae corrupti numquam quo beatae minima ratione magni accusantium + repellat eveniet quia vitae.

+ Buy now + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +

Contact us

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum + quisquam eum porro a pariatur accusamus veniam. Quia, minima?

+ +
+ + +
+
+ + +
+ + +
+
+ + +
+
+ + + +
+
+ + +
+
+ + +
+ + + +
+
+
+ + +
+
+
+ + + +
+ + +
+ +
+ + +
+ +
+
+ + +
+ +
+ Send +
+
+ + + +
+
    +
  • +

    San Francisco, CA 94126, USA

    +
    • + +
  • +

    + 01 234 567 89

    +
    • + +
  • +

    contact@mdbootstrap.com

    +
    • +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/static/templates/login-page.html b/static/templates/login-page.html new file mode 100755 index 000000000..45df2002c --- /dev/null +++ b/static/templates/login-page.html @@ -0,0 +1,209 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + + +
+ + + + +
+
+
+
+
+ + +
+
+ + +
+

Log in:

+
+ + +
+ + + +
+
+ + + +
+ +
+ + + +
+ +
+ +
+
+ + + +
+
+ +
+
+ + +
+
+
+
+
+ +
+ + + + + + + + + + + + + + + + diff --git a/static/templates/pricing.html b/static/templates/pricing.html new file mode 100755 index 000000000..d64edea52 --- /dev/null +++ b/static/templates/pricing.html @@ -0,0 +1,448 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
+
+

Make purchases with our + app

+
+
Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Rem repellendus quasi fuga nesciunt dolorum nulla magnam veniam sapiente, fugiat! Commodi sequi + non animi ea dolor molestiae iste.
+
+ Learn more + Download + + + + +
+
+ +
+ +
+
+
+ +
+ +
+ + + + +
+ +
+ + +
+ + +

Why is it so great?

+ +

Lorem ipsum dolor sit amet, consectetur + adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas + nostrum quisquam eum.

+ + +
+ + +
+
+ +
+
+

Marketing

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, + aperiam minima assumenda.

+ Learn more +
+
+ + + +
+
+ +
+
+

Customization

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, + aperiam minima assumenda.

+ Learn more +
+
+ + + +
+
+ +
+
+

Support

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, + aperiam minima assumenda.

+ Learn more +
+
+ + +
+ + +
+ + +
+ + + +
+ + +

Our pricing plans

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum + quisquam eum porro a pariatur veniam.

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

BASIC

+
+ + +
+ +

20$

+
    +
  • +

    1 project

    +
    • +
  • +

    100 components

    +
    • +
  • +

    150 features

    +
    • +
  • +

    200 members

    +
    • +
+ + +
+ + +
+ + + +
+ + + +
+ + +
+ + +
+

PRO

+
+ + +
+ +

80$

+
    +
  • +

    1 project

    +
    • +
  • +

    100 components

    +
    • +
  • +

    150 features

    +
    • +
  • +

    200 members

    +
    • +
+ + +
+ + +
+ + +
+ + + +
+ + +
+ + +
+

ENTERPRISE

+
+ + +
+ +

100$

+
    +
  • +

    1 project

    +
    • +
  • +

    100 components

    +
    • +
  • +

    150 features

    +
    • +
  • +

    200 members

    +
    • +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + + +
+ + +
+ + + +
+ + +
+ + +
+ + +
+
MDBootstrap
+
+ + +
+ +
+
    +
  • +

    about

    +
    • +
  • +

    contact

    +
    • +
  • +

    blog

    +
    • +
  • +

    team

    +
    • +
+
+ +
+ + +
+
    +
    • +
    • +
    • +
    • +
+
+ + +
+ + +
+ + + +
+
+ © 2019 Copyright: MDBootstrap.com +
+
+ + +
+ + + + + + + + + + + + + + + diff --git a/static/templates/profile-page.html b/static/templates/profile-page.html new file mode 100755 index 000000000..e2fd18a70 --- /dev/null +++ b/static/templates/profile-page.html @@ -0,0 +1,592 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+
+
+

ABOUT + ME +

+
Lorem + ipsum dolor sit amet
+
+
+
+
+
+
+ +
+ + + +
+ +
+ + +
+ + +
+ + +
+ +
+ First sample avatar image +
+

+ Anna Deynah +

+
Web Designer
+ + + + + + + + + + + + + + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt + ut labore et dolore + magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. + Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim.

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

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, + voluptatem, + optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum + dignissimos. + Odit sed qui, dolorum!.

+ + View project +
+
+
+
+ + + +
+
+ + +
+
+

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, + voluptatem, + optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum + dignissimos. + Odit sed qui, dolorum!.

+ + View project +
+
+
+
+ + +
+ + + +
+ + +
+
+ + +
+
+

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, + voluptatem, + optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum + dignissimos. + Odit sed qui, dolorum!.

+ + View project +
+
+
+
+ + + +
+
+ + +
+
+

+ Project title +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, + voluptatem, + optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum + dignissimos. + Odit sed qui, dolorum!.

+ + View project +
+
+
+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + + +
+
+ + +
+ + +

Our amazing team

+ +

Lorem ipsum dolor sit amet, consectetur + adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam + voluptas nostrum quisquam eum porro a pariatur accusamus veniam.

+ + +
+ + +
+ +
+
+ First sample avatar image +
+
+ +
+

John Doe

+
Web Designer
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis + hic tenetur.

+ + + + + + + +
+ +
+ + + +
+ +
+
+ Second sample avatar image +
+
+ +
+

Maria Kate

+
Photographer
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis + hic tenetur.

+ + + + + + + +
+ +
+ + +
+ + + +
+ + +
+ +
+
+ Fourth sample avatar image +
+
+ +
+

Anna Deynah

+
Web Developer
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis + hic tenetur.

+ + + + + + + +
+ +
+ + + +
+
+
+ Fifth sample avatar image +
+
+ +
+

Sarah Melyah

+
Front-end Developer
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis + hic tenetur.

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil odit magnam minima, soluta doloribus + reiciendis + molestiae placeat unde eos molestias. Quisquam aperiam, pariatur. Tempora, placeat ratione porro + voluptate + odit minima.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil odit magnam minima, soluta doloribus + reiciendis + molestiae placeat unde eos molestias. Quisquam aperiam, pariatur. Tempora, placeat ratione porro + voluptate + odit minima.

+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ + +
+ + +
+
+ +
If you want to cooperate with me just send me a message at + office@mdbootstrap.com
+
+
+ +
+ + + +
+
+ © 2019 Copyright: + MDBootstrap.com +
+
+ + +
+ + + + + + + + + + + + + + + diff --git a/static/templates/signup-page.html b/static/templates/signup-page.html new file mode 100755 index 000000000..1f04ac918 --- /dev/null +++ b/static/templates/signup-page.html @@ -0,0 +1,308 @@ + + + + + + + + + Material Design Bootstrap Template + + + + + + + + + + + + + + + +
+ + + + + + +
+
+
+ + +
+ + +
+ +
+
+ +

+ REGISTER +

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

+ Safety +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam + minima assumenda deleniti hic.

+
+
+ + + +
+
+ +
+
+

+ Technology +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam + minima assumenda deleniti hic.

+
+
+ + + +
+
+ +
+
+

+ Finance +

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores + nam, aperiam + minima assumenda deleniti hic.

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

+ Login with +

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

+ or: +

+ +
+ + + +
+ + + +
+
+ + + +
+ +
+ + + +
+ +
+ +
+ +
+ + +
+ + +
+
+ +
+ + +
+ + +
+
+
+ + +
+ + + + + + + + + + + + + + + diff --git a/templates/answer.html b/templates/answer.html new file mode 100644 index 000000000..b83613c80 --- /dev/null +++ b/templates/answer.html @@ -0,0 +1,30 @@ +{% extends "layout.html" %} +{% block contents %} +
+ {% if answer %} +
+ {% else %} + + {% endif %} + +
+ {% if answer %} +

Edit answer

+ {% else %} +

Add new answer

+ {% endif %} +
+
+ + +
+ +
+
+ +{% endblock %} \ No newline at end of file diff --git a/templates/comment.html b/templates/comment.html new file mode 100644 index 000000000..41956954c --- /dev/null +++ b/templates/comment.html @@ -0,0 +1,41 @@ +{% extends "layout.html" %} +{% block contents %} +
+
+
+
+
+ {% if is_add_comment_to_question %} +
+ {% elif is_add_comment_to_answer %} + + {% else %} + + {% endif %} +
+
+

+ {% if comment %}Edit comment {% else %}Add new comment{% endif %} +

+
+
+
+ + +
+
+ +
+
+
+
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/form.html b/templates/form.html new file mode 100644 index 000000000..878143dc9 --- /dev/null +++ b/templates/form.html @@ -0,0 +1,52 @@ +{% extends "layout.html" %} +{% block contents %} +
+
+
+
+
+ {% if question %} +
+ {% else %} + + {% endif %} +
+ {% if question %} +
+

Edit question

+
+ {% else %} +
+

Add a new Question

+
+ {% endif %} +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 000000000..81d67bf4f --- /dev/null +++ b/templates/index.html @@ -0,0 +1,62 @@ +{% extends "layout.html" %} +{% block contents %} +
+
+
+
+

Welcome to AskMate!

+

Ask questions - get answers! On whatever topic!

+ +
+
+
+
+
+

Latest questions:

+
+ + + + + + + + + + + + + + + + {% for question in questions %} + + + + {% if question['users_id'] %} + + {% else %} + + {% endif %} + + + + + {% if question['image'] %} + + {% else %} + + {% endif %} + + + {% endfor %} + +
No.
Title
User
Message
Submission Time
View Number
Vote Number
Image
{{ loop.index }} {{ question['title'] }} {{ question['username'] }} {{ question['username'] }} {{ truncate_fn(question['message'], 'home') }} {{ question['submission_time'] }} {{ question['view_number'] }} {{ question['vote_number'] }} Example imageExample image
+
+
+ +
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/layout.html b/templates/layout.html new file mode 100644 index 000000000..d475c2d20 --- /dev/null +++ b/templates/layout.html @@ -0,0 +1,70 @@ + + + + + Title + + + + + + + + + + + + + + + + + + +
+ {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} +
+ {{ message }} +
+ {% endfor %} + {% endif %} + {% endwith %} + {% block contents %} + {% endblock contents %} +
+ + + \ No newline at end of file diff --git a/templates/list.html b/templates/list.html new file mode 100644 index 000000000..e03c9cbdc --- /dev/null +++ b/templates/list.html @@ -0,0 +1,64 @@ +{% extends "layout.html" %} +{% block contents %} +
+ +
+ + + + + + + + + + + + + + + + {% for question in questions %} + + + + {% if question['users_id'] %} + + {% else %} + + {% endif %} + + + + + {% if question['image'] %} + + {% else %} + + {% endif %} + + + {% endfor %} + +
No.
Title
+ + +
User
+ + +
Message
+ + +
Submission Time
+ + +
View Number
+ + +
Vote Number
+ + +
Image
{{ loop.index }} {{ question['title'] }} {{ question['username'] }} {{ question['username'] }} {{ truncate_fn(question['message'], 'list') }} {{ question['submission_time'] }} {{ question['view_number'] }} {{ question['vote_number'] }} Example imageExample image
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/login.html b/templates/login.html new file mode 100644 index 000000000..5f52de4c4 --- /dev/null +++ b/templates/login.html @@ -0,0 +1,55 @@ +{% extends "layout.html" %} +{% block contents %} +
+
+
+
+
+
+ {{ form.hidden_tag() }} +
+ {{ title }} +
+ {{ form.email.label(class="form-control-label") }} + + {% if form.email.errors %} + {{ form.email(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.email.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.email(class='form-control form-control-lg') }} + {% endif %} +
+
+ {{ form.password.label(class="form-control-label") }} + + {% if form.password.errors %} + {{ form.password(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.password.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.password(class='form-control form-control-lg') }} + {% endif %} +
+
+
+ {{ form.submit(class="btn btn-outline-info") }} +
+
+
+ + Don't have an account yet? Register + +
+
+
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/qd.html b/templates/qd.html new file mode 100644 index 000000000..88e7766f6 --- /dev/null +++ b/templates/qd.html @@ -0,0 +1,222 @@ +{% extends "layout.html" %} +{% block contents %} +
+
+

{{ question['title'] }}

+
+
+
+
+

{{ question['message'] }}

+
+
+
+ {% if question['image'] %} + User image + {% else %} + Example image + {% endif %} +
+
+
+
+ + +
+ +
+
+
+
+
+
+ + Posted on: {{ question['submission_time'] }} + + + Posted by: + {%- if question['users_id'] -%} + {{ question['username'] }} + {% else %} + {{ question['username'] }} + {% endif %} + + + Viewed: {{ question['view_number'] }} times + +
+ {% for tag in tags %} + + {{ tag['name'] }} + + + {% endfor %} +
+
+ Answer question + Edit question + Add tag + Delete question +
+ + + Votes: {{ question['vote_number'] }} +
+
+
+
+
+

Comments:

+
+
    + {% for comment in question_comments %} +
  • +

    {{ comment['message'] }}

    +
    + + Posted on: {{ comment['submission_time'] }} + + + Posted by: + {%- if comment['users_id'] -%} + {{ comment['username'] }} + {% else %} + {{ comment['username'] }} + {% endif %} + + {% if comment['edited_count'] > 0 %} + + Edited {{ comment['edited_count'] }} times + + {% endif %} +
    + + +
    +
    +
    • + {% endfor %} +
+
+
+ Add comment +
+
+
+
+
+
+
+ Answers + {{ count }} +
+ {% for answer in answers %} + +
+
+
+
+
+ {% if answer['image'] %} + User image + {% else %} + Example image + {% endif %} +
+
+
+
+ + +
+ +
+
+
+
+
+ + + {%- if question['users_id'] == session['user_id'] -%} + {%- if answer['is_accepted'] -%} + + {% else %} + + {% endif %} + {% endif %} + +
+ Answer # {{ loop.index }} + {%- if answer['is_accepted'] %} + Verified + {% endif %} +
+

{{ answer['message'] }}

+ + Posted on: {{ answer['submission_time'] }} + Posted by: + {%- if answer['users_id'] -%} + {{ answer['username'] }} + {% else %} + {{ answer['username'] }} + {% endif %} + + +
+ + + Votes: {{ answer['vote_number'] }} +
+
+
+
+
+
+
+
+

Comments:

+
+
    + {% for comment in answer_comments %} + {% if comment['answer_id'] == answer['id'] %} +
  • +

    {{ comment['message'] }}

    +
    + + Posted on: {{ comment['submission_time'] }} + + + Posted by: + {%- if comment['users_id'] -%} + {{ comment['username'] }} + {% else %} + {{ comment['username'] }} + {% endif %} + + {% if comment['edited_count'] > 0 %} + + Edited {{ comment['edited_count'] }} times + + {% endif %} +
    + + +
    +
    +
    • + {% endif %} + {% endfor %} +
+
+
+ Add comment +
+
+ {% endfor %} +
+
+{% endblock %} diff --git a/templates/register.html b/templates/register.html new file mode 100644 index 000000000..abba3c67e --- /dev/null +++ b/templates/register.html @@ -0,0 +1,97 @@ +{% extends "layout.html" %} +{% block contents %} +
+
+
+
+
+
+ {{ form.hidden_tag() }} +
+ {{ title }} +
+ {{ form.username.label(class="form-control-label") }} + + {% if form.username.errors %} + {{ form.username(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.username.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.username(class='form-control form-control-lg') }} + {% endif %} +
+
+ {{ form.name.label(class="form-control-label") }} + + {% if form.name.errors %} + {{ form.name(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.name.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.name(class='form-control form-control-lg') }} + {% endif %} +
+
+ {{ form.email.label(class="form-control-label") }} + + {% if form.email.errors %} + {{ form.email(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.email.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.email(class='form-control form-control-lg') }} + {% endif %} +
+
+ {{ form.password.label(class="form-control-label") }} + + {% if form.password.errors %} + {{ form.password(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.password.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.password(class='form-control form-control-lg') }} + {% endif %} +
+
+ {{ form.confirmed_password.label(class="form-control-label") }} + + {% if form.confirmed_password.errors %} + {{ form.confirmed_password(class='form-control form-control-lg is-invalid') }} +
+ {% for error in form.confirmed_password.errors %} + {{ error }} + {% endfor %} +
+ {% else %} + {{ form.confirmed_password(class='form-control form-control-lg') }} + {% endif %} +
+
+
+ {{ form.submit(class="btn btn-outline-info") }} +
+
+
+ + Already have an account? Login + +
+
+
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/search_results.html b/templates/search_results.html new file mode 100644 index 000000000..c09cc226e --- /dev/null +++ b/templates/search_results.html @@ -0,0 +1,55 @@ +{% extends "layout.html" %} +{% block contents %} + +
+
+
+ Search results + {{ questions_count }} +
+ {% for question in searched_questions %} + +
+
+
+
Q: {{ markup(highlight_search_term_fn(question['title'])) }}
+

{{ markup(highlight_search_term_fn(question['message'])) }}

+ + Posted on: {{ question['submission_time'] }} + +
+ Votes: {{ question['vote_number'] }} +
+
+
+
+
+
+

Answers:

+
+
    + {% for answer in searched_answers %} + {% if answer['question_id'] == question['id']%} +
  • +

    {{ markup(highlight_search_term_fn(answer['message'])) }}

    +
    + + Posted on: {{ answer['submission_time'] }} + + + Votes: {{ answer['vote_number'] }} + +
    +
    • + {% endif %} + {% endfor %} +
+
+
+
+
+ {% endfor %} +
+
+ +{% endblock %} diff --git a/templates/tag.html b/templates/tag.html new file mode 100644 index 000000000..0b4032505 --- /dev/null +++ b/templates/tag.html @@ -0,0 +1,76 @@ +{% extends "layout.html" %} +{% block contents %} +{% if tags %} +
+
+ + + + + + + + + + {% for tag in tags %} + + + + + + {% endfor %} + +
+
No.
+ 		+
Tag name
+ 		+
Number of times used
+
{{ loop.index }}{{ tag['name'] }}{{ tag['used'] }}
+
+
+ +{% else %} +
+
+
+
+
+
+
+
+

Assign tag

+
+
+ {% for option in options %} +
+ + +
+ {% endfor %} +
+ + +
+ {# +
#} + {# Other
#} + {# +
+ #} + {# +
#} + {# #} + {# +
+ #} + +
+
+
+
+
+
+{% endif %} +{% endblock %} \ No newline at end of file diff --git a/templates/users.html b/templates/users.html new file mode 100644 index 000000000..df569756e --- /dev/null +++ b/templates/users.html @@ -0,0 +1,49 @@ +{% extends "layout.html" %} +{#{% block menu %}#} +{#
  • Users
    • #} +{#{% endblock menu %}#} +{% block contents %} +
    +
    + + + + + + + + + + + + + + {% for user in users %} + + + + + + + + + + {% endfor %} + +
    No.
    Id
    + + +
    Username
    + + +
    Email
    + + +
    Full name
    + + +
    Password
    +
    Reputation
    {{ loop.index }} {{ user['id'] }} {{ user['username'] }} {{ user['email'] }} {{ user['full_name'] }} {{ user['password'] }} {{ user['reputation'] }}
    +
    +
    +{% endblock %} \ No newline at end of file diff --git a/test.py b/test.py new file mode 100644 index 000000000..134c7b9ba --- /dev/null +++ b/test.py @@ -0,0 +1,29 @@ +import bcrypt + + +def hash_password(plain_text_password): + # By using bcrypt, the salt is saved into the hash itself + hashed_bytes = bcrypt.hashpw(plain_text_password.encode('utf-8'), bcrypt.gensalt()) + return hashed_bytes.decode('utf-8') + + +def verify_password(plain_text_password, hashed_password): + hashed_bytes_password = hashed_password.encode('utf-8') + return bcrypt.checkpw(plain_text_password.encode('utf-8'), hashed_bytes_password) + + +if __name__ == '__main__': + # Test the above functions manually + original_password = 'my_very_secureP4ssword!' # From registration form + print('original_password: ' + original_password) + + hashed_password = hash_password(original_password) # This shall be saved in the DB + print('hashed_password: ' + hashed_password) + + user_input_password = 'Hey Siri, what is my password?' # From a login form, a mistyped input + is_matching = verify_password(user_input_password, hashed_password) + print('is_matching: ' + str(is_matching)) + + user_input_password = 'my_very_secureP4ssword!' # From a login form, the correct input + is_matching = verify_password(user_input_password, hashed_password) + print('is_matching: ' + str(is_matching)) diff --git a/util.py b/util.py new file mode 100644 index 000000000..2e1c43209 --- /dev/null +++ b/util.py @@ -0,0 +1,37 @@ +import re +from server_python.config import base_url +from flask import request + + +def check_referer_url(question_id): + referer_url = request.headers.get("Referer") + if referer_url != f"{base_url}/question_detail/{question_id}": + return True + else: + return False + + +def replace_string(matchobj): + return '' + matchobj.group(0) + '' + + +def highlight_search_term(searched_term, sequence): + new_sequence = re.sub(searched_term, replace_string, sequence, flags=re.I) + return new_sequence + + +def truncate_question(question_message, list_type): + max_length = 250 if list_type == 'home' else 500 + if len(question_message) > max_length: + return question_message[:max_length] + ' (...)' + else: + return question_message + + +def change_reputation(user_id, value): + cursor.execute(""" + UPDATE question + SET title = %(title)s, message = %(message)s + WHERE id = %(id)s + """, + {'title': form_data['title'], 'message': form_data['message'], 'id': id}) \ No newline at end of file