diff --git a/Languages/en/Admin/Navbar.language.php b/Languages/en/Admin/Navbar.language.php
index 155d2e3..e98fd32 100644
--- a/Languages/en/Admin/Navbar.language.php
+++ b/Languages/en/Admin/Navbar.language.php
@@ -19,7 +19,7 @@
'L_SECTION_FORUM' => 'Forum',
'L_SECTION_OTHER' => 'Other',
- 'L_INDEX' => 'Title page',
+ 'L_INDEX' => 'Dashboard',
'L_SETTINGS' => 'Settings',
'L_SETTINGS_SITE' => 'Global settings',
diff --git a/Styles/Default_Dark/Info.json b/Styles/Default_Dark/Info.json
new file mode 100644
index 0000000..4bdf7ca
--- /dev/null
+++ b/Styles/Default_Dark/Info.json
@@ -0,0 +1,11 @@
+{
+ "name": "PHPCore Dark",
+ "body": {
+ "Terms": "Body2",
+ "Login": "Body2",
+ "Register": "Body2",
+ "Forgot/Change": "Body2",
+ "Forgot/Send": "Body2",
+ "Error": "Body2"
+ }
+}
diff --git a/Styles/Default_Dark/Templates/Blocks/Block/Block.phtml b/Styles/Default_Dark/Templates/Blocks/Block/Block.phtml
new file mode 100644
index 0000000..1b6f8f3
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Block/Block.phtml
@@ -0,0 +1,57 @@
+data->block['body'] ?? [] as $objectName => $object) : ?>
+
+
+
+
+
+
+ build->user->image($row['data'], true) ?>
+
+
+ template->template('/Blocks/Labels.phtml'); ?>
+
+ build->user->link($row['data'], true) ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Block/Notices/Load.phtml'); ?>
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Block/Likes.phtml'); ?>
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Styles/Default_Dark/Templates/Blocks/Block/Buttons/Quote.phtml b/Styles/Default_Dark/Templates/Blocks/Block/Buttons/Quote.phtml
new file mode 100644
index 0000000..0e07933
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Block/Buttons/Quote.phtml
@@ -0,0 +1 @@
+
+
diff --git a/Styles/Default_Dark/Templates/Blocks/Block/Likes.phtml b/Styles/Default_Dark/Templates/Blocks/Block/Likes.phtml
new file mode 100644
index 0000000..c6479ca
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Block/Likes.phtml
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+ user->isLogged() and $username['user_id'] == LOGGED_USER_ID) : ?>
+ ...
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Block/Notices/Reported.phtml b/Styles/Default_Dark/Templates/Blocks/Block/Notices/Reported.phtml
new file mode 100644
index 0000000..4870d54
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Block/Notices/Reported.phtml
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Block/ProfilePost.phtml b/Styles/Default_Dark/Templates/Blocks/Block/ProfilePost.phtml
new file mode 100644
index 0000000..e012fa6
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Block/ProfilePost.phtml
@@ -0,0 +1,43 @@
+data->block['body'] as $objectName => $object) : ?>
+
+
+
+ build->user->image($row['data']) ?>
+
+
+
+
+ build->user->link($row['data'], true) ?>
+
+
+
+
+
+
+ template->template('/Blocks/Block/Notices/Load.phtml'); ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Block/ProfilePostComment.phtml'); ?>
+
+
+
+
+
+
+ build->user->image($row['data']) ?>
+
+ template->template('/Blocks/Block/Notices/Load.phtml'); ?>
+
+
+ build->user->link($row['data'], true) ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
system->settings->get('cookie.text') ?>
+
+
+
+
+
+
+
+
+
+
+ data->data['message']['text'])) : ?>
+
+ data->data['message']['text'] ?>
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Conversation/Big.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Conversation/Big.phtml
new file mode 100644
index 0000000..f2111b9
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Conversation/Big.phtml
@@ -0,0 +1,6 @@
+build->user->image($row['data']) ?>
+
+
+
+ build->user->link($row['data']) ?> · build->date->long($row['data']['conversation_created']) ?>
+
+ build->user->link($row['data'], false, 'message_') ?>
+
+
+
+ : :
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Forum/Big.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Forum/Big.phtml
new file mode 100644
index 0000000..15d6c9e
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Forum/Big.phtml
@@ -0,0 +1,12 @@
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Forum/Medium.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Forum/Medium.phtml
new file mode 100644
index 0000000..0b83efc
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Forum/Medium.phtml
@@ -0,0 +1,19 @@
+
+
+
+ build->user->image($row['data']) ?>
+
+
+ template->template('/Blocks/Labels.phtml'); ?>
+
+
+
+ build->user->link($row['data']) ?>
+
+ build->date->long($row['data']['created'], true) ?>
+
+
+ :
+ :
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Lists.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Lists.phtml
new file mode 100644
index 0000000..1b1e485
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Lists.phtml
@@ -0,0 +1,60 @@
+data->list['body'] ?? [] as $listName => $list) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Labels.phtml'); ?>
+
+
+
+ build->user->link($row['data']) ?> · build->date->long($row['data']['topic_created']) ?>
+
+
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Topic/Medium.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Topic/Medium.phtml
new file mode 100644
index 0000000..dcbafb3
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Topic/Medium.phtml
@@ -0,0 +1,10 @@
+
+
+ build->user->link($row['data'], 'last_') ?>
+
+ build->user->image($row['data'], false, 'last_') ?>
+
+
+ :
+ :
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Users/Big.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Users/Big.phtml
new file mode 100644
index 0000000..0f0d90e
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Users/Big.phtml
@@ -0,0 +1,6 @@
+build->user->image($row['data']) ?>
+
+ build->user->link($row['data'], true) ?>
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Lists/Users/Medium.phtml b/Styles/Default_Dark/Templates/Blocks/Lists/Users/Medium.phtml
new file mode 100644
index 0000000..bf6b257
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Lists/Users/Medium.phtml
@@ -0,0 +1,5 @@
+
+ : build->date->long($row['data']['user_registered'], true) ?>
+ :
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Navbar/ButtonCustom.phtml b/Styles/Default_Dark/Templates/Blocks/Navbar/ButtonCustom.phtml
new file mode 100644
index 0000000..890dfc6
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Navbar/ButtonCustom.phtml
@@ -0,0 +1,11 @@
+href="system->url->build('/custom/' . $row['data']['page_id'] . '.' . $row['data']['page_url']) ?>">
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Navbar/Navbar.phtml b/Styles/Default_Dark/Templates/Blocks/Navbar/Navbar.phtml
new file mode 100644
index 0000000..f5cfca8
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Navbar/Navbar.phtml
@@ -0,0 +1,74 @@
+user->perm->has('admin.?')) : ?>
+
+
+
+
+ data->navbar['body'] as $objName => $object) : ?>
+
+
+
+
+ build->user->image($this->user->get(), false) ?>
+ user->get('user_name') ?>
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Pagination.phtml b/Styles/Default_Dark/Templates/Blocks/Pagination.phtml
new file mode 100644
index 0000000..769fba0
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Pagination.phtml
@@ -0,0 +1,25 @@
+data->pagination['enabled']) and $this->data->pagination['enabled'] == true) : ?>
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Panel/Panel.phtml b/Styles/Default_Dark/Templates/Blocks/Panel/Panel.phtml
new file mode 100644
index 0000000..a8fe0b8
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Panel/Panel.phtml
@@ -0,0 +1,64 @@
+data->panel['body'] ?? [] or $this->data->pagination['enabled'] === true) : ?>
+
+ template->template('/Blocks/Pagination.phtml'); ?>
+ data->panel['body'] ?? []) : ?>
+
+ data->panel['body'] as $objName => $object) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Labels.phtml'); ?>
+
+
+
+
+ build->user->link($row['data']) ?>
+
+
+
+ build->user->link($row['data']) ?>
+
+
+
+
+
+ build->date->long($row['data']['profile_post_created'], true) ?>
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Blocks/Sidebar/Sidebar.phtml b/Styles/Default_Dark/Templates/Blocks/Sidebar/Sidebar.phtml
new file mode 100644
index 0000000..3417361
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Blocks/Sidebar/Sidebar.phtml
@@ -0,0 +1,54 @@
+data->sidebar['body'] as $objectName => $object) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+ $row) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Navbar/Navbar.phtml'); ?>
+
+
system->settings->get('site.background_image'))) : ?> style="background-image: url('/Uploads/Site/Header.system->settings->get('site.background_image') ?>?system->settings->get('session') ?>');">
+
+
+
+
+
+ data->breadcrumb) : ?>
+
+
+ data->breadcrumb['body'] as $breadcrumb) : ?>
+
>
+
+
+
+
+
+
+
+ data->data['message']['text'])) : ?>
+
+
+
+ data->data['message']['text'] ?>
+
+
+
+
+
+
+
+ data->data['globalNotification'])) : ?>
+ data->data['globalNotification'] as $globalNotification) : ?>
+
+
+
+
+
+
+ data->data['body'])) : ?>
+
+ data->data['body'] ?>
+
+
+ data->sidebar['side']) and $this->data->sidebar['side'] == 'left') : ?>
+
+
+
+ show(); ?>
+
+ data->sidebar['side']) and $this->data->sidebar['side'] == 'right') : ?>
+
+
+
+
+
+
+
+
+
+
+ template->template('/Blocks/Cookie.phtml'); ?>
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Body2.phtml b/Styles/Default_Dark/Templates/Body2.phtml
new file mode 100644
index 0000000..3cc0499
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Body2.phtml
@@ -0,0 +1,24 @@
+
+
+
+
+ template->template('/Blocks/Head.phtml'); ?>
+
+
+
+
+
+
+ show(); ?>
+
+ template->template('/Blocks/Cookie.phtml'); ?>
+
+
+
+ data->data['pageName'] == 'register') : ?>
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Error.phtml b/Styles/Default_Dark/Templates/Error.phtml
new file mode 100644
index 0000000..bd43e87
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Error.phtml
@@ -0,0 +1,25 @@
+
+
+
+
+ template->template('/Blocks/Head.phtml'); ?>
+
+
+
+
+
+ template->template('/Blocks/Cookie.phtml'); ?>
+
+
+
+
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Forgot/Change.phtml b/Styles/Default_Dark/Templates/Forgot/Change.phtml
new file mode 100644
index 0000000..4eaf164
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forgot/Change.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Field/Form.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Forgot/Send.phtml b/Styles/Default_Dark/Templates/Forgot/Send.phtml
new file mode 100644
index 0000000..4eaf164
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forgot/Send.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Field/Form.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Forum/Index.phtml b/Styles/Default_Dark/Templates/Forum/Index.phtml
new file mode 100644
index 0000000..e2864e8
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forum/Index.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Lists/Lists.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Forum/Topic/Edit.phtml b/Styles/Default_Dark/Templates/Forum/Topic/Edit.phtml
new file mode 100644
index 0000000..2b946d0
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forum/Topic/Edit.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Field/Default.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Forum/Topic/New.phtml b/Styles/Default_Dark/Templates/Forum/Topic/New.phtml
new file mode 100644
index 0000000..2b946d0
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forum/Topic/New.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Field/Default.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Forum/Topic/View.phtml b/Styles/Default_Dark/Templates/Forum/Topic/View.phtml
new file mode 100644
index 0000000..8dbf309
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forum/Topic/View.phtml
@@ -0,0 +1,45 @@
+data->data['deleted_id']) : ?>
+
+
+
+data->data['report_id'] and $this->data->data['report_status'] == 0 and $this->user->perm->has('admin.forum')) : ?>
+
+
+
+data->data['is_locked'] == 1) : ?>
+
+
+
+template->template('/Blocks/Panel/Panel.phtml'); ?>
+
+ template->template('/Blocks/Block/Block.phtml'); ?>
+
+
+template->template('/Blocks/Pagination.phtml'); ?>
diff --git a/Styles/Default_Dark/Templates/Forum/View.phtml b/Styles/Default_Dark/Templates/Forum/View.phtml
new file mode 100644
index 0000000..bdf1bcb
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Forum/View.phtml
@@ -0,0 +1,3 @@
+template->template('/Blocks/Panel/Panel.phtml'); ?>
+template->template('/Blocks/Lists/Lists.phtml'); ?>
+template->template('/Blocks/Pagination.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Index.phtml b/Styles/Default_Dark/Templates/Index.phtml
new file mode 100644
index 0000000..5a9a267
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Index.phtml
@@ -0,0 +1,31 @@
+data->block['body'] as $objectName => $object) : ?>
+
+
+
+
+
+
+
+ template->template('/Blocks/Labels.phtml'); ?>
+
+
+
+
+
+
+
+
+
+ build->user->link($row['data'], true) ?>
+
+ build->user->image($row['data']) ?>
+
+
+
+
+
+
+ build->user->image($this->data->data, false) ?>
+
+
+
data->data['user_name'] ?>
+
+
data->data['user_text'] ?>
+
data->data['group_name'] ?>
+
+ data->data['user_reputation'] > 0) : ?>
+
+
+
+
+
:
+
+ data->data['user_last_activity']) > 60) : ?>
+ build->date->short($this->data->data['user_last_activity']) ?>
+
+
+
+
+
+
:
+
build->date->short($this->data->data['user_registered']) ?>
+
+
+
+
:
+
data->data['user_topics'] ?>
+
+
+
+
:
+
data->data['user_posts'] ?>
+
+ user->isLogged() and LOGGED_USER_ID != $this->data->data['user_id']) or ($this->user->perm->has('admin.user') and $this->user->perm->compare(index: $this->data->data['group_index'], admin: $this->data->data['is_admin']))) : ?>
+
+ user->isLogged() and LOGGED_USER_ID != $this->data->data['user_id']) : ?>
+
+
+ user->perm->has('admin.user') and $this->user->perm->compare(index: $this->data->data['group_index'], admin: $this->data->data['is_admin'])) : ?>
+
+
+
+
+
+
+
+ data->data['user_gender'] != 'undefined' or $this->data->data['user_location'] or $this->data->data['user_age']) : ?>
+
+
+
+
+
+ data->data['user_gender'] != 'undefined') : ?>
+
+
:
+
data->data['user_gender'])} ?>
+
+
+ data->data['user_location'])) : ?>
+
+
+
:
+
data->data['user_location'] ?>
+
+
+ data->data['user_age'])) : ?>
+
+
+
:
+
data->data['user_age'] ?>
+
+
+
+
+
+
+
+
+
+
+
+ data->data['user_signature'])) : ?>
+
+
+
+
+
+
+
+ data->pagination['enabled']) and $this->data->pagination['enabled'] == true) : ?>
+
+ template->template('/Blocks/Pagination.phtml'); ?>
+
+
+
+ template->template('/Blocks/Block/ProfilePost.phtml'); ?>
+
+ data->block['body']['profilepost']['body'])) : ?>
+
+
$this->data->data['user_name']]) ?>
+
+
+
+
+ template->template('/Blocks/Pagination.phtml'); ?>
+
+
+ data->data['user_signature'])) : ?>
+
+
+
+
data->data['user_signature'] ?>
+
+
+
+
+
+
+
+
+
+ system->settings->get('registration.terms') ?>
+
+
+
+
+
+ template->template('/Blocks/Block/Block.phtml'); ?>
+
+
+template->template('/Blocks/Pagination.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/User/Settings.phtml b/Styles/Default_Dark/Templates/User/Settings.phtml
new file mode 100644
index 0000000..2b946d0
--- /dev/null
+++ b/Styles/Default_Dark/Templates/User/Settings.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Field/Default.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/User/Signature.phtml b/Styles/Default_Dark/Templates/User/Signature.phtml
new file mode 100644
index 0000000..2b946d0
--- /dev/null
+++ b/Styles/Default_Dark/Templates/User/Signature.phtml
@@ -0,0 +1 @@
+template->template('/Blocks/Field/Default.phtml'); ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Templates/Users.phtml b/Styles/Default_Dark/Templates/Users.phtml
new file mode 100644
index 0000000..185a8cf
--- /dev/null
+++ b/Styles/Default_Dark/Templates/Users.phtml
@@ -0,0 +1,3 @@
+template->template('/Blocks/Panel/Panel.phtml'); ?>
+template->template('/Blocks/Lists/Lists.phtml'); ?>
+template->template('/Blocks/Pagination.phtml') ?>
\ No newline at end of file
diff --git a/Styles/Default_Dark/Themes/Addons.js b/Styles/Default_Dark/Themes/Addons.js
new file mode 100644
index 0000000..1f68d35
--- /dev/null
+++ b/Styles/Default_Dark/Themes/Addons.js
@@ -0,0 +1,19 @@
+window.onload = function() {
+ $('html').removeClass('html-hidden');
+ $('[ajax-selector="dropdown"]').each(function () {
+ if ($(this).find('[ajax-selector="dropdown-menu"]').length) {
+ var elm = $(this).find('[ajax-selector="dropdown-menu"]');
+ var off = elm.offset();
+ var l = off.left;
+ var w = elm.width();
+ var docW = $('html').width();
+
+ var isEntirelyVisible = (l + w <= docW);
+ if (!isEntirelyVisible) {
+ elm.addClass('dropdown-edge');
+ } else {
+ elm.removeClass('dropdown-edge');
+ }
+ }
+ });
+}
diff --git a/Styles/Default_Dark/Themes/Addons.min.js b/Styles/Default_Dark/Themes/Addons.min.js
new file mode 100644
index 0000000..b4d6120
--- /dev/null
+++ b/Styles/Default_Dark/Themes/Addons.min.js
@@ -0,0 +1 @@
+window.onload=function(){$("html").removeClass("html-hidden"),$('[ajax-selector="dropdown"]').each(function(){if($(this).find('[ajax-selector="dropdown-menu"]').length){var d=$(this).find('[ajax-selector="dropdown-menu"]');d.offset().left+d.width()<=$("html").width()?d.removeClass("dropdown-edge"):d.addClass("dropdown-edge")}})};
\ No newline at end of file
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Bold.woff b/Styles/Default_Dark/Themes/Fonts/Quicksand-Bold.woff
new file mode 100644
index 0000000..e6c7f1b
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Bold.woff differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Bold.woff2 b/Styles/Default_Dark/Themes/Fonts/Quicksand-Bold.woff2
new file mode 100644
index 0000000..78a1600
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Bold.woff2 differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Light.woff b/Styles/Default_Dark/Themes/Fonts/Quicksand-Light.woff
new file mode 100644
index 0000000..ea78582
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Light.woff differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Light.woff2 b/Styles/Default_Dark/Themes/Fonts/Quicksand-Light.woff2
new file mode 100644
index 0000000..ae16e5f
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Light.woff2 differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Medium.woff b/Styles/Default_Dark/Themes/Fonts/Quicksand-Medium.woff
new file mode 100644
index 0000000..876d252
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Medium.woff differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Medium.woff2 b/Styles/Default_Dark/Themes/Fonts/Quicksand-Medium.woff2
new file mode 100644
index 0000000..ba17cad
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Medium.woff2 differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Regular.woff b/Styles/Default_Dark/Themes/Fonts/Quicksand-Regular.woff
new file mode 100644
index 0000000..14861c6
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Regular.woff differ
diff --git a/Styles/Default_Dark/Themes/Fonts/Quicksand-Regular.woff2 b/Styles/Default_Dark/Themes/Fonts/Quicksand-Regular.woff2
new file mode 100644
index 0000000..6e59f55
Binary files /dev/null and b/Styles/Default_Dark/Themes/Fonts/Quicksand-Regular.woff2 differ
diff --git a/Styles/Default_Dark/Themes/Quicksand.css b/Styles/Default_Dark/Themes/Quicksand.css
new file mode 100644
index 0000000..dab760d
--- /dev/null
+++ b/Styles/Default_Dark/Themes/Quicksand.css
@@ -0,0 +1,38 @@
+@font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local(''),
+ url('./Fonts/Quicksand-Light.woff2') format('woff2'),
+ url('./Fonts/Quicksand-Light.woff') format('woff');
+ }
+
+@font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url('./Fonts/Quicksand-Regular.woff2') format('woff2'),
+ url('./Fonts/Quicksand-Regular.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local(''),
+ url('./Fonts/Quicksand-Medium.woff2') format('woff2'),
+ url('./Fonts/Quicksand-Medium.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Quicksand';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: local(''),
+ url('./Fonts/Quicksand-Bold.woff2') format('woff2'),
+ url('./Fonts/Quicksand-Bold.woff') format('woff');
+}
\ No newline at end of file
diff --git a/Styles/Default_Dark/Themes/Quicksand.min.css b/Styles/Default_Dark/Themes/Quicksand.min.css
new file mode 100644
index 0000000..2ce759f
--- /dev/null
+++ b/Styles/Default_Dark/Themes/Quicksand.min.css
@@ -0,0 +1 @@
+@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:local(''),url(Fonts/Quicksand-Light.woff2) format('woff2'),url(Fonts/Quicksand-Light.woff) format('woff')}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(Fonts/Quicksand-Regular.woff2) format('woff2'),url(Fonts/Quicksand-Regular.woff) format('woff')}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:local(''),url(Fonts/Quicksand-Medium.woff2) format('woff2'),url(Fonts/Quicksand-Medium.woff) format('woff')}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:local(''),url(Fonts/Quicksand-Bold.woff2) format('woff2'),url(Fonts/Quicksand-Bold.woff) format('woff')}
\ No newline at end of file
diff --git a/Styles/Default_Dark/Themes/Stylesheet.css b/Styles/Default_Dark/Themes/Stylesheet.css
new file mode 100644
index 0000000..90610a9
--- /dev/null
+++ b/Styles/Default_Dark/Themes/Stylesheet.css
@@ -0,0 +1,2494 @@
+* {
+ box-sizing: border-box;
+}
+p {
+ margin: 0;
+}
+b {
+ font-weight: 700;
+}
+i {
+ position: relative;
+}
+i + i,
+i + span,
+span + i {
+ margin-left: 5px;
+}
+a i {
+ z-index: 9;
+}
+hr {
+ border-width: 0;
+ margin: 10px 0;
+ height: 1px;
+ background-color: #cecece;
+}
+form {
+ margin: 0;
+}
+.navbar-opened + .page::before {
+ opacity: 0.5;
+ width: 100%;
+ height: 100%;
+ z-index: 9999;
+ background-color: #000;
+}
+.page::before {
+ top: 0;
+ left: 0;
+ content: "";
+ background-color: transparent;
+ opacity: 1;
+ position: absolute;
+ transition: background 0.5s ease;
+}
+.page {
+ transition: transform 0.5s ease;
+ width: 100%;
+ overflow: hidden;
+ min-height: 100%;
+}
+.footer {
+ background-color: #252525;
+ padding: 12px;
+ color: #fff;
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
+ z-index: 9;
+}
+.html-full .footer {
+ color: #8a8a8a !important;
+ background-color: transparent;
+ font-weight: 600;
+}
+.page-header + .page-body {
+ margin-top: 50px;
+}
+.page-body {
+ margin-bottom: 112px;
+}
+blockquote {
+ background-color: #f0f0f0;
+ margin: 0;
+ border-left: 3px solid #3174d7;
+ padding: 15px;
+ margin: 10px 0;
+ margin-bottom: 5px !important;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+blockquote > span:first-of-type::before {
+ content: attr(data-user) ":";
+ display: block;
+}
+blockquote > span:first-of-type {
+ font-weight: 600;
+}
+blockquote blockquote blockquote {
+ background-color: #f0f0f0;
+}
+blockquote blockquote {
+ background-color: #fff;
+}
+blockquote .top {
+ padding: 15px;
+ background-color: #f5f5f5;
+}
+blockquote .body {
+ padding: 15px;
+}
+.container {
+ margin: 0 auto;
+ padding: 0 25px;
+ max-width: 1300px;
+}
+.list-name-conversation .list-row-medium {
+ font-size: 15px !important;
+}
+html {
+ margin: 0;
+ background-color: #121212;
+ font-family: Quicksand, sans-serif !important;
+ color: #4e4e4e;
+ font-size: 15px;
+ transition: transform 0.5s ease;
+ overflow-y: scroll;
+ min-height: 100%;
+ position: relative;
+ overflow-x: hidden;
+ width: 100%;
+}
+body {
+ margin: 0;
+}
+.page-content-middle {
+ width: 100%;
+}
+.trumbowyg-editor {
+ min-height: inherit !important;
+ max-height: 700px;
+}
+code {
+ background-color: #f0f0f0;
+}
+pre {
+ margin: 0;
+ padding: 10px;
+ background-color: #f0f0f0;
+ border-left: 3px solid #3174d7;
+ display: block;
+ margin-bottom: 10px;
+ white-space: break-spaces;
+}
+.navbar {
+ z-index: 9999;
+ position: fixed;
+ width: 100%;
+ transition: background-color 0.3s ease;
+ background-color: #282828;
+ top: 0;
+}
+.navbar.navbar-admin {
+ background-color: #3174d7;
+}
+.navbar.navbar-admin + .navbar.navbar-default {
+ margin-top: 35px;
+}
+.navbar.navbar-admin + .navbar.navbar-default + .page-header .page-header-container {
+ padding-top: 125px !important;
+}
+.navbar.navbar-admin + .navbar.navbar-default + .page-header.page-header-type-big .page-header-container {
+ padding-top: 155px !important;
+ padding-bottom: 120px !important;
+}
+.navbar .navbar-button {
+ display: inline-block;
+ vertical-align: top;
+}
+@media (max-width: 400px) {
+ .navbar .dropdown-name-notification .dropdown-menu {
+ margin: 0;
+ width: 100% !important;
+ }
+}
+.navbar.navbar-mobile .navbar-button {
+ width: 100%;
+ display: block;
+}
+.navbar.navbar-admin a {
+ padding: 8px 10px;
+ height: auto;
+ font-size: 15px;
+}
+.navbar.navbar-default .navbar-content {
+ display: inline-block;
+}
+.navbar.navbar-default .navbar-container > :last-of-type {
+ float: right;
+}
+.navbar a {
+ padding: 14px 10px;
+ font-weight: 500;
+ height: 47px;
+ z-index: 99;
+ font-size: 15px;
+ display: flex;
+ align-items: center;
+ color: #fff;
+ justify-content: center;
+ word-break: normal;
+}
+.navbar .dropdown-name-notification .dropdown-content .dropdown-row a {
+ padding: 0;
+ display: inline;
+ color: #4e4e4e;
+}
+.navbar .dropdown-name-notification .dropdown-content .dropdown-row a:hover {
+ color: #3174d7;
+}
+.navbar .dropdown-name-notification a[data-count]::before {
+ right: 15px;
+}
+.navbar a[data-count]::before {
+ content: attr(data-count);
+ position: absolute;
+ color: #fff;
+ font-size: 11px;
+ background-color: #de4b4b;
+ z-index: 99;
+ border-radius: 100px;
+ top: 10px;
+ right: 0;
+ box-sizing: border-box;
+ width: 15px;
+ height: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.navbar .navbar-button > a:not(.username):hover,
+.page-breadcumb a:hover {
+ color: #c3c3c3 !important;
+}
+.dropdown-content {
+ position: relative;
+ border-top: 2px solid #3174d7;
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
+ min-width: 170px;
+ background-color: #fff;
+ text-align: left;
+}
+.navbar.navbar-mobile .dropdown-content {
+ background-color: #3174d7;
+ box-shadow: none;
+ border-width: 0;
+}
+.dropdown-menu {
+ visibility: hidden;
+ opacity: 0;
+ position: absolute;
+ transition: visibility 0.3s ease, opacity 0.3s ease;
+ z-index: 999;
+ padding-top: 7px;
+}
+.dropdown-type-form .dropdown-row a:hover {
+ background-color: transparent !important;
+}
+.dropdown-content .dropdown-head {
+ padding: 8px 12px;
+ line-height: normal;
+ border-bottom: 2px solid #f3f3f3;
+ font-weight: 600;
+}
+.dropdown-content .dropdown-bottom {
+ padding: 12px;
+ border-top: 2px solid #f3f3f3;
+}
+.dropdown-content .dropdown-body {
+ padding: 8px 0;
+}
+.navbar-mobile .dropdown-body {
+ padding: 0;
+}
+.navbar-mobile .dropdown-content:before {
+ display: none;
+}
+.dropdown-content .button {
+ display: block;
+ height: auto;
+ line-height: normal;
+ padding: 6px 16px;
+ width: 100%;
+}
+.navbar .dropdown-name-notification .dropdown-content .dropdown-row a.show {
+ height: auto;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ font-weight: 600;
+}
+.dropdown-content a i {
+ font-size: 13px;
+ width: 15px !important;
+}
+.navbar a i {
+ height: 0.85em;
+}
+.navbar .profile-image {
+ height: 20px;
+ margin-right: 5px;
+ width: 20px;
+ font-size: 15px;
+ border-radius: 100%;
+}
+.dropdown-content .dropdown-body .dropdown-row > a {
+ padding: 6px 16px;
+ font-weight: 500;
+ font-size: 14px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ justify-content: space-between;
+ word-break: normal;
+ height: auto;
+ color: #4e4e4e;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-menu {
+ width: 350px;
+ display: grid;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-menu .dropdown-row {
+ display: flex;
+ padding: 13px;
+ position: relative;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-menu .dropdown-row .inner {
+ width: 100%;
+ position: relative;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-body {
+ padding: 0;
+}
+.dropdown-head + .dropdown-body {
+ max-height: 250px;
+ overflow-y: auto;
+}
+.navbar.navbar-mobile {
+ position: fixed;
+ width: 250px;
+ transition: transform 0.5s ease;
+ height: 100%;
+ transform: translateX(-250px);
+ box-shadow: none;
+ max-height: 100%;
+ z-index: 99999;
+}
+navbar.navbar-mobile .navbar-button {
+ display: block !important;
+}
+.navbar.navbar-mobile.navbar-opened {
+ transform: translateX(0);
+}
+.navbar.navbar-mobile .navbar-button.dropdown-opened > a {
+ background-color: #2563bf !important;
+}
+.navbar.navbar-mobile .navbar-button.dropdown .dropdown-menu {
+ position: relative;
+ width: 100%;
+ display: none;
+ padding: 0;
+}
+.navbar.navbar-mobile .dropdown-menu .dropdown-row > a {
+ padding: 14px 10px;
+ display: block;
+ text-align: center;
+}
+.navbar.navbar-mobile .dropdown-menu .dropdown-row > a:focus,
+.navbar.navbar-mobile .dropdown-menu .dropdown-row > a:hover {
+ background-color: #00000024;
+ color: #fff !important;
+}
+.navbar.navbar-mobile .dropdown-content .dropdown-bottom,
+.navbar.navbar-mobile .dropdown-content .dropdown-head {
+ border-color: #2563bf;
+}
+.navbar.navbar-mobile .dropdown-content .button {
+ background-color: #de4b4b;
+}
+.navbar.navbar-mobile .drodpown-row,
+.navbar.navbar-mobile a,
+.navbar.navbar-mobile time {
+ color: #fff !important;
+}
+.navbar.navbar-mobile .navbar-content .navbar-button > a:hover {
+ background-color: #2563bf !important;
+ color: #fff !important;
+}
+.page-header {
+ background-attachment: fixed;
+ background-position: bottom;
+ background-size: cover;
+ position: relative;
+}
+.page-header .page-header-container {
+ position: relative;
+ text-align: left;
+ padding: 90px 25px 50px 25px;
+ color: #fff;
+ text-align: left;
+}
+.page-header-overlay {
+ height: 100%;
+ position: absolute;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.5;
+ left: 0;
+ top: 0;
+}
+.page-header.page-header-type-big span.name {
+ font-size: 60px;
+}
+.page-header.page-header-type-big .page-header-container {
+ text-align: center;
+ padding: 130px 25px 90px 25px;
+}
+.page-header span:first-of-type {
+ font-size: 35px;
+ word-break: break-word;
+ font-weight: 500;
+}
+.page-header:not(.page-header-type-big) .title ~ .title-sub {
+ font-size: 16px;
+ font-weight: 600;
+ color: #f0f0f0;
+}
+.page-header.page-header-type-big .page-header-container .sub-title {
+ font-size: 30px;
+ color: #fff;
+ display: block;
+}
+.page-alert {
+ position: relative;
+ margin-bottom: 10px;
+ color: #fff;
+ background-color: #de4b4b;
+ width: 100%;
+ display: flex;
+}
+.page-alert .page-alert-body .page-alert-button {
+ background-color: #00000038;
+ color: #fff;
+ padding: 4px 8px;
+ float: right;
+ font-size: 14px;
+ font-weight: 600;
+ display: flex;
+ align-items: center;
+ min-width: max-content;
+}
+.page-alert .page-alert-body .page-alert-button i {
+ margin-right: 5px;
+}
+.page-alert .page-alert-body.page-alert-body-flex {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ padding: 13px;
+}
+.page-alert .page-alert-icon {
+ padding: 13px 19px;
+ background-color: #00000014;
+ display: flex;
+ align-items: center;
+ font-size: 18px;
+}
+.page-alert .page-alert-icon i {
+ width: 15px;
+ text-align: center;
+}
+.page-alert-close {
+ margin-left: 15px;
+ color: #fff;
+ float: right;
+ font-size: 18px;
+ cursor: pointer;
+}
+.page-alert-description {
+ font-weight: 400;
+}
+.page-alert .page-alert-body .page-alert-content {
+ font-weight: 500;
+ margin-right: 15px;
+}
+.page-alert.page-alert-type-warning {
+ background-color: #de4b4b;
+}
+.page-alert.page-alert-type-success {
+ background-color: #4caf50;
+}
+.page-alert.page-alert-type-info {
+ background-color: #3174d7;
+}
+.page-alert.page-alert-type-notification {
+ background-color: #f4970d;
+}
+.field-alert {
+ background-color: transparent;
+ padding: 0;
+ border-width: 0;
+ color: #de4b4b;
+ margin-top: -10px;
+ font-weight: 500;
+ margin-bottom: 10px;
+}
+.field-alert.field-alert-type-success {
+ color: #4caf50;
+}
+html.forum-show-index .list .list-row .list-row-medium .profile {
+ margin-left: 10px;
+}
+.list .respon {
+ display: none;
+}
+.list hr {
+ height: 1px;
+ background-color: #f3f3f3;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+.list .list-head {
+ display: flex;
+ padding: 13px;
+}
+.list .list-body {
+ background-color: #fff;
+}
+.list.list-type-menu .list-body .list-row a {
+ padding: 13px;
+ width: 100%;
+ display: block;
+ font-weight: 500;
+}
+.list.list-type-menu .list-body .list-row a i {
+ width: 25px;
+ text-align: center;
+}
+.list.list-type-menu .list-body .list-row {
+ padding: 0;
+ display: block;
+}
+.list .list-body .list-row hr:first-child,
+.list .list-body > hr + hr,
+.list .list-body > hr:last-child {
+ display: none;
+}
+.list .list-row-big {
+ width: 60%;
+ font-size: 16px;
+}
+.list .list-row-small {
+ font-size: 14px;
+ margin-left: 20px;
+ display: flex;
+ align-items: center;
+ width: 150px;
+}
+html.forum-show-index .list .list-row .list-row-medium {
+ text-align: right;
+ justify-content: flex-end;
+}
+.list .list-row-medium {
+ display: flex;
+ font-size: 14px;
+ min-width: 250px;
+ align-items: center;
+ width: 330px;
+}
+.username {
+ color: #868686;
+ font-weight: 700 !important;
+}
+[ajax-place] {
+ display: none;
+}
+.list .list-body .profile-image {
+ margin-right: 10px;
+ width: 30px;
+ height: 30px;
+ border-radius: 100%;
+ font-size: 22px;
+ text-align: center;
+ display: flex;
+}
+.block.block-disabled,
+.list .list-row.list-row-disabled,
+.list .list-row.list-row-selected,
+.list:not(.list-type-list) .list-row:hover {
+ background-color: #fafafa;
+}
+.list .list-row.list-row-disabled a:not(.username) {
+ text-decoration: line-through;
+}
+.list .list-row-column-rigth .profile-image {
+ margin: 0;
+ margin-left: 10px;
+}
+.list .list-head .list-row-big span:first-of-type {
+ font-weight: 700;
+ font-size: 18px;
+}
+.list .list-body .list-row-big a:first-of-type {
+ font-weight: 700;
+}
+.list .list-body .list-row {
+ padding: 13px;
+ transition: background 0.3s ease;
+ width: 100%;
+ display: flex;
+ border-top: 1px solid #f3f3f3;
+}
+.list.list-clear .list-row,
+.list.list-type-table .list-row {
+ display: block;
+ background-color: transparent !important;
+}
+.list .list-body .list-row-big {
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+.list .list-body .list-row .list-alert {
+ color: #de4b4b;
+ border-radius: 100px;
+ font-size: 15px;
+ font-weight: 700;
+ margin-right: 5px;
+}
+.list .list-body .list-row-big .list-icon i {
+ color: #3174d7;
+ height: auto;
+ line-height: normal;
+ font-size: 30px;
+}
+.list .list-body .list-row-big .list-icon {
+ width: 40px;
+ min-width: 40px;
+ text-align: center;
+ margin-right: 10px;
+}
+.list .list-body .list-row-big .inner {
+ width: 100%;
+}
+.list .list-body .list-row-big .icon i {
+ font-size: 28px;
+ transition: color 0.3s ease;
+ width: 32px;
+}
+.list .list-head .list-row-medium,
+.list .list-head .list-row-small {
+ font-weight: 700;
+ font-size: 16px;
+ align-items: center;
+ display: flex;
+}
+.page-content-side {
+ width: 34%;
+ position: relative;
+}
+.page-content-middle > :not(:last-child),
+.page-content-side > :not(:last-child) {
+ margin-bottom: 20px;
+}
+.page-content-side.page-content-side-align-right {
+ margin-left: 25px;
+ float: right;
+}
+.page-content-side.page-content-side-type-small {
+ width: 25%;
+}
+.page-content-side.page-content-side-align-left {
+ float: left;
+ margin-right: 25px;
+ margin-left: 0;
+}
+.page-content-side.page-content-side-type-fixed {
+ width: 370px;
+}
+.page-content-side.page-content-side-type-clear {
+ margin-right: 0;
+}
+.topic #topic {
+ margin-bottom: 10px;
+}
+div.online {
+ width: 16px;
+ height: 16px;
+ background-color: #3ebe3e;
+ position: absolute;
+ top: -2px;
+ right: -2px;
+ border-bottom-left-radius: 40%;
+ border-radius: 100%;
+ z-index: 90;
+ border: 3px solid #fafafa;
+}
+.online-indicator .online {
+ position: relative;
+ right: 0 !important;
+ top: 0 !important;
+ background-color: #4caf50;
+ border-width: 0;
+ border-radius: 100%;
+ min-width: 15px;
+ height: 15px;
+ display: inline-block;
+ margin-left: 5px;
+}
+.online-indicator {
+ font-weight: 600;
+ color: #868686;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+}
+.header-profile .online {
+ margin-right: 5px;
+ margin-top: 5px;
+ z-index: 9;
+ width: 25px;
+ height: 25px;
+ border: 5px solid #fff;
+}
+.page-content-side-right > div:last-of-type {
+ margin-bottom: 0;
+}
+.label + a,
+.label + span,
+.label-list + a {
+ display: contents;
+}
+.label i {
+ font-size: 10px;
+ margin-right: 5px;
+ display: flex;
+ position: absolute;
+ align-items: center;
+ left: 7px;
+ bottom: 0;
+ top: 0;
+}
+.label .checkbox-icon i {
+ left: auto;
+ margin-right: auto;
+}
+.labels-big i {
+ font-size: 13px;
+}
+.field {
+ padding: 0;
+ margin-bottom: 25px;
+ margin-left: 0;
+ margin-right: 0;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+ overflow: hidden;
+}
+.field-submit {
+ text-align: center;
+}
+.field .field-row {
+ padding: 13px;
+ margin: 0;
+}
+.field .field-row.field-row-border {
+ border-bottom-width: 0;
+}
+.field > :not(:last-child) {
+ padding-bottom: 10px;
+}
+.field .field-row {
+ display: flex;
+ border-bottom: 1px solid #f3f3f3;
+}
+.field .field-row .field-text + .field-option .trumbowyg-box {
+ border-top: 1px solid #f3f3f3;
+}
+.field .field-row:last-child {
+ border-bottom-width: 0;
+}
+.field .recipients a .profile-image {
+ width: 30px;
+ height: 30px;
+ font-size: 20px;
+}
+.field .recipients > :not(:last-child) {
+ margin-right: 10px;
+}
+.field .recipient-list {
+ display: flex;
+ flex-wrap: wrap;
+}
+.field .field-option {
+ width: 50%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+.field .field-option,
+.field .field-option time {
+ color: #4e4e4e;
+ font-weight: 400;
+}
+.field .field-option > textarea {
+ margin: 13px;
+ margin-top: 0;
+}
+.field .field-row.recipients .times {
+ margin-left: 5px;
+ margin-bottom: -2px;
+}
+.field .field-text .title {
+ font-weight: 500;
+}
+.recipients .remove-recipient {
+ margin-left: 5px;
+ display: flex;
+ align-items: center;
+}
+input[type="submit"] {
+ border-width: 0;
+}
+button.button.button-send {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ margin-right: 13px;
+ margin-bottom: 13px;
+}
+a.link:hover,
+button.link:hover,
+input.link:hover {
+ color: #3174d7;
+}
+a.button:hover,
+button.button:hover,
+input.button:hover {
+ color: #fff;
+}
+.button {
+ line-height: normal;
+ padding: 0 15px;
+ background-color: #3174d7;
+ color: #fff;
+ font-weight: 500;
+ font-size: 15px;
+ display: inline-block;
+ text-align: center;
+ height: 40px;
+ line-height: 40px;
+ word-break: inherit;
+}
+.button.button-reverse {
+ background-color: #4e4e4e;
+}
+.button.button-reverse:hover {
+ background-color: #333;
+}
+a.link {
+ border-width: 0 !important;
+ background-color: transparent !important;
+ font-weight: 700;
+ word-break: normal;
+}
+div.radio input + label div {
+ width: 14px;
+ height: 14px;
+ border-radius: 100%;
+ transition: background-color 0.3s ease;
+}
+.checkbox label.label {
+ display: block;
+ padding: 4px 10px;
+ border-radius: 0;
+}
+input[type="checkbox"] + label .checkbox-icon {
+ color: transparent;
+ width: 17px !important;
+ height: 17px !important;
+ min-width: 17px;
+ transition: all 0.3s ease;
+ margin-right: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 11px;
+}
+input[type="checkbox"],
+input[type="radio"] {
+ display: none;
+}
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ text-align: left;
+}
+.bottom {
+ align-items: center;
+}
+.list-name-recipients .list-row-name-bottom input[type="submit"] {
+ padding: 0 !important;
+ margin-left: 10px;
+ font-weight: 700;
+ background-color: transparent;
+ font-size: 15px;
+}
+.list-name-recipients .list-row-name-bottom {
+ background-color: transparent !important;
+}
+.list-name-recipients .list-row-name-bottom input[type="submit"]:hover {
+ color: #3174d7;
+}
+.list-name-recipients .list-row-name-bottom form {
+ display: flex;
+ width: 100%;
+}
+.bottom input[type="submit"] {
+ margin-left: 15px;
+}
+.tab {
+ margin-right: 20px;
+ display: flex;
+ width: 100%;
+ background-color: #fff;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ margin-bottom: 0 !important;
+}
+.tab a {
+ padding: 10px 13px;
+ transition: border-color 0.3s ease, border-width 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
+ font-weight: 600;
+ width: 100%;
+ text-align: center;
+}
+.tab a.active {
+ box-shadow: 0 -2px 0 #3174d7 inset;
+ color: #3174d7;
+}
+.tabcontent {
+ display: none;
+ width: 100%;
+ margin: 0;
+ padding: 13px;
+}
+#default.tabcontent {
+ display: block;
+}
+.tab a:last-of-type {
+ border-right: 0;
+}
+.pagination {
+ color: #fff;
+ display: flex;
+ align-items: center;
+}
+.pagination .pagination-page {
+ display: inline-block;
+}
+.pagination .pagination-page a {
+ padding: 0 14px;
+ line-height: 32px;
+ color: #fff;
+ display: block;
+ font-size: 15px;
+}
+.pagination .pagination-arrow i {
+ line-height: 32px;
+ display: block;
+}
+.pagination .pagination-page.pagination-arrow a,
+.pagination .pagination-page.pagination-page-active a,
+.pagination .pagination-page.pagination-page:hover a {
+ background-color: #363636;
+ color: #fff !important;
+}
+.list {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+}
+.list.list-align {
+ text-align: center;
+}
+html.profile .trumbowyg-box {
+ min-height: 80px;
+ margin: 0 !important;
+}
+.profile .page-content-side > :first-child .list-body > :first-child {
+ padding-top: 55px;
+}
+html.profile .header-image .profile-image,
+html.profile .page-content-side .profile-image {
+ width: 150px;
+ height: 150px;
+ bottom: 0;
+ border-radius: 100%;
+ font-size: 120px;
+ z-index: 90;
+ border: 6px solid #fff;
+ margin: 0 auto;
+}
+html.profile .header-image .profile,
+html.profile .page-content-side .profile {
+ position: absolute;
+ top: -100px;
+ left: 0;
+ right: 0;
+ z-index: 90;
+}
+html.profile .list .username {
+ font-size: 18px;
+}
+.header-panel {
+ bottom: 0;
+ width: 100%;
+ background-color: #f8f8f8;
+ padding: 10px;
+ display: flex;
+ padding-left: 200px;
+}
+.page-content-profile-header {
+ background-size: cover;
+ background-position: center;
+ min-height: 300px;
+ position: relative;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
+ background-color: #282828;
+ z-index: 9;
+ margin-bottom: 0 !important;
+}
+.header-panel .online {
+ position: relative;
+ display: inline-block;
+ margin-bottom: -2px;
+}
+.header-panel div:not(:last-child) {
+ margin-right: 40px;
+}
+.header-panel div span:first-child {
+ text-transform: uppercase;
+ font-size: 12px;
+ color: #686868;
+ font-weight: 700;
+}
+.header-panel div span:last-child {
+ color: #4e4e4e;
+}
+.header-transparent span {
+ padding: 8px;
+ background-color: #0000008f;
+ font-size: 23px;
+ display: inline-block;
+ font-weight: 700;
+}
+html.profile .block.block-clear .trumbowyg .trumbowyg-editor {
+ min-height: 100px;
+ padding-left: 40px;
+ min-height: 80px;
+}
+.profile-header .header-transparent span:first-child {
+ color: #cfcfcf;
+ font-weight: 400;
+}
+.profile-header .header-transparent span:last-child {
+ font-size: 20px;
+}
+.profile-header .header-transparent {
+ margin-left: 20px;
+ margin-bottom: 75px;
+ bottom: 0;
+}
+#phpcore {
+ width: 300px;
+ margin: 0 auto;
+ display: block;
+ margin-top: 10px;
+ position: relative;
+ z-index: 99;
+ margin-top: 50px;
+}
+html.forum-index .page-content,
+html.index .page-content,
+html.user .page-content {
+ display: flex;
+}
+.page-content-profile-posts {
+ width: 100%;
+}
+@media only screen and (max-width: 1050px) {
+ html.forum-index .page-content,
+ html.index .page-content,
+ html.profile .page-content-profile-body,
+ html.user .page-content {
+ display: block;
+ }
+ html.profile .page-content-profile-body .tabcontent {
+ padding: 0;
+ margin-top: 13px;
+ }
+ .page-content-side.page-content-side-left {
+ margin-bottom: 20px !important;
+ }
+ .page-content-middle,
+ .page-content-side {
+ width: 100% !important;
+ margin: 0 !important;
+ float: none !important;
+ }
+ .page .page-content .page-content-side-align-left + .page-content-middle {
+ margin-top: 20px !important;
+ }
+ .page .page-content .page-content-middle + .page-content-side-align-right {
+ margin-top: 20px !important;
+ }
+}
+@media only screen and (max-width: 600px) {
+ .list .list-row-small {
+ display: none !important;
+ }
+ .list .list-row-big {
+ width: 100% !important;
+ }
+ .block.block-two-column.block-image {
+ display: block !important;
+ }
+ .block.block-two-column.block-image .block-image {
+ width: 100%;
+ height: 250px;
+ }
+ .block.block-two-column.block-image .block-image img {
+ position: relative;
+ }
+ .block.block-focused {
+ border-bottom: 3px solid #3174d7;
+ border-right-width: 0 !important;
+ }
+ .list .respon {
+ display: block !important;
+ }
+ .navbar.navbar-default .navbar-content-name-menu .navbar-button:not(.dropdown-name-collapse) {
+ display: none;
+ }
+ .navbar.navbar-default .navbar-content-name-logged li {
+ border-left: 3px solid #242424;
+ }
+ .navbar.navbar-default .dropdown-name-collapse {
+ border-left: 3px solid #242424;
+ border-right: 3px solid #242424;
+ }
+}
+@media only screen and (min-width: 601px) {
+ .dropdown-name-collapse {
+ display: none !important;
+ }
+}
+@media only screen and (max-width: 1000px) {
+ .profile-header .header-profile {
+ position: relative;
+ display: grid;
+ text-align: center;
+ }
+ .profile-header .header-image {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+}
+@media only screen and (max-width: 1400px) {
+ .container {
+ width: 100%;
+ }
+}
+@media only screen and (max-width: 800px) {
+ .field .field-row > * {
+ width: 100% !important;
+ }
+ .field .field-row {
+ display: grid;
+ }
+ .list .list-row-medium {
+ display: none !important;
+ }
+ .recipients .field-text {
+ margin-bottom: 10px;
+ }
+}
+label.label-conversation {
+ color: #fff;
+ padding: 2px 5px;
+ font-size: 12px;
+ background-color: #3174d7;
+}
+.grey,
+time {
+ color: #868686;
+ font-weight: 500;
+}
+.black {
+ color: #4e4e4e;
+ font-weight: 500;
+}
+label {
+ cursor: initial;
+}
+label[for] {
+ cursor: pointer;
+}
+h1,
+h2,
+h3 {
+ margin: 0;
+}
+h3 {
+ font-size: 18px;
+}
+.labels.labels-small label.label {
+ padding: 2px 7px;
+ font-size: 11px;
+}
+.labels.labels-big label.label {
+ font-size: 18px;
+ padding: 4px 9px;
+ margin-right: 10px;
+}
+h3 label.label {
+ font-size: 14px;
+}
+label.label-list label:not(:last-child) {
+ margin-right: 5px;
+}
+label.label {
+ padding: 2px 7px;
+ font-size: 13px;
+ color: #fff;
+ font-weight: 600;
+ border-radius: 100px;
+ display: inline-block;
+ padding-left: 22px;
+ position: relative;
+ background-color: #3174d7;
+ text-transform: none;
+}
+.labels > label:not(:last-child) {
+ margin-right: 5px;
+}
+.dropdown-content > label {
+ border-radius: 0;
+ padding: 2px 10px;
+ line-height: 40px;
+}
+a,
+button,
+input {
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+ transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
+ width: auto;
+ background-color: transparent;
+ font-family: Quicksand, sans-serif;
+ word-break: break-word;
+ display: initial;
+ position: relative;
+ z-index: 1;
+ text-align: left;
+ line-height: normal;
+ border-width: 0;
+}
+a {
+ color: #4e4e4e;
+}
+input[type="email"],
+input[type="number"],
+input[type="password"],
+input[type="text"] {
+ cursor: initial;
+ width: 100%;
+ border-width: 0;
+ border-bottom: 2px solid #4d4d4d;
+ padding: 5px;
+ font-size: 15px;
+}
+.icon.i-fas {
+ font-weight: 900;
+}
+.icon.i-far {
+ font-weight: 400;
+}
+a .icon {
+ color: #3174d7;
+ line-height: initial;
+}
+a .icon i {
+ width: 20px !important;
+}
+textarea {
+ width: 100%;
+ visibility: inherit !important;
+ font-family: Quicksand, sans-serif;
+ font-size: 15px;
+ padding: 5px;
+ resize: vertical;
+ border: 1px solid #e6e6e6;
+ outline: 0;
+ min-height: 150px;
+}
+select[multiple] {
+ width: 100%;
+}
+.dropdown-menu:hover,
+.dropdown.dropdown-opened > a + .dropdown-menu {
+ visibility: visible !important;
+ opacity: 1 !important;
+ display: block !important;
+}
+.spaces > :not(:last-child) {
+ margin-right: 10px;
+}
+.commas > :not(:last-child):after {
+ content: ", ";
+ white-space: pre;
+ color: #4e4e4e;
+}
+.field .field-row .field-text a {
+ margin-right: 10px;
+}
+.field .field-text {
+ text-align: left;
+ width: 50%;
+ margin-right: 10px;
+}
+.field .field-text span {
+ font-weight: 600;
+}
+.field .field-option.field-option-table {
+ display: inline-table;
+}
+.field .field-option.field-option-table > * {
+ display: inline-block;
+}
+.d-none-i {
+ display: none !important;
+}
+.wo-padding {
+ padding: 0 !important;
+}
+.wo-margin {
+ margin: 0 !important;
+}
+.wo-border {
+ border-width: 0 !important;
+}
+.wo-float {
+ float: none !important;
+}
+.w-padding {
+ padding: 13px;
+}
+.wh-full {
+ width: 100%;
+}
+.h-full {
+ height: 100%;
+}
+.wh-auto {
+ width: auto !important;
+}
+.d-flex {
+ display: flex;
+}
+.d-ib {
+ display: inline-block;
+}
+.d-fr {
+ display: flow-root;
+}
+.d-inherit {
+ display: inherit;
+}
+.d-table {
+ display: table;
+}
+.d-none {
+ display: none;
+}
+.ta-center {
+ text-align: center;
+}
+.ta-right {
+ text-align: right;
+}
+.m-bottom {
+ margin-bottom: 10px;
+}
+.m-top {
+ margin-top: 10px;
+}
+.m-bottom {
+ margin-bottom: 10px;
+}
+.m-right {
+ margin-right: 5px;
+}
+.bold {
+ font-weight: 500;
+}
+.vertical-align {
+ display: flex;
+ align-items: center;
+}
+.flex-column {
+ display: flex;
+ flex-direction: column;
+}
+a.a-reverse,
+button.a-reverse,
+input.a-reverse {
+ color: #3174d7;
+ font-weight: 600;
+ border-width: 0;
+ padding: 0;
+}
+.a-reverse:hover {
+ color: #4c4c4c !important;
+}
+.online-text {
+ color: #4caf50;
+}
+.fw-500 {
+ font-weight: 500;
+}
+.fw-600 {
+ font-weight: 600;
+}
+.fw-700 {
+ font-weight: 700;
+}
+.align {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.space-between {
+ justify-content: space-between;
+}
+.f-right {
+ float: right;
+}
+.f-left {
+ float: left;
+}
+@keyframes shade {
+ 0% {
+ transform: translateX(-30%);
+ opacity: 0;
+ }
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+}
+html.html-hidden {
+ display: none;
+}
+html.html-hidden * {
+ transition: none !important;
+}
+.fontawesome-i2svg-active body {
+ display: block;
+}
+a:hover {
+ color: #3174d7;
+}
+a.username:hover {
+ color: #3174d7;
+}
+.dropdown.dropdown-opened > a .arrow {
+ background-color: #3174d7;
+ color: #fff;
+}
+.button-post:hover {
+ background-color: #3174d7;
+}
+label.label input[type="checkbox"] + label .checkbox-icon {
+ width: 16px !important;
+ height: 16px !important;
+ border-width: 0 !important;
+ background-color: #00000038 !important;
+ padding: 2px;
+ margin-right: 5px;
+}
+input[type="checkbox"] + label > i,
+input[type="radio"] + label > i {
+ border: 2px solid #3174d7;
+}
+input[type="checkbox"]:checked + label > i,
+input[type="radio"]:checked + label > i {
+ background-color: #3174d7;
+}
+input[type="checkbox"]:checked + label .checkbox-icon {
+ background-color: #3174d7;
+ color: #fff;
+}
+input[type="checkbox"] + label .checkbox-icon {
+ border: 2px solid #3174d7;
+}
+div.radio input:checked + label div {
+ background-color: #3174d7;
+}
+div.radio input + label div {
+ border: 2px solid #3174d7;
+}
+input[type="email"]:hover,
+input[type="number"]:hover,
+input[type="password"]:hover,
+input[type="text"]:hover {
+ border-color: #3174d7;
+}
+.pagination .pagination-page a {
+ background-color: #3174d7;
+}
+.main .body .buttons a {
+ color: #3174d7;
+}
+input[type="submit"]:hover {
+ background-color: #3174d7;
+}
+input.without:hover {
+ color: #3174d7;
+}
+.tab-menu a.active {
+ border-color: #3174d7;
+}
+a.button:hover,
+button.button:hover,
+input.button:hover {
+ background-color: #4e4e4e !important;
+ color: #fff !important;
+}
+.html-full .page {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+}
+input:focus,
+input:hover {
+ border-color: #3174d7;
+}
+.panel {
+ margin-bottom: 10px !important;
+}
+.dropdown .dropdown-row > a:hover {
+ background-color: #f4f4f4;
+ color: #3174d7;
+}
+.dropdown .dropdown-bottom .button {
+ color: #fff !important;
+}
+.panel.panel-top {
+ line-height: 41px;
+ text-align: left;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+.panel.panel-top .panel-right {
+ width: 100%;
+ text-align: right;
+}
+.panel.panel-top .pagination + .panel-right {
+ width: auto;
+}
+.panel.panel-bottom {
+ text-align: right;
+ margin-bottom: 0 !important;
+ margin-top: 20px;
+}
+.panel.panel-bottom .pagination {
+ display: inline-block;
+}
+.panel.panel-top .pagination {
+ display: inline-block;
+ font-size: 0;
+ line-height: 22px;
+ margin: 4px 0;
+}
+.panel .panel-bottom {
+ margin-bottom: 10px;
+ display: flex;
+ justify-content: space-between;
+ line-height: 32px;
+}
+.panel .panel-right > * {
+ display: inline-block;
+}
+.panel.panel-footer .panel-bottom {
+ justify-content: flex-end;
+ margin: 0;
+}
+.panel .dropdown.dropdown-opened > a {
+ color: #3174d7;
+}
+.panel .panel-right .dropdown > a {
+ line-height: 41px;
+ font-weight: 500;
+ background-color: #fff;
+ display: flex;
+ z-index: 90;
+ position: relative;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ color: #4e4e4e;
+}
+.dropdown .text {
+ padding: 0 15px;
+}
+.dropdown .arrow {
+ padding: 0 10px;
+ background-color: #f4f4f4;
+ transition: 0.3s background ease, 0.3s color ease;
+ display: flex;
+ align-items: center;
+}
+.dropdown-content:before {
+ color: #4e4e4e;
+ position: absolute;
+ border: 0 solid transparent;
+ top: -8px;
+ left: 14px;
+ border: 8px solid transparent;
+ border-top-width: 0;
+ border-bottom-color: #3174d7;
+ background-color: transparent;
+ padding: 0;
+ content: "";
+}
+.panel .panel-right > a:not(.button) {
+ padding: 10px 0;
+}
+.panel .panel-right > :not(:last-child) {
+ margin-right: 10px;
+}
+.page-breadcumb {
+ line-height: 40px;
+ margin-bottom: 20px;
+ background-color: #282828;
+ color: #fff;
+ font-weight: 500;
+}
+.page-breadcumb a {
+ color: #fff;
+}
+.profile-image.profile-image-red {
+ background-color: #d24848;
+}
+.profile-image.profile-image-green {
+ background-color: #6fd048;
+}
+.profile-image.profile-image-blue {
+ background-color: #63a2ff;
+}
+.profile-image.profile-image-purple {
+ background-color: #947aff;
+}
+.profile-image.profile-image-brown {
+ background-color: #a48787;
+}
+.profile-image.profile-image-orange {
+ background-color: #eea567;
+}
+.profile-image.profile-image-grey {
+ background-color: #a0a0a0;
+}
+.profile-image {
+ height: 50px;
+ width: 50px;
+ border-radius: 100%;
+ background-color: #a9a9a9;
+ color: rgba(0, 0, 0, 0.45);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 40px;
+ font-weight: 500;
+}
+.window .profile-image {
+ width: 35px;
+ height: 35px;
+ font-size: 26px;
+ margin-right: 5px;
+}
+.page-header.page-header-align-top {
+ background-position: top;
+}
+.page-header.page-header-align-center {
+ background-position: center;
+}
+.page-header.page-header-align-bottom {
+ background-position: bottom;
+}
+.dropdown-menu.dropdown-edge {
+ right: 0;
+ margin-right: 20px;
+}
+.field .field-row-grid {
+ display: block;
+ padding: 0;
+}
+.field .field-row.field-row-grid .field-text {
+ padding: 13px;
+}
+.field .field-row-grid > * {
+ width: 100% !important;
+}
+.list.list-small .list-head {
+ font-size: 17px;
+ font-weight: 700;
+ color: #4e4e4e;
+}
+.list .list-body .icon-alt {
+ margin-left: 10px;
+ height: max-content;
+}
+.list .list-body .icons {
+ display: flex;
+ height: 100%;
+}
+.table {
+ display: flex;
+ text-align: left;
+ font-weight: 500;
+ color: #868686;
+}
+.table > * {
+ width: 50%;
+}
+.table .table-left {
+ color: #4e4e4e;
+ font-weight: 700;
+}
+.table .table-right,
+.table .table-right time {
+ text-align: right;
+ font-weight: 500;
+ color: #4e4e4e;
+}
+.html-full,
+.html-full body {
+ height: 100%;
+}
+.page-column .page-column-icon {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 20px !important;
+ height: 70px;
+ width: 70px;
+ border-radius: 100%;
+ background-color: #a9a9a9;
+ color: #00000091;
+ align-items: center;
+ font-size: 50px;
+ font-weight: 500;
+ margin: 0 auto;
+ background-color: #3174d7;
+ color: #fff;
+}
+.page-column .page-column-icon i {
+ font-size: 40px;
+}
+.page-column {
+ display: flex;
+ flex-direction: column;
+ justify-content: normal;
+ text-align: center;
+ width: 300px;
+ margin: 0 25px;
+}
+.page-column.page-column-big {
+ width: 500px;
+}
+.page-column input {
+ background-color: #fff;
+ padding: 15px 15px;
+ border-width: 0;
+ color: #8a8a8a !important;
+ font-weight: 700;
+ font-size: 16px;
+ min-width: 300px;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ padding-left: 45px;
+}
+.page-column a,
+.page-column label {
+ color: #3174d7;
+ font-weight: 600;
+ text-align: center;
+}
+.page-column input[type="submit"] {
+ background-color: #3174d7;
+ color: #fff !important;
+ width: 200px;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin: 0 auto;
+ text-align: center;
+ min-width: auto;
+ padding: 12px 15px;
+ height: auto;
+ line-height: normal;
+}
+.page-column input[type="submit"]:focus,
+.page-column input[type="submit"]:hover {
+ background-color: #4e4e4e;
+ color: #fff !important;
+}
+.page-column .page-column-body > :not(:last-child) {
+ margin-bottom: 20px;
+ margin-top: 0;
+ display: block;
+}
+.page-column .page-column-body .page-column-input {
+ position: relative;
+}
+.page-column input::placeholder {
+ color: #8a8a8a;
+}
+.page-column .page-column-input i + input {
+ padding-left: 45px;
+}
+.page-column input:-webkit-autofill {
+ color: #8a8a8a;
+}
+.page-column .page-column-body .page-column-input input:-webkit-autofill,
+.page-column input:-webkit-autofill + i,
+.page-column input:-webkit-autofill:focus,
+.page-column input:-webkit-autofill:focus + i,
+.page-column input:-webkit-autofill:hover,
+.page-column input:-webkit-autofill:hover + i {
+ -webkit-text-fill-color: #3174d7;
+ color: #3174d7 !important;
+}
+.page-column .page-column-input > i {
+ position: absolute;
+ color: #8a8a8a;
+ font-size: 14px;
+ transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
+ z-index: 9;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ left: 18px;
+ line-height: 50px;
+}
+.page-column .page-column-input-icon {
+ display: flex;
+ position: relative;
+}
+.page-column .page-column-title {
+ margin-bottom: 20px;
+ font-size: 20px;
+ color: #3174d7;
+ font-weight: 700;
+ text-transform: uppercase;
+}
+.page-column .page-column-description {
+ margin-bottom: 20px;
+ color: #8a8a8a;
+ margin-top: -10px;
+}
+.page-column input:focus,
+.page-column input:focus + i,
+.page-column input:focus::placeholder,
+.page-column input:hover,
+.page-column input:hover + i,
+.page-column input:hover::placeholder {
+ color: #3174d7 !important;
+}
+.group {
+ margin-top: -5px;
+ font-weight: 600;
+ color: #868686;
+}
+.profile {
+ position: relative;
+ display: inline-block;
+ padding: 0 !important;
+}
+.statue {
+ padding: 8px 15px;
+ font-weight: 700;
+ margin-right: 170px;
+ margin: 0 auto;
+ text-align: center;
+ margin-top: 10px;
+ color: #fff;
+}
+.statue.statue-grey {
+ background-color: #f4f4f4;
+ color: #868686;
+}
+.statue.statue-green {
+ color: #fff;
+ background-color: #4caf50;
+}
+.statue.statue-red {
+ background-color: #de4b4b;
+}
+.reputation i {
+ margin-right: 5px;
+}
+.page-content-profile-body {
+ display: flex;
+ align-items: flex-start;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+.block.block-clear .online,
+.block.block-mini .online,
+.block.block-small .online {
+ width: 10px;
+ height: 10px;
+ border: 2px solid #fff;
+ top: -2px;
+ right: -2px;
+}
+.body-sub .block .online {
+ border: 2px solid #f9f9f9;
+}
+.block {
+ background-color: #fff;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.block.block-margin {
+ margin-bottom: 20px;
+}
+.block .block-body .trumbowyg-box {
+ margin-left: -13px;
+ margin-top: -13px;
+}
+.block .block-head {
+ display: flex;
+ align-items: center;
+ border-bottom: 2px solid #f3f3f3;
+}
+.block.block-two-column {
+ display: flex;
+}
+.block .block-body,
+.block .block-head,
+.block > .block-space {
+ padding: 13px;
+}
+.block .block-content {
+ flex: 1 1 auto;
+}
+.block .block-content img {
+ max-width: 100%;
+}
+.block .block-content code {
+ max-width: 100%;
+}
+.block .block-signature {
+ padding: 0;
+ padding-top: 13px;
+ border-top: 1px solid #e6e6e6;
+ margin-top: 13px;
+ bottom: 0;
+ width: 100%;
+}
+.block .block-bottom > :not(:first-child) {
+ margin-left: 10px;
+}
+.block .body-sub {
+ margin-top: 10px;
+ background-color: #f9f9f9;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.block .block-body {
+ width: 100%;
+ position: relative;
+}
+.block .block-body .block .block-alert {
+ background-color: #fff;
+}
+.block.block-closed .block-body {
+ display: none;
+}
+.block .body-sub .block {
+ margin: 0;
+ box-shadow: none;
+ background-color: transparent;
+ overflow: inherit;
+}
+.block .body-sub > :not(:last-child) {
+ border-bottom: 2px solid #f3f3f3;
+}
+.block .block-title {
+ font-weight: 700;
+ text-transform: uppercase;
+}
+.block .block-head.block-head-space {
+ justify-content: space-between;
+}
+.block .block-head .inner {
+ width: 100%;
+ margin-left: 10px;
+}
+.block .block-head .inner > :not(.block-title) {
+ margin-right: 5px;
+}
+.block-list > :not(:last-child) {
+ margin-bottom: 20px;
+}
+.block .block-bottom .block-bottom-column {
+ color: #868686;
+ font-weight: 600;
+}
+.block .block-bottom .block-bottom-column-flex {
+ display: flex;
+ align-items: center;
+}
+.block .block-bottom-column > :first-child {
+ margin-right: 10px;
+}
+.block .block-bottom .block-bottom-column .profile-image {
+ border-radius: 100%;
+ width: 40px;
+ height: 40px;
+ font-size: 30px;
+}
+.block .block-image {
+ background-color: #f7f7f7;
+ height: 650px;
+ background-position: center;
+ background-size: cover;
+ display: flex;
+}
+.block .block-content :last-child {
+ margin-bottom: 0 !important;
+}
+.block .block-alert {
+ padding: 8px 12px;
+ background-color: #f5f5f5;
+ width: 100%;
+ display: block;
+ font-weight: 600;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.block.block-alert {
+ border: 2px solid #de4b4b;
+ border-top: 0;
+}
+.block.block-alert-alt {
+ border: 2px solid #de4b4b;
+}
+.block.block-alert-alt .block-alert {
+ background-color: #fff;
+ color: #de4b4b;
+}
+.block .block-content :first-child {
+ margin-top: 0;
+}
+.block .block-bottom.block-bottom-two-column {
+ display: flex;
+ align-items: flex-end;
+ justify-content: space-between;
+}
+.block .block-bottom {
+ margin-top: 10px;
+}
+.block .block-body .block-inner {
+ padding: 8px;
+ background-color: #f6f6f6;
+ border-left: 2px solid #3174d7;
+ color: #3174d7;
+ font-size: 13px;
+ line-height: 18px;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ margin-top: 10px;
+ font-weight: 600;
+}
+.block .block-body .block-inner .like {
+ display: inline-flex;
+ background: #3174d7;
+ color: #fff;
+ padding: 4px;
+ border-radius: 100%;
+ font-size: 10px;
+}
+.block .block-body .block-inner a,
+.block .block-body .block-inner a::after {
+ color: #3174d7;
+}
+.block .block-image img {
+ width: 100%;
+ object-fit: cover;
+ height: 100%;
+ position: absolute;
+ border-radius: 0;
+}
+.block.block-two-column .block-image {
+ width: 320px;
+ position: relative;
+ padding: 0 !important;
+ height: auto;
+}
+.block .block-content p,
+.block .block-signature p {
+ margin: 0;
+}
+.block.block-selected,
+.list .list-body .list-row.list-row-selected {
+ border-left: 3px solid #3174d7 !important;
+}
+.block.block-disabled,
+.list .list-body .list-row.list-row-disabled {
+ border-left: 3px solid #de4b4b;
+}
+.block .block-content a,
+.block .block-signature a,
+.trumbowyg-box a {
+ color: #3174d7 !important;
+ font-weight: 500;
+}
+.block .block-content a:hover,
+.block .block-signature a:hover {
+ color: #4e4e4e !important;
+}
+.block .block-description {
+ font-size: 14px;
+ color: #868686;
+ font-weight: 600;
+}
+.block .block-description > :not(:last-child) {
+ margin-right: 10px;
+}
+.block.block-small .block-head {
+ padding-bottom: 10px;
+ border-bottom-width: 1px;
+}
+.block.block-clear .block-body .profile,
+.block.block-mini .block-head > :not(:last-child) {
+ margin-right: 10px;
+}
+.block.block-clear .profile-image,
+.block.block-small .profile-image {
+ width: 25px;
+ height: 25px;
+ font-size: 18px;
+ float: left;
+}
+.block.block-mini {
+ font-size: 14px;
+ padding: 13px;
+}
+.block.block-mini .profile {
+ margin-right: 10px;
+}
+.block.block-mini .block-head {
+ border-width: 0;
+ margin-bottom: 0;
+ padding: 0;
+}
+.block.block-mini .block-body {
+ padding: 0;
+}
+.block.block-clear .block-body {
+ padding: 5px 10px;
+ display: flex;
+ align-items: center;
+}
+.block.block-clear textarea {
+ line-height: 38px;
+ height: 40px;
+ min-height: 40px;
+ padding: 0;
+ overflow: hidden;
+ resize: none;
+ border-color: transparent;
+ background-color: transparent;
+}
+.block.block-clear.block-opened .profile {
+ position: absolute;
+}
+.block.block-clear .button {
+ border-radius: 100%;
+ position: absolute;
+ border-width: 0;
+ width: 25px;
+ height: 25px;
+ bottom: 10px;
+ font-size: 15px;
+ padding: 0;
+ line-height: normal;
+}
+.block.block-opened .button {
+ display: initial;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.block .block-body .trumbowyg-button-pane {
+ box-shadow: none;
+ background-color: transparent;
+}
+.block + .pagination,
+.block-list + .pagination,
+.list + .pagination {
+ margin-top: 20px;
+}
+.strict-mode {
+ background-color: #de4b4b;
+ color: #fff;
+ padding: 10px 0;
+ font-weight: 600;
+}
+.strict-mode .close {
+ float: right;
+ color: #fff !important;
+}
+.title {
+ transition: opacity 0.5s ease;
+ position: absolute;
+ background-color: #3174d7;
+ box-shadow: 1px 1px 3px 0 #2828286b;
+ z-index: 999;
+ padding: 5px 10px;
+ opacity: 0;
+ font-weight: 500;
+ color: #fff;
+ top: 0;
+ margin-left: -13px;
+}
+.title.active {
+ opacity: 1;
+}
+.title .arrow {
+ position: absolute;
+ bottom: 0;
+ border: 10px solid transparent;
+ border-bottom-width: 0;
+ border-top-color: #d8d8d8;
+ bottom: -10px;
+}
+.title .arrow:after {
+ position: absolute;
+ top: -10px;
+ left: -9px;
+ border: 9px solid transparent;
+ border-bottom-width: 0;
+ border-top-color: #3174d7;
+ content: "";
+}
+.recipient {
+ display: flex;
+ align-items: center;
+ position: relative;
+ margin-right: 10px;
+ background-color: #f9f9f9;
+ border-bottom: 2px solid #f3f3f3;
+ padding: 5px 10px;
+ margin-bottom: 10px;
+}
+.recipient a {
+ font-size: 14px;
+ font-weight: 600;
+ margin-right: 5px;
+}
+.navbar.navbar-mobile .container {
+ padding: 0;
+}
+.recipient [ajax="remove-recipient"] {
+ padding: 0;
+}
+strong {
+ font-weight: 700;
+}
+.recipient .profile {
+ margin-right: 5px;
+}
+.recipient .profile .profile-image {
+ width: 25px;
+ height: 25px;
+ font-size: 18px;
+}
+.window {
+ display: flex;
+ visibility: hidden;
+ opacity: 0;
+ position: fixed;
+ top: 0; /*! bottom: 0; */
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ width: max-content;
+ height: max-content;
+ margin-top: 150px;
+ z-index: 999999;
+ transition: opacity 0.5s ease, visibility 0.5s ease;
+ max-width: 450px;
+ width: 100%;
+ background-color: #fff;
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
+ overflow: hidden;
+}
+.window.window-alert .window-content {
+ background-color: #de4b4b;
+ color: #fff;
+ padding: 10px 0;
+}
+.window.window-alert {
+ margin-top: 50px;
+}
+.window.window-active {
+ opacity: 1;
+ visibility: visible;
+}
+.window.window-active:not(.window-alert) + .window-opacity {
+ opacity: 0.5;
+ visibility: visible;
+}
+.window-opacity {
+ z-index: 99999;
+ background-color: #000;
+ position: absolute;
+ visibility: hidden;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ transition: opacity 0.5s ease, background-color 0.5s ease;
+}
+.window .window-content {
+ background-color: #fff;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ position: relative;
+ width: 100%;
+}
+.window .window-content textarea {
+ height: 80px;
+ min-height: 80px;
+ max-height: 200px;
+}
+.window .window-content .window-close {
+ position: absolute;
+ right: 0;
+ top: 0;
+ margin-right: 15px;
+ margin-top: 15px;
+ color: #fff;
+}
+.window .window-content .window-body {
+ font-weight: 600;
+ padding: 20px;
+ max-height: 500px;
+ overflow-y: auto;
+}
+.window.window-alert .window-content .window-body {
+ padding-top: 0;
+ padding-bottom: 0;
+ word-break: break-word;
+}
+.window .window-content .window-description {
+ padding: 20px;
+ font-weight: 600;
+}
+.window .window-content .window-bottom {
+ text-align: center;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+}
+.window .window-content .window-bottom .button {
+ width: 100%;
+ font-weight: 700;
+ color: #4e4e4e;
+ background-color: #ddd;
+}
+.window .window-content .window-bottom .button.button-confirm {
+ background-color: #3174d7;
+ color: #fff;
+}
+.window .window-body > :not(:last-child) {
+ margin-bottom: 20px;
+}
+.window .window-content .window-head {
+ padding: 15px 20px;
+ font-size: 20px;
+ font-weight: 600;
+ background-color: transparent;
+ color: #3174d7;
+ border-bottom: 2px solid #f3f3f3;
+ box-shadow: none;
+ display: flex;
+ align-items: center;
+}
+.trumbowyg-button-pane.fixed {
+ position: fixed;
+ top: 0;
+ margin-top: 48px;
+ left: 0;
+ z-index: 9999;
+}
+.trumbowyg-modal-box .trumbowyg-modal-button {
+ text-align: center;
+}
+@keyframes fade {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.loading {
+ position: absolute;
+ width: 50px;
+ height: 50px;
+ position: fixed;
+ bottom: 0;
+ z-index: 999;
+ padding-left: 10px;
+ margin-bottom: 10px;
+}
+.loading div {
+ display: block;
+ position: absolute;
+ width: 50px;
+ height: 50px;
+ border: 3px solid #3174d7;
+ border-radius: 50%;
+ animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+ border-color: #3174d7 transparent transparent transparent;
+}
+.loading div:nth-child(1) {
+ animation-delay: -0.45s;
+}
+.loading div:nth-child(2) {
+ animation-delay: -0.3s;
+}
+.loading div:nth-child(3) {
+ animation-delay: -0.15s;
+}
+@keyframes lds-ring {
+ 0% {
+ transform: rotate(0);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+span.online {
+ color: #4caf50;
+ font-weight: 700;
+}
+.cookie {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ padding: 10px 20px;
+ background-color: #3174d7;
+ color: #fff;
+ z-index: 99;
+ display: none;
+}
+.cookie .cookie-body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+}
+.cookie a {
+ color: #282828;
+ background-color: #e9ec2e;
+ padding: 5px 10px;
+ font-weight: 600;
+ display: block;
+ float: right;
+}
+.cookie a:hover {
+ color: #fff;
+ background-color: #282828;
+}
+.window-alert.window-alert-success .window-content {
+ background-color: #4caf50;
+}
diff --git a/Styles/Default_Dark/Themes/Stylesheet.min.css b/Styles/Default_Dark/Themes/Stylesheet.min.css
new file mode 100644
index 0000000..7de4fc3
--- /dev/null
+++ b/Styles/Default_Dark/Themes/Stylesheet.min.css
@@ -0,0 +1,2504 @@
+* {
+ box-sizing: border-box;
+}
+p {
+ margin: 0;
+}
+b {
+ font-weight: 700;
+}
+i {
+ position: relative;
+}
+i + i,
+i + span,
+span + i {
+ margin-left: 5px;
+}
+a i {
+ z-index: 9;
+}
+hr {
+ border-width: 0;
+ margin: 10px 0;
+ height: 1px;
+ background-color: #cecece;
+}
+form {
+ margin: 0;
+}
+.navbar-opened + .page::before {
+ opacity: 0.5;
+ width: 100%;
+ height: 100%;
+ z-index: 9999;
+ background-color: #000;
+}
+.page::before {
+ top: 0;
+ left: 0;
+ content: "";
+ background-color: transparent;
+ opacity: 1;
+ position: absolute;
+ transition: background 0.5s ease;
+}
+.page {
+ transition: transform 0.5s ease;
+ width: 100%;
+ overflow: hidden;
+ min-height: 100%;
+}
+.footer {
+ background-color: #252525;
+ padding: 12px;
+ color: #fff;
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
+ z-index: 9;
+}
+.html-full .footer {
+ color: #8a8a8a !important;
+ background-color: transparent;
+ font-weight: 600;
+}
+.page-header + .page-body {
+ margin-top: 50px;
+}
+.page-body {
+ margin-bottom: 112px;
+}
+blockquote {
+ background-color: #282828;
+ margin: 0;
+ border-left: 3px solid #3174d7;
+ padding: 15px;
+ margin: 10px 0;
+ margin-bottom: 5px !important;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+blockquote > span:first-of-type::before {
+ content: attr(data-user) ":";
+ display: block;
+}
+blockquote > span:first-of-type {
+ font-weight: 600;
+}
+blockquote blockquote blockquote {
+ background-color: #f0f0f0;
+}
+blockquote blockquote {
+ background-color: #fff;
+}
+blockquote .top {
+ padding: 15px;
+ background-color: #f5f5f5;
+}
+blockquote .body {
+ padding: 15px;
+}
+.container {
+ margin: 0 auto;
+ padding: 0 25px;
+ max-width: 1300px;
+}
+.list-name-conversation .list-row-medium {
+ font-size: 15px !important;
+}
+html {
+ margin: 0;
+ background-color: #121212;
+ font-family: Quicksand, sans-serif !important;
+ color: #a0a0a0;
+ font-size: 15px;
+ transition: transform 0.5s ease;
+ overflow-y: scroll;
+ min-height: 100%;
+ position: relative;
+ overflow-x: hidden;
+ width: 100%;
+}
+body {
+ margin: 0;
+}
+.page-content-middle {
+ width: 100%;
+}
+.trumbowyg-editor {
+ min-height: inherit !important;
+ max-height: 700px;
+}
+code {
+ background-color: #f0f0f0;
+}
+pre {
+ margin: 0;
+ padding: 10px;
+ background-color: #f0f0f0;
+ border-left: 3px solid #3174d7;
+ display: block;
+ margin-bottom: 10px;
+ white-space: break-spaces;
+}
+.navbar {
+ z-index: 9999;
+ position: fixed;
+ width: 100%;
+ transition: background-color 0.3s ease;
+ background-color: #282828;
+ top: 0;
+}
+.navbar.navbar-admin {
+ background-color: #3174d7;
+}
+.navbar.navbar-admin + .navbar.navbar-default {
+ margin-top: 35px;
+}
+.navbar.navbar-admin
+ + .navbar.navbar-default
+ + .page-header
+ .page-header-container {
+ padding-top: 125px !important;
+}
+.navbar.navbar-admin
+ + .navbar.navbar-default
+ + .page-header.page-header-type-big
+ .page-header-container {
+ padding-top: 155px !important;
+ padding-bottom: 120px !important;
+}
+.navbar .navbar-button {
+ display: inline-block;
+ vertical-align: top;
+}
+@media (max-width: 400px) {
+ .navbar .dropdown-name-notification .dropdown-menu {
+ margin: 0;
+ width: 100% !important;
+ }
+}
+.navbar.navbar-mobile .navbar-button {
+ width: 100%;
+ display: block;
+}
+.navbar.navbar-admin a {
+ padding: 8px 10px;
+ height: auto;
+ font-size: 15px;
+}
+.navbar.navbar-default .navbar-content {
+ display: inline-block;
+}
+.navbar.navbar-default .navbar-container > :last-of-type {
+ float: right;
+}
+.navbar a {
+ padding: 14px 10px;
+ font-weight: 500;
+ height: 47px;
+ z-index: 99;
+ font-size: 15px;
+ display: flex;
+ align-items: center;
+ color: #fff;
+ justify-content: center;
+ word-break: normal;
+}
+.navbar .dropdown-name-notification .dropdown-content .dropdown-row a {
+ padding: 0;
+ display: inline;
+ color: #4e4e4e;
+}
+.navbar .dropdown-name-notification .dropdown-content .dropdown-row a:hover {
+ color: #3174d7;
+}
+.navbar .dropdown-name-notification a[data-count]::before {
+ right: 15px;
+}
+.navbar a[data-count]::before {
+ content: attr(data-count);
+ position: absolute;
+ color: #fff;
+ font-size: 11px;
+ background-color: #de4b4b;
+ z-index: 99;
+ border-radius: 100px;
+ top: 10px;
+ right: 0;
+ box-sizing: border-box;
+ width: 15px;
+ height: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.navbar .navbar-button > a:not(.username):hover,
+.page-breadcumb a:hover {
+ color: #c3c3c3 !important;
+}
+.dropdown-content {
+ position: relative;
+ border-top: 2px solid #3174d7;
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
+ min-width: 170px;
+ background-color: #191919;
+ text-align: left;
+}
+.navbar.navbar-mobile .dropdown-content {
+ background-color: #191919;
+ box-shadow: none;
+ border-width: 0;
+}
+.dropdown-menu {
+ visibility: hidden;
+ opacity: 0;
+ position: absolute;
+ transition: visibility 0.3s ease, opacity 0.3s ease;
+ z-index: 999;
+ padding-top: 7px;
+}
+.dropdown-type-form .dropdown-row a:hover {
+ background-color: transparent !important;
+}
+.dropdown-content .dropdown-head {
+ padding: 8px 12px;
+ line-height: normal;
+ border-bottom: 2px solid #282828;
+ font-weight: 600;
+}
+.dropdown-content .dropdown-bottom {
+ padding: 12px;
+ border-top: 2px solid #282828;
+}
+.dropdown-content .dropdown-body {
+ padding: 8px 0;
+}
+.navbar-mobile .dropdown-body {
+ padding: 0;
+}
+.navbar-mobile .dropdown-content:before {
+ display: none;
+}
+.dropdown-content .button {
+ display: block;
+ height: auto;
+ line-height: normal;
+ padding: 6px 16px;
+ width: 100%;
+}
+.navbar .dropdown-name-notification .dropdown-content .dropdown-row a.show {
+ height: auto;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ font-weight: 600;
+}
+.dropdown-content a i {
+ font-size: 13px;
+ width: 15px !important;
+}
+.navbar a i {
+ height: 0.85em;
+}
+.navbar .profile-image {
+ height: 20px;
+ margin-right: 5px;
+ width: 20px;
+ font-size: 15px;
+ border-radius: 100%;
+}
+.dropdown-content .dropdown-body .dropdown-row > a {
+ padding: 6px 16px;
+ font-weight: 500;
+ font-size: 14px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ justify-content: space-between;
+ word-break: normal;
+ height: auto;
+ color: #4e4e4e;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-menu {
+ width: 350px;
+ display: grid;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-menu .dropdown-row {
+ display: flex;
+ padding: 13px;
+ position: relative;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-menu .dropdown-row .inner {
+ width: 100%;
+ position: relative;
+}
+.navbar .dropdown.dropdown-type-menu .dropdown-body {
+ padding: 0;
+}
+.dropdown-head + .dropdown-body {
+ max-height: 250px;
+ overflow-y: auto;
+}
+.navbar.navbar-mobile {
+ position: fixed;
+ width: 250px;
+ transition: transform 0.5s ease;
+ height: 100%;
+ transform: translateX(-250px);
+ box-shadow: none;
+ max-height: 100%;
+ z-index: 99999;
+}
+navbar.navbar-mobile .navbar-button {
+ display: block !important;
+}
+.navbar.navbar-mobile.navbar-opened {
+ transform: translateX(0);
+}
+.navbar.navbar-mobile .navbar-button.dropdown-opened > a {
+ background-color: #2563bf !important;
+}
+.navbar.navbar-mobile .navbar-button.dropdown .dropdown-menu {
+ position: relative;
+ width: 100%;
+ display: none;
+ padding: 0;
+}
+.navbar.navbar-mobile .dropdown-menu .dropdown-row > a {
+ padding: 14px 10px;
+ display: block;
+ text-align: center;
+}
+.navbar.navbar-mobile .dropdown-menu .dropdown-row > a:focus,
+.navbar.navbar-mobile .dropdown-menu .dropdown-row > a:hover {
+ background-color: #00000024;
+ color: #fff !important;
+}
+.navbar.navbar-mobile .dropdown-content .dropdown-bottom,
+.navbar.navbar-mobile .dropdown-content .dropdown-head {
+ border-color: #2563bf;
+}
+.navbar.navbar-mobile .dropdown-content .button {
+ background-color: #de4b4b;
+}
+.navbar.navbar-mobile .drodpown-row,
+.navbar.navbar-mobile a,
+.navbar.navbar-mobile time {
+ color: #fff !important;
+}
+.navbar.navbar-mobile .navbar-content .navbar-button > a:hover {
+ background-color: #2563bf !important;
+ color: #fff !important;
+}
+.page-header {
+ background-attachment: fixed;
+ background-position: bottom;
+ background-size: cover;
+ position: relative;
+}
+.page-header .page-header-container {
+ position: relative;
+ text-align: left;
+ padding: 90px 25px 50px 25px;
+ color: #fff;
+ text-align: left;
+}
+.page-header-overlay {
+ height: 100%;
+ position: absolute;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.5;
+ left: 0;
+ top: 0;
+}
+.page-header.page-header-type-big span.name {
+ font-size: 60px;
+}
+.page-header.page-header-type-big .page-header-container {
+ text-align: center;
+ padding: 130px 25px 90px 25px;
+}
+.page-header span:first-of-type {
+ font-size: 35px;
+ word-break: break-word;
+ font-weight: 500;
+}
+.page-header:not(.page-header-type-big) .title ~ .title-sub {
+ font-size: 16px;
+ font-weight: 600;
+ color: #f0f0f0;
+}
+.page-header.page-header-type-big .page-header-container .sub-title {
+ font-size: 30px;
+ color: #fff;
+ display: block;
+}
+.page-alert {
+ position: relative;
+ margin-bottom: 10px;
+ color: #fff;
+ background-color: #de4b4b;
+ width: 100%;
+ display: flex;
+}
+.page-alert .page-alert-body .page-alert-button {
+ background-color: #00000038;
+ color: #fff;
+ padding: 4px 8px;
+ float: right;
+ font-size: 14px;
+ font-weight: 600;
+ display: flex;
+ align-items: center;
+ min-width: max-content;
+}
+.page-alert .page-alert-body .page-alert-button i {
+ margin-right: 5px;
+}
+.page-alert .page-alert-body.page-alert-body-flex {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ padding: 13px;
+}
+.page-alert .page-alert-icon {
+ padding: 13px 19px;
+ background-color: #00000014;
+ display: flex;
+ align-items: center;
+ font-size: 18px;
+}
+.page-alert .page-alert-icon i {
+ width: 15px;
+ text-align: center;
+}
+.page-alert-close {
+ margin-left: 15px;
+ color: #fff;
+ float: right;
+ font-size: 18px;
+ cursor: pointer;
+}
+.page-alert-description {
+ font-weight: 400;
+}
+.page-alert .page-alert-body .page-alert-content {
+ font-weight: 500;
+ margin-right: 15px;
+}
+.page-alert.page-alert-type-warning {
+ background-color: #de4b4b;
+}
+.page-alert.page-alert-type-success {
+ background-color: #4caf50;
+}
+.page-alert.page-alert-type-info {
+ background-color: #3174d7;
+}
+.page-alert.page-alert-type-notification {
+ background-color: #f4970d;
+}
+.field-alert {
+ background-color: transparent;
+ padding: 0;
+ border-width: 0;
+ color: #de4b4b;
+ margin-top: -10px;
+ font-weight: 500;
+ margin-bottom: 10px;
+}
+.field-alert.field-alert-type-success {
+ color: #4caf50;
+}
+html.forum-show-index .list .list-row .list-row-medium .profile {
+ margin-left: 10px;
+}
+.list .respon {
+ display: none;
+}
+.list hr {
+ height: 1px;
+ background-color: #282828;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+.list .list-head {
+ display: flex;
+ padding: 13px;
+}
+.list .list-body {
+ background-color: #191919;
+}
+.list.list-type-menu .list-body .list-row a {
+ padding: 13px;
+ width: 100%;
+ display: block;
+ font-weight: 500;
+}
+.list.list-type-menu .list-body .list-row a i {
+ width: 25px;
+ text-align: center;
+}
+.list.list-type-menu .list-body .list-row {
+ padding: 0;
+ display: block;
+}
+.list .list-body .list-row hr:first-child,
+.list .list-body > hr + hr,
+.list .list-body > hr:last-child {
+ display: none;
+}
+.list .list-row-big {
+ width: 60%;
+ font-size: 16px;
+}
+.list .list-row-small {
+ font-size: 14px;
+ margin-left: 20px;
+ display: flex;
+ align-items: center;
+ width: 150px;
+}
+html.forum-show-index .list .list-row .list-row-medium {
+ text-align: right;
+ justify-content: flex-end;
+}
+.list .list-row-medium {
+ display: flex;
+ font-size: 14px;
+ min-width: 250px;
+ align-items: center;
+ width: 330px;
+}
+.username {
+ color: #868686;
+ font-weight: 700 !important;
+}
+[ajax-place] {
+ display: none;
+}
+.list .list-body .profile-image {
+ margin-right: 10px;
+ width: 30px;
+ height: 30px;
+ border-radius: 100%;
+ font-size: 22px;
+ text-align: center;
+ display: flex;
+}
+.block.block-disabled,
+.list .list-row.list-row-disabled,
+.list .list-row.list-row-selected,
+.list:not(.list-type-list) .list-row:hover {
+ background-color: #171717;
+}
+.list .list-row.list-row-disabled a:not(.username) {
+ text-decoration: line-through;
+}
+.list .list-row-column-rigth .profile-image {
+ margin: 0;
+ margin-left: 10px;
+}
+.list .list-head .list-row-big span:first-of-type {
+ font-weight: 700;
+ font-size: 18px;
+}
+.list .list-body .list-row-big a:first-of-type {
+ font-weight: 700;
+}
+.list .list-body .list-row {
+ padding: 13px;
+ transition: background 0.3s ease;
+ width: 100%;
+ display: flex;
+ border-top: 1px solid #131313;
+}
+.list.list-clear .list-row,
+.list.list-type-table .list-row {
+ display: block;
+ background-color: transparent !important;
+}
+.list .list-body .list-row-big {
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+.list .list-body .list-row .list-alert {
+ color: #de4b4b;
+ border-radius: 100px;
+ font-size: 15px;
+ font-weight: 700;
+ margin-right: 5px;
+}
+.list .list-body .list-row-big .list-icon i {
+ color: #3174d7;
+ height: auto;
+ line-height: normal;
+ font-size: 30px;
+}
+.list .list-body .list-row-big .list-icon {
+ width: 40px;
+ min-width: 40px;
+ text-align: center;
+ margin-right: 10px;
+}
+.list .list-body .list-row-big .inner {
+ width: 100%;
+}
+.list .list-body .list-row-big .icon i {
+ font-size: 28px;
+ transition: color 0.3s ease;
+ width: 32px;
+}
+.list .list-head .list-row-medium,
+.list .list-head .list-row-small {
+ font-weight: 700;
+ font-size: 16px;
+ align-items: center;
+ display: flex;
+}
+.page-content-side {
+ width: 34%;
+ position: relative;
+}
+.page-content-middle > :not(:last-child),
+.page-content-side > :not(:last-child) {
+ margin-bottom: 20px;
+}
+.page-content-side.page-content-side-align-right {
+ margin-left: 25px;
+ float: right;
+}
+.page-content-side.page-content-side-type-small {
+ width: 25%;
+}
+.page-content-side.page-content-side-align-left {
+ float: left;
+ margin-right: 25px;
+ margin-left: 0;
+}
+.page-content-side.page-content-side-type-fixed {
+ width: 370px;
+}
+.page-content-side.page-content-side-type-clear {
+ margin-right: 0;
+}
+.topic #topic {
+ margin-bottom: 10px;
+}
+div.online {
+ width: 16px;
+ height: 16px;
+ background-color: #3ebe3e;
+ position: absolute;
+ top: -2px;
+ right: -2px;
+ border-bottom-left-radius: 40%;
+ border-radius: 100%;
+ z-index: 90;
+ border: 3px solid #fafafa;
+}
+.online-indicator .online {
+ position: relative;
+ right: 0 !important;
+ top: 0 !important;
+ background-color: #4caf50;
+ border-width: 0;
+ border-radius: 100%;
+ min-width: 15px;
+ height: 15px;
+ display: inline-block;
+ margin-left: 5px;
+}
+.online-indicator {
+ font-weight: 600;
+ color: #868686;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+}
+.header-profile .online {
+ margin-right: 5px;
+ margin-top: 5px;
+ z-index: 9;
+ width: 25px;
+ height: 25px;
+ border: 5px solid #fff;
+}
+.page-content-side-right > div:last-of-type {
+ margin-bottom: 0;
+}
+.label + a,
+.label + span,
+.label-list + a {
+ display: contents;
+}
+.label i {
+ font-size: 10px;
+ margin-right: 5px;
+ display: flex;
+ position: absolute;
+ align-items: center;
+ left: 7px;
+ bottom: 0;
+ top: 0;
+}
+.label .checkbox-icon i {
+ left: auto;
+ margin-right: auto;
+}
+.labels-big i {
+ font-size: 13px;
+}
+.field {
+ padding: 0;
+ margin-bottom: 25px;
+ margin-left: 0;
+ margin-right: 0;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ background-color: #191919;
+ overflow: hidden;
+}
+.field-submit {
+ text-align: center;
+}
+.field .field-row {
+ padding: 13px;
+ margin: 0;
+}
+.field .field-row.field-row-border {
+ border-bottom-width: 0;
+}
+.field > :not(:last-child) {
+ padding-bottom: 10px;
+}
+.field .field-row {
+ display: flex;
+ border-bottom: 1px solid #282828;
+}
+.field .field-row .field-text + .field-option .trumbowyg-box {
+ border-top: 1px solid #282828;
+}
+.field .field-row:last-child {
+ border-bottom-width: 0;
+}
+.field .recipients a .profile-image {
+ width: 30px;
+ height: 30px;
+ font-size: 20px;
+}
+.field .recipients > :not(:last-child) {
+ margin-right: 10px;
+}
+.field .recipient-list {
+ display: flex;
+ flex-wrap: wrap;
+}
+.field .field-option {
+ width: 50%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+.field .field-option,
+.field .field-option time {
+ color: #4e4e4e;
+ font-weight: 400;
+}
+.field .field-option > textarea {
+ margin: 13px;
+ margin-top: 0;
+}
+.field .field-row.recipients .times {
+ margin-left: 5px;
+ margin-bottom: -2px;
+}
+.field .field-text .title {
+ font-weight: 500;
+}
+.recipients .remove-recipient {
+ margin-left: 5px;
+ display: flex;
+ align-items: center;
+}
+input[type="submit"] {
+ border-width: 0;
+}
+button.button.button-send {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ margin-right: 13px;
+ margin-bottom: 13px;
+}
+a.link:hover,
+button.link:hover,
+input.link:hover {
+ color: #3174d7;
+}
+a.button:hover,
+button.button:hover,
+input.button:hover {
+ color: #fff;
+}
+.button {
+ line-height: normal;
+ padding: 0 15px;
+ background-color: #3174d7;
+ color: #fff;
+ font-weight: 500;
+ font-size: 15px;
+ display: inline-block;
+ text-align: center;
+ height: 40px;
+ line-height: 40px;
+ word-break: inherit;
+}
+.button.button-reverse {
+ background-color: #4e4e4e;
+}
+.button.button-reverse:hover {
+ background-color: #333;
+}
+a.link {
+ border-width: 0 !important;
+ background-color: transparent !important;
+ font-weight: 700;
+ word-break: normal;
+}
+div.radio input + label div {
+ width: 14px;
+ height: 14px;
+ border-radius: 100%;
+ transition: background-color 0.3s ease;
+}
+.checkbox label.label {
+ display: block;
+ padding: 4px 10px;
+ border-radius: 0;
+}
+input[type="checkbox"] + label .checkbox-icon {
+ color: transparent;
+ width: 17px !important;
+ height: 17px !important;
+ min-width: 17px;
+ transition: all 0.3s ease;
+ margin-right: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 11px;
+}
+input[type="checkbox"],
+input[type="radio"] {
+ display: none;
+}
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ text-align: left;
+}
+.bottom {
+ align-items: center;
+}
+.list-name-recipients .list-row-name-bottom input[type="submit"] {
+ padding: 0 !important;
+ margin-left: 10px;
+ font-weight: 700;
+ background-color: transparent;
+ font-size: 15px;
+}
+.list-name-recipients .list-row-name-bottom {
+ background-color: transparent !important;
+}
+.list-name-recipients .list-row-name-bottom input[type="submit"]:hover {
+ color: #3174d7;
+}
+.list-name-recipients .list-row-name-bottom form {
+ display: flex;
+ width: 100%;
+}
+.bottom input[type="submit"] {
+ margin-left: 15px;
+}
+.tab {
+ margin-right: 20px;
+ display: flex;
+ width: 100%;
+ background-color: #191919;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ margin-bottom: 0 !important;
+}
+.tab a {
+ padding: 10px 13px;
+ transition: border-color 0.3s ease, border-width 0.3s ease, color 0.3s ease,
+ box-shadow 0.3s ease;
+ font-weight: 600;
+ width: 100%;
+ text-align: center;
+}
+.tab a.active {
+ box-shadow: 0 -2px 0 #3174d7 inset;
+ color: #3174d7;
+ backgroud: #171717;
+}
+.tabcontent {
+ display: none;
+ width: 100%;
+ margin: 0;
+ padding: 13px;
+}
+#default.tabcontent {
+ display: block;
+}
+.tab a:last-of-type {
+ border-right: 0;
+}
+.pagination {
+ color: #fff;
+ display: flex;
+ align-items: center;
+}
+.pagination .pagination-page {
+ display: inline-block;
+}
+.pagination .pagination-page a {
+ padding: 0 14px;
+ line-height: 32px;
+ color: #fff;
+ display: block;
+ font-size: 15px;
+}
+.pagination .pagination-arrow i {
+ line-height: 32px;
+ display: block;
+}
+.pagination .pagination-page.pagination-arrow a,
+.pagination .pagination-page.pagination-page-active a,
+.pagination .pagination-page.pagination-page:hover a {
+ background-color: #363636;
+ color: #fff !important;
+}
+.list {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ background-color: #171717;
+}
+.list.list-align {
+ text-align: center;
+}
+html.profile .trumbowyg-box {
+ min-height: 80px;
+ margin: 0 !important;
+}
+.profile .page-content-side > :first-child .list-body > :first-child {
+ padding-top: 55px;
+}
+html.profile .header-image .profile-image,
+html.profile .page-content-side .profile-image {
+ width: 150px;
+ height: 150px;
+ bottom: 0;
+ border-radius: 100%;
+ font-size: 120px;
+ z-index: 90;
+ border: 6px solid #fff;
+ margin: 0 auto;
+}
+html.profile .header-image .profile,
+html.profile .page-content-side .profile {
+ position: absolute;
+ top: -100px;
+ left: 0;
+ right: 0;
+ z-index: 90;
+}
+html.profile .list .username {
+ font-size: 18px;
+}
+.header-panel {
+ bottom: 0;
+ width: 100%;
+ background-color: #f8f8f8;
+ padding: 10px;
+ display: flex;
+ padding-left: 200px;
+}
+.page-content-profile-header {
+ background-size: cover;
+ background-position: center;
+ min-height: 300px;
+ position: relative;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
+ background-color: #282828;
+ z-index: 9;
+ margin-bottom: 0 !important;
+}
+.header-panel .online {
+ position: relative;
+ display: inline-block;
+ margin-bottom: -2px;
+}
+.header-panel div:not(:last-child) {
+ margin-right: 40px;
+}
+.header-panel div span:first-child {
+ text-transform: uppercase;
+ font-size: 12px;
+ color: #686868;
+ font-weight: 700;
+}
+.header-panel div span:last-child {
+ color: #4e4e4e;
+}
+.header-transparent span {
+ padding: 8px;
+ background-color: #0000008f;
+ font-size: 23px;
+ display: inline-block;
+ font-weight: 700;
+}
+html.profile .block.block-clear .trumbowyg .trumbowyg-editor {
+ min-height: 100px;
+ padding-left: 40px;
+ min-height: 80px;
+}
+.profile-header .header-transparent span:first-child {
+ color: #cfcfcf;
+ font-weight: 400;
+}
+.profile-header .header-transparent span:last-child {
+ font-size: 20px;
+}
+.profile-header .header-transparent {
+ margin-left: 20px;
+ margin-bottom: 75px;
+ bottom: 0;
+}
+#phpcore {
+ width: 300px;
+ margin: 0 auto;
+ display: block;
+ margin-top: 10px;
+ position: relative;
+ z-index: 99;
+ margin-top: 50px;
+}
+html.forum-index .page-content,
+html.index .page-content,
+html.user .page-content {
+ display: flex;
+}
+.page-content-profile-posts {
+ width: 100%;
+}
+@media only screen and (max-width: 1050px) {
+ html.forum-index .page-content,
+ html.index .page-content,
+ html.profile .page-content-profile-body,
+ html.user .page-content {
+ display: block;
+ }
+ html.profile .page-content-profile-body .tabcontent {
+ padding: 0;
+ margin-top: 13px;
+ }
+ .page-content-side.page-content-side-left {
+ margin-bottom: 20px !important;
+ }
+ .page-content-middle,
+ .page-content-side {
+ width: 100% !important;
+ margin: 0 !important;
+ float: none !important;
+ }
+ .page .page-content .page-content-side-align-left + .page-content-middle {
+ margin-top: 20px !important;
+ }
+ .page .page-content .page-content-middle + .page-content-side-align-right {
+ margin-top: 20px !important;
+ }
+}
+@media only screen and (max-width: 600px) {
+ .list .list-row-small {
+ display: none !important;
+ }
+ .list .list-row-big {
+ width: 100% !important;
+ }
+ .block.block-two-column.block-image {
+ display: block !important;
+ }
+ .block.block-two-column.block-image .block-image {
+ width: 100%;
+ height: 250px;
+ }
+ .block.block-two-column.block-image .block-image img {
+ position: relative;
+ }
+ .block.block-focused {
+ border-bottom: 3px solid #3174d7;
+ border-right-width: 0 !important;
+ }
+ .list .respon {
+ display: block !important;
+ }
+ .navbar.navbar-default
+ .navbar-content-name-menu
+ .navbar-button:not(.dropdown-name-collapse) {
+ display: none;
+ }
+ .navbar.navbar-default .navbar-content-name-logged li {
+ border-left: 3px solid #242424;
+ }
+ .navbar.navbar-default .dropdown-name-collapse {
+ border-left: 3px solid #242424;
+ border-right: 3px solid #242424;
+ }
+}
+@media only screen and (min-width: 601px) {
+ .dropdown-name-collapse {
+ display: none !important;
+ }
+}
+@media only screen and (max-width: 1000px) {
+ .profile-header .header-profile {
+ position: relative;
+ display: grid;
+ text-align: center;
+ }
+ .profile-header .header-image {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+}
+@media only screen and (max-width: 1400px) {
+ .container {
+ width: 100%;
+ }
+}
+@media only screen and (max-width: 800px) {
+ .field .field-row > * {
+ width: 100% !important;
+ }
+ .field .field-row {
+ display: grid;
+ }
+ .list .list-row-medium {
+ display: none !important;
+ }
+ .recipients .field-text {
+ margin-bottom: 10px;
+ }
+}
+label.label-conversation {
+ color: #fff;
+ padding: 2px 5px;
+ font-size: 12px;
+ background-color: #3174d7;
+}
+.grey,
+time {
+ color: #868686;
+ font-weight: 500;
+}
+.black {
+ color: #4e4e4e;
+ font-weight: 500;
+}
+label {
+ cursor: initial;
+}
+label[for] {
+ cursor: pointer;
+}
+h1,
+h2,
+h3 {
+ margin: 0;
+}
+h3 {
+ font-size: 18px;
+}
+.labels.labels-small label.label {
+ padding: 2px 7px;
+ font-size: 11px;
+}
+.labels.labels-big label.label {
+ font-size: 18px;
+ padding: 4px 9px;
+ margin-right: 10px;
+}
+h3 label.label {
+ font-size: 14px;
+}
+label.label-list label:not(:last-child) {
+ margin-right: 5px;
+}
+label.label {
+ padding: 2px 7px;
+ font-size: 13px;
+ color: #fff;
+ font-weight: 600;
+ border-radius: 100px;
+ display: inline-block;
+ padding-left: 22px;
+ position: relative;
+ background-color: #3174d7;
+ text-transform: none;
+}
+.labels > label:not(:last-child) {
+ margin-right: 5px;
+}
+.dropdown-content > label {
+ border-radius: 0;
+ padding: 2px 10px;
+ line-height: 40px;
+}
+a,
+button,
+input {
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+ transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
+ width: auto;
+ background-color: transparent;
+ font-family: Quicksand, sans-serif;
+ word-break: break-word;
+ display: initial;
+ position: relative;
+ z-index: 1;
+ text-align: left;
+ line-height: normal;
+ border-width: 0;
+}
+a {
+ color: #4e4e4e;
+}
+input[type="email"],
+input[type="number"],
+input[type="password"],
+input[type="text"] {
+ cursor: initial;
+ width: 100%;
+ border-width: 0;
+ border-bottom: 2px solid #4d4d4d;
+ padding: 5px;
+ font-size: 15px;
+}
+.icon.i-fas {
+ font-weight: 900;
+}
+.icon.i-far {
+ font-weight: 400;
+}
+a .icon {
+ color: #3174d7;
+ line-height: initial;
+}
+a .icon i {
+ width: 20px !important;
+}
+textarea {
+ width: 100%;
+ visibility: inherit !important;
+ font-family: Quicksand, sans-serif;
+ font-size: 15px;
+ padding: 5px;
+ resize: vertical;
+ border: 1px solid #e6e6e6;
+ outline: 0;
+ min-height: 150px;
+}
+select[multiple] {
+ width: 100%;
+}
+.dropdown-menu:hover,
+.dropdown.dropdown-opened > a + .dropdown-menu {
+ visibility: visible !important;
+ opacity: 1 !important;
+ display: block !important;
+}
+.spaces > :not(:last-child) {
+ margin-right: 10px;
+}
+.commas > :not(:last-child):after {
+ content: ", ";
+ white-space: pre;
+ color: #4e4e4e;
+}
+.field .field-row .field-text a {
+ margin-right: 10px;
+}
+.field .field-text {
+ text-align: left;
+ width: 50%;
+ margin-right: 10px;
+}
+.field .field-text span {
+ font-weight: 600;
+}
+.field .field-option.field-option-table {
+ display: inline-table;
+}
+.field .field-option.field-option-table > * {
+ display: inline-block;
+}
+.d-none-i {
+ display: none !important;
+}
+.wo-padding {
+ padding: 0 !important;
+}
+.wo-margin {
+ margin: 0 !important;
+}
+.wo-border {
+ border-width: 0 !important;
+}
+.wo-float {
+ float: none !important;
+}
+.w-padding {
+ padding: 13px;
+}
+.wh-full {
+ width: 100%;
+}
+.h-full {
+ height: 100%;
+}
+.wh-auto {
+ width: auto !important;
+}
+.d-flex {
+ display: flex;
+}
+.d-ib {
+ display: inline-block;
+}
+.d-fr {
+ display: flow-root;
+}
+.d-inherit {
+ display: inherit;
+}
+.d-table {
+ display: table;
+}
+.d-none {
+ display: none;
+}
+.ta-center {
+ text-align: center;
+}
+.ta-right {
+ text-align: right;
+}
+.m-bottom {
+ margin-bottom: 10px;
+}
+.m-top {
+ margin-top: 10px;
+}
+.m-bottom {
+ margin-bottom: 10px;
+}
+.m-right {
+ margin-right: 5px;
+}
+.bold {
+ font-weight: 500;
+}
+.vertical-align {
+ display: flex;
+ align-items: center;
+}
+.flex-column {
+ display: flex;
+ flex-direction: column;
+}
+a.a-reverse,
+button.a-reverse,
+input.a-reverse {
+ color: #3174d7;
+ font-weight: 600;
+ border-width: 0;
+ padding: 0;
+}
+.a-reverse:hover {
+ color: #4c4c4c !important;
+}
+.online-text {
+ color: #4caf50;
+}
+.fw-500 {
+ font-weight: 500;
+}
+.fw-600 {
+ font-weight: 600;
+}
+.fw-700 {
+ font-weight: 700;
+}
+.align {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.space-between {
+ justify-content: space-between;
+}
+.f-right {
+ float: right;
+}
+.f-left {
+ float: left;
+}
+@keyframes shade {
+ 0% {
+ transform: translateX(-30%);
+ opacity: 0;
+ }
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+}
+html.html-hidden {
+ display: none;
+}
+html.html-hidden * {
+ transition: none !important;
+}
+.fontawesome-i2svg-active body {
+ display: block;
+}
+a:hover {
+ color: #3174d7;
+}
+a.username:hover {
+ color: #3174d7;
+}
+.dropdown.dropdown-opened > a .arrow {
+ background-color: #3174d7;
+ color: #fff;
+}
+.button-post:hover {
+ background-color: #3174d7;
+}
+label.label input[type="checkbox"] + label .checkbox-icon {
+ width: 16px !important;
+ height: 16px !important;
+ border-width: 0 !important;
+ background-color: #00000038 !important;
+ padding: 2px;
+ margin-right: 5px;
+}
+input[type="checkbox"] + label > i,
+input[type="radio"] + label > i {
+ border: 2px solid #3174d7;
+}
+input[type="checkbox"]:checked + label > i,
+input[type="radio"]:checked + label > i {
+ background-color: #3174d7;
+}
+input[type="checkbox"]:checked + label .checkbox-icon {
+ background-color: #3174d7;
+ color: #fff;
+}
+input[type="checkbox"] + label .checkbox-icon {
+ border: 2px solid #3174d7;
+}
+div.radio input:checked + label div {
+ background-color: #3174d7;
+}
+div.radio input + label div {
+ border: 2px solid #3174d7;
+}
+input[type="email"]:hover,
+input[type="number"]:hover,
+input[type="password"]:hover,
+input[type="text"]:hover {
+ border-color: #3174d7;
+}
+.pagination .pagination-page a {
+ background-color: #3174d7;
+}
+.main .body .buttons a {
+ color: #3174d7;
+}
+input[type="submit"]:hover {
+ background-color: #3174d7;
+}
+input.without:hover {
+ color: #3174d7;
+}
+.tab-menu a.active {
+ border-color: #3174d7;
+}
+a.button:hover,
+button.button:hover,
+input.button:hover {
+ background-color: #4e4e4e !important;
+ color: #fff !important;
+}
+.html-full .page {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+}
+input:focus,
+input:hover {
+ border-color: #3174d7;
+}
+.panel {
+ margin-bottom: 10px !important;
+}
+.dropdown .dropdown-row > a:hover {
+ background-color: #151515;
+ color: #3174d7;
+}
+.dropdown .dropdown-bottom .button {
+ color: #fff !important;
+}
+.panel.panel-top {
+ line-height: 41px;
+ text-align: left;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+.panel.panel-top .panel-right {
+ width: 100%;
+ text-align: right;
+}
+.panel.panel-top .pagination + .panel-right {
+ width: auto;
+}
+.panel.panel-bottom {
+ text-align: right;
+ margin-bottom: 0 !important;
+ margin-top: 20px;
+}
+.panel.panel-bottom .pagination {
+ display: inline-block;
+}
+.panel.panel-top .pagination {
+ display: inline-block;
+ font-size: 0;
+ line-height: 22px;
+ margin: 4px 0;
+}
+.panel .panel-bottom {
+ margin-bottom: 10px;
+ display: flex;
+ justify-content: space-between;
+ line-height: 32px;
+}
+.panel .panel-right > * {
+ display: inline-block;
+}
+.panel.panel-footer .panel-bottom {
+ justify-content: flex-end;
+ margin: 0;
+}
+.panel .dropdown.dropdown-opened > a {
+ color: #3174d7;
+}
+.panel .panel-right .dropdown > a {
+ line-height: 41px;
+ font-weight: 500;
+ background-color: #fff;
+ display: flex;
+ z-index: 90;
+ position: relative;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ color: #4e4e4e;
+}
+.dropdown .text {
+ padding: 0 15px;
+}
+.dropdown .arrow {
+ padding: 0 10px;
+ background-color: #f4f4f4;
+ transition: 0.3s background ease, 0.3s color ease;
+ display: flex;
+ align-items: center;
+}
+.dropdown-content:before {
+ color: #4e4e4e;
+ position: absolute;
+ border: 0 solid transparent;
+ top: -8px;
+ left: 14px;
+ border: 8px solid transparent;
+ border-top-width: 0;
+ border-bottom-color: #3174d7;
+ background-color: transparent;
+ padding: 0;
+ content: "";
+}
+.panel .panel-right > a:not(.button) {
+ padding: 10px 0;
+}
+.panel .panel-right > :not(:last-child) {
+ margin-right: 10px;
+}
+.page-breadcumb {
+ line-height: 40px;
+ margin-bottom: 20px;
+ background-color: #282828;
+ color: #fff;
+ font-weight: 500;
+}
+.page-breadcumb a {
+ color: #fff;
+}
+.profile-image.profile-image-red {
+ background-color: #d24848;
+}
+.profile-image.profile-image-green {
+ background-color: #6fd048;
+}
+.profile-image.profile-image-blue {
+ background-color: #63a2ff;
+}
+.profile-image.profile-image-purple {
+ background-color: #947aff;
+}
+.profile-image.profile-image-brown {
+ background-color: #a48787;
+}
+.profile-image.profile-image-orange {
+ background-color: #eea567;
+}
+.profile-image.profile-image-grey {
+ background-color: #a0a0a0;
+}
+.profile-image {
+ height: 50px;
+ width: 50px;
+ border-radius: 100%;
+ background-color: #a9a9a9;
+ color: rgba(0, 0, 0, 0.45);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 40px;
+ font-weight: 500;
+}
+.window .profile-image {
+ width: 35px;
+ height: 35px;
+ font-size: 26px;
+ margin-right: 5px;
+}
+.page-header.page-header-align-top {
+ background-position: top;
+}
+.page-header.page-header-align-center {
+ background-position: center;
+}
+.page-header.page-header-align-bottom {
+ background-position: bottom;
+}
+.dropdown-menu.dropdown-edge {
+ right: 0;
+ margin-right: 20px;
+}
+.field .field-row-grid {
+ display: block;
+ padding: 0;
+}
+.field .field-row.field-row-grid .field-text {
+ padding: 13px;
+}
+.field .field-row-grid > * {
+ width: 100% !important;
+}
+.list.list-small .list-head {
+ font-size: 17px;
+ font-weight: 700;
+ color: #4e4e4e;
+}
+.list .list-body .icon-alt {
+ margin-left: 10px;
+ height: max-content;
+}
+.list .list-body .icons {
+ display: flex;
+ height: 100%;
+}
+.table {
+ display: flex;
+ text-align: left;
+ font-weight: 500;
+ color: #868686;
+}
+.table > * {
+ width: 50%;
+}
+.table .table-left {
+ color: #4e4e4e;
+ font-weight: 700;
+}
+.table .table-right,
+.table .table-right time {
+ text-align: right;
+ font-weight: 500;
+ color: #4e4e4e;
+}
+.html-full,
+.html-full body {
+ height: 100%;
+}
+.page-column .page-column-icon {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 20px !important;
+ height: 70px;
+ width: 70px;
+ border-radius: 100%;
+ background-color: #a9a9a9;
+ color: #00000091;
+ align-items: center;
+ font-size: 50px;
+ font-weight: 500;
+ margin: 0 auto;
+ background-color: #3174d7;
+ color: #fff;
+}
+.page-column .page-column-icon i {
+ font-size: 40px;
+}
+.page-column {
+ display: flex;
+ flex-direction: column;
+ justify-content: normal;
+ text-align: center;
+ width: 300px;
+ margin: 0 25px;
+}
+.page-column.page-column-big {
+ width: 500px;
+}
+.page-column input {
+ background-color: #fff;
+ padding: 15px 15px;
+ border-width: 0;
+ color: #8a8a8a !important;
+ font-weight: 700;
+ font-size: 16px;
+ min-width: 300px;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ padding-left: 45px;
+}
+.page-column a,
+.page-column label {
+ color: #3174d7;
+ font-weight: 600;
+ text-align: center;
+}
+.page-column input[type="submit"] {
+ background-color: #3174d7;
+ color: #fff !important;
+ width: 200px;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin: 0 auto;
+ text-align: center;
+ min-width: auto;
+ padding: 12px 15px;
+ height: auto;
+ line-height: normal;
+}
+.page-column input[type="submit"]:focus,
+.page-column input[type="submit"]:hover {
+ background-color: #4e4e4e;
+ color: #fff !important;
+}
+.page-column .page-column-body > :not(:last-child) {
+ margin-bottom: 20px;
+ margin-top: 0;
+ display: block;
+}
+.page-column .page-column-body .page-column-input {
+ position: relative;
+}
+.page-column input::placeholder {
+ color: #8a8a8a;
+}
+.page-column .page-column-input i + input {
+ padding-left: 45px;
+}
+.page-column input:-webkit-autofill {
+ color: #8a8a8a;
+}
+.page-column .page-column-body .page-column-input input:-webkit-autofill,
+.page-column input:-webkit-autofill + i,
+.page-column input:-webkit-autofill:focus,
+.page-column input:-webkit-autofill:focus + i,
+.page-column input:-webkit-autofill:hover,
+.page-column input:-webkit-autofill:hover + i {
+ -webkit-text-fill-color: #3174d7;
+ color: #3174d7 !important;
+}
+.page-column .page-column-input > i {
+ position: absolute;
+ color: #8a8a8a;
+ font-size: 14px;
+ transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
+ z-index: 9;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ left: 18px;
+ line-height: 50px;
+}
+.page-column .page-column-input-icon {
+ display: flex;
+ position: relative;
+}
+.page-column .page-column-title {
+ margin-bottom: 20px;
+ font-size: 20px;
+ color: #3174d7;
+ font-weight: 700;
+ text-transform: uppercase;
+}
+.page-column .page-column-description {
+ margin-bottom: 20px;
+ color: #8a8a8a;
+ margin-top: -10px;
+}
+.page-column input:focus,
+.page-column input:focus + i,
+.page-column input:focus::placeholder,
+.page-column input:hover,
+.page-column input:hover + i,
+.page-column input:hover::placeholder {
+ color: #3174d7 !important;
+}
+.group {
+ margin-top: -5px;
+ font-weight: 600;
+ color: #868686;
+}
+.profile {
+ position: relative;
+ display: inline-block;
+ padding: 0 !important;
+}
+.statue {
+ padding: 8px 15px;
+ font-weight: 700;
+ margin-right: 170px;
+ margin: 0 auto;
+ text-align: center;
+ margin-top: 10px;
+ color: #fff;
+}
+.statue.statue-grey {
+ background-color: #f4f4f4;
+ color: #868686;
+}
+.statue.statue-green {
+ color: #fff;
+ background-color: #4caf50;
+}
+.statue.statue-red {
+ background-color: #de4b4b;
+}
+.reputation i {
+ margin-right: 5px;
+}
+.page-content-profile-body {
+ display: flex;
+ align-items: flex-start;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+.block.block-clear .online,
+.block.block-mini .online,
+.block.block-small .online {
+ width: 10px;
+ height: 10px;
+ border: 2px solid #fff;
+ top: -2px;
+ right: -2px;
+}
+.body-sub .block .online {
+ border: 2px solid #f9f9f9;
+}
+.block {
+ background-color: #171717;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.block.block-margin {
+ margin-bottom: 20px;
+}
+.block .block-body .trumbowyg-box {
+ margin-left: -13px;
+ margin-top: -13px;
+}
+.block .block-head {
+ display: flex;
+ align-items: center;
+ border-bottom: 2px solid #282828;
+}
+.block.block-two-column {
+ display: flex;
+}
+.block .block-body,
+.block .block-head,
+.block > .block-space {
+ padding: 13px;
+}
+.block .block-content {
+ flex: 1 1 auto;
+}
+.block .block-content img {
+ max-width: 100%;
+}
+.block .block-content code {
+ max-width: 100%;
+}
+.block .block-signature {
+ padding: 0;
+ padding-top: 13px;
+ border-top: 1px solid #e6e6e6;
+ margin-top: 13px;
+ bottom: 0;
+ width: 100%;
+}
+.block .block-bottom > :not(:first-child) {
+ margin-left: 10px;
+}
+.block .body-sub {
+ margin-top: 10px;
+ background-color: #f9f9f9;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.block .block-body {
+ width: 100%;
+ position: relative;
+}
+.block .block-body .block .block-alert {
+ background-color: #fff;
+}
+.block.block-closed .block-body {
+ display: none;
+}
+.block .body-sub .block {
+ margin: 0;
+ box-shadow: none;
+ background-color: transparent;
+ overflow: inherit;
+}
+.block .body-sub > :not(:last-child) {
+ border-bottom: 2px solid #282828;
+}
+.block .block-title {
+ font-weight: 700;
+ text-transform: uppercase;
+}
+.block .block-head.block-head-space {
+ justify-content: space-between;
+}
+.block .block-head .inner {
+ width: 100%;
+ margin-left: 10px;
+}
+.block .block-head .inner > :not(.block-title) {
+ margin-right: 5px;
+}
+.block-list > :not(:last-child) {
+ margin-bottom: 20px;
+}
+.block .block-bottom .block-bottom-column {
+ color: #868686;
+ font-weight: 600;
+}
+.block .block-bottom .block-bottom-column-flex {
+ display: flex;
+ align-items: center;
+}
+.block .block-bottom-column > :first-child {
+ margin-right: 10px;
+}
+.block .block-bottom .block-bottom-column .profile-image {
+ border-radius: 100%;
+ width: 40px;
+ height: 40px;
+ font-size: 30px;
+}
+.block .block-image {
+ background-color: #f7f7f7;
+ height: 650px;
+ background-position: center;
+ background-size: cover;
+ display: flex;
+}
+.block .block-content :last-child {
+ margin-bottom: 0 !important;
+}
+.block .block-alert {
+ padding: 8px 12px;
+ background-color: #f5f5f5;
+ width: 100%;
+ display: block;
+ font-weight: 600;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.block.block-alert {
+ border: 2px solid #de4b4b;
+ border-top: 0;
+}
+.block.block-alert-alt {
+ border: 2px solid #de4b4b;
+}
+.block.block-alert-alt .block-alert {
+ background-color: #fff;
+ color: #de4b4b;
+}
+.block .block-content :first-child {
+ margin-top: 0;
+}
+.block .block-bottom.block-bottom-two-column {
+ display: flex;
+ align-items: flex-end;
+ justify-content: space-between;
+}
+.block .block-bottom {
+ margin-top: 10px;
+}
+.block .block-body .block-inner {
+ padding: 8px;
+ background-color: #f6f6f6;
+ border-left: 2px solid #3174d7;
+ color: #3174d7;
+ font-size: 13px;
+ line-height: 18px;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ margin-top: 10px;
+ font-weight: 600;
+}
+.block .block-body .block-inner .like {
+ display: inline-flex;
+ background: #3174d7;
+ color: #fff;
+ padding: 4px;
+ border-radius: 100%;
+ font-size: 10px;
+}
+.block .block-body .block-inner a,
+.block .block-body .block-inner a::after {
+ color: #3174d7;
+}
+.block .block-image img {
+ width: 100%;
+ object-fit: cover;
+ height: 100%;
+ position: absolute;
+ border-radius: 0;
+}
+.block.block-two-column .block-image {
+ width: 320px;
+ position: relative;
+ padding: 0 !important;
+ height: auto;
+}
+.block .block-content p,
+.block .block-signature p {
+ margin: 0;
+}
+.block.block-selected,
+.list .list-body .list-row.list-row-selected {
+ border-left: 3px solid #3174d7 !important;
+}
+.block.block-disabled,
+.list .list-body .list-row.list-row-disabled {
+ border-left: 3px solid #de4b4b;
+}
+.block .block-content a,
+.block .block-signature a,
+.trumbowyg-box a {
+ color: #3174d7 !important;
+ font-weight: 500;
+}
+.block .block-content a:hover,
+.block .block-signature a:hover {
+ color: #4e4e4e !important;
+}
+.block .block-description {
+ font-size: 14px;
+ color: #868686;
+ font-weight: 600;
+}
+.block .block-description > :not(:last-child) {
+ margin-right: 10px;
+}
+.block.block-small .block-head {
+ padding-bottom: 10px;
+ border-bottom-width: 1px;
+}
+.block.block-clear .block-body .profile,
+.block.block-mini .block-head > :not(:last-child) {
+ margin-right: 10px;
+}
+.block.block-clear .profile-image,
+.block.block-small .profile-image {
+ width: 25px;
+ height: 25px;
+ font-size: 18px;
+ float: left;
+}
+.block.block-mini {
+ font-size: 14px;
+ padding: 13px;
+}
+.block.block-mini .profile {
+ margin-right: 10px;
+}
+.block.block-mini .block-head {
+ border-width: 0;
+ margin-bottom: 0;
+ padding: 0;
+}
+.block.block-mini .block-body {
+ padding: 0;
+}
+.block.block-clear .block-body {
+ padding: 5px 10px;
+ display: flex;
+ align-items: center;
+}
+.block.block-clear textarea {
+ line-height: 38px;
+ height: 40px;
+ min-height: 40px;
+ padding: 0;
+ overflow: hidden;
+ resize: none;
+ border-color: transparent;
+ background-color: transparent;
+}
+.block.block-clear.block-opened .profile {
+ position: absolute;
+}
+.block.block-clear .button {
+ border-radius: 100%;
+ position: absolute;
+ border-width: 0;
+ width: 25px;
+ height: 25px;
+ bottom: 10px;
+ font-size: 15px;
+ padding: 0;
+ line-height: normal;
+}
+.block.block-opened .button {
+ display: initial;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.block .block-body .trumbowyg-button-pane {
+ box-shadow: none;
+ background-color: transparent;
+}
+.block + .pagination,
+.block-list + .pagination,
+.list + .pagination {
+ margin-top: 20px;
+}
+.strict-mode {
+ background-color: #de4b4b;
+ color: #fff;
+ padding: 10px 0;
+ font-weight: 600;
+}
+.strict-mode .close {
+ float: right;
+ color: #fff !important;
+}
+.title {
+ transition: opacity 0.5s ease;
+ position: absolute;
+ background-color: #3174d7;
+ box-shadow: 1px 1px 3px 0 #2828286b;
+ z-index: 999;
+ padding: 5px 10px;
+ opacity: 0;
+ font-weight: 500;
+ color: #fff;
+ top: 0;
+ margin-left: -13px;
+}
+.title.active {
+ opacity: 1;
+}
+.title .arrow {
+ position: absolute;
+ bottom: 0;
+ border: 10px solid transparent;
+ border-bottom-width: 0;
+ border-top-color: #d8d8d8;
+ bottom: -10px;
+}
+.title .arrow:after {
+ position: absolute;
+ top: -10px;
+ left: -9px;
+ border: 9px solid transparent;
+ border-bottom-width: 0;
+ border-top-color: #3174d7;
+ content: "";
+}
+.recipient {
+ display: flex;
+ align-items: center;
+ position: relative;
+ margin-right: 10px;
+ background-color: #f9f9f9;
+ border-bottom: 2px solid #282828;
+ padding: 5px 10px;
+ margin-bottom: 10px;
+}
+.recipient a {
+ font-size: 14px;
+ font-weight: 600;
+ margin-right: 5px;
+}
+.navbar.navbar-mobile .container {
+ padding: 0;
+}
+.recipient [ajax="remove-recipient"] {
+ padding: 0;
+}
+strong {
+ font-weight: 700;
+}
+.recipient .profile {
+ margin-right: 5px;
+}
+.recipient .profile .profile-image {
+ width: 25px;
+ height: 25px;
+ font-size: 18px;
+}
+.window {
+ display: flex;
+ visibility: hidden;
+ opacity: 0;
+ position: fixed;
+ top: 0; /*! bottom: 0; */
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ width: max-content;
+ height: max-content;
+ margin-top: 150px;
+ z-index: 999999;
+ transition: opacity 0.5s ease, visibility 0.5s ease;
+ max-width: 450px;
+ width: 100%;
+ background-color: #fff;
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
+ overflow: hidden;
+}
+.window.window-alert .window-content {
+ background-color: #de4b4b;
+ color: #fff;
+ padding: 10px 0;
+}
+.window.window-alert {
+ margin-top: 50px;
+}
+.window.window-active {
+ opacity: 1;
+ visibility: visible;
+}
+.window.window-active:not(.window-alert) + .window-opacity {
+ opacity: 0.5;
+ visibility: visible;
+}
+.window-opacity {
+ z-index: 99999;
+ background-color: #000;
+ position: absolute;
+ visibility: hidden;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ transition: opacity 0.5s ease, background-color 0.5s ease;
+}
+.window .window-content {
+ background-color: #fff;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ position: relative;
+ width: 100%;
+}
+.window .window-content textarea {
+ height: 80px;
+ min-height: 80px;
+ max-height: 200px;
+}
+.window .window-content .window-close {
+ position: absolute;
+ right: 0;
+ top: 0;
+ margin-right: 15px;
+ margin-top: 15px;
+ color: #fff;
+}
+.window .window-content .window-body {
+ font-weight: 600;
+ padding: 20px;
+ max-height: 500px;
+ overflow-y: auto;
+}
+.window.window-alert .window-content .window-body {
+ padding-top: 0;
+ padding-bottom: 0;
+ word-break: break-word;
+}
+.window .window-content .window-description {
+ padding: 20px;
+ font-weight: 600;
+}
+.window .window-content .window-bottom {
+ text-align: center;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+}
+.window .window-content .window-bottom .button {
+ width: 100%;
+ font-weight: 700;
+ color: #4e4e4e;
+ background-color: #ddd;
+}
+.window .window-content .window-bottom .button.button-confirm {
+ background-color: #3174d7;
+ color: #fff;
+}
+.window .window-body > :not(:last-child) {
+ margin-bottom: 20px;
+}
+.window .window-content .window-head {
+ padding: 15px 20px;
+ font-size: 20px;
+ font-weight: 600;
+ background-color: transparent;
+ color: #3174d7;
+ border-bottom: 2px solid #282828;
+ box-shadow: none;
+ display: flex;
+ align-items: center;
+}
+.trumbowyg-button-pane.fixed {
+ position: fixed;
+ top: 0;
+ margin-top: 48px;
+ left: 0;
+ z-index: 9999;
+}
+.trumbowyg-modal-box .trumbowyg-modal-button {
+ text-align: center;
+}
+@keyframes fade {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.loading {
+ position: absolute;
+ width: 50px;
+ height: 50px;
+ position: fixed;
+ bottom: 0;
+ z-index: 999;
+ padding-left: 10px;
+ margin-bottom: 10px;
+}
+.loading div {
+ display: block;
+ position: absolute;
+ width: 50px;
+ height: 50px;
+ border: 3px solid #3174d7;
+ border-radius: 50%;
+ animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+ border-color: #3174d7 transparent transparent transparent;
+}
+.loading div:nth-child(1) {
+ animation-delay: -0.45s;
+}
+.loading div:nth-child(2) {
+ animation-delay: -0.3s;
+}
+.loading div:nth-child(3) {
+ animation-delay: -0.15s;
+}
+@keyframes lds-ring {
+ 0% {
+ transform: rotate(0);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+span.online {
+ color: #4caf50;
+ font-weight: 700;
+}
+.cookie {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ padding: 10px 20px;
+ background-color: #3174d7;
+ color: #fff;
+ z-index: 99;
+ display: none;
+}
+.cookie .cookie-body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+}
+.cookie a {
+ color: #282828;
+ background-color: #e9ec2e;
+ padding: 5px 10px;
+ font-weight: 600;
+ display: block;
+ float: right;
+}
+.cookie a:hover {
+ color: #fff;
+ background-color: #282828;
+}
+.window-alert.window-alert-success .window-content {
+ background-color: #4caf50;
+}