From 3666b749ea97954608a279f63fd2be4933805004 Mon Sep 17 00:00:00 2001 From: Subash Date: Thu, 28 Aug 2025 13:11:34 +0545 Subject: [PATCH] changes in email template for enquiries and form submittion, other all minor error fixed. --- .../Http/Controllers/CounselorController.php | 5 +- .../Http/Controllers/EnquiryController.php | 6 +- .../Http/Controllers/FranchiseController.php | 6 +- .../Http/Controllers/NewsletterController.php | 6 +- .../Http/Controllers/VacancyController.php | 10 +- .../resources/views/counselor/index.blade.php | 23 +- .../resources/views/enquiry/index.blade.php | 24 +- .../resources/views/franchise/index.blade.php | 23 +- .../views/newsletter/index.blade.php | 23 +- .../resources/views/vacancy/index.blade.php | 23 +- config/sidebar.php | 65 +- modules_statuses.json | 2 +- public/assets/css/app.min.css | 5172 ++++++++++++----- .../pages/resources-template.blade.php | 3 +- .../study-destination-template.blade.php | 2 +- 15 files changed, 3907 insertions(+), 1486 deletions(-) diff --git a/Modules/CCMS/app/Http/Controllers/CounselorController.php b/Modules/CCMS/app/Http/Controllers/CounselorController.php index 9d8b588..d9e1f87 100644 --- a/Modules/CCMS/app/Http/Controllers/CounselorController.php +++ b/Modules/CCMS/app/Http/Controllers/CounselorController.php @@ -20,8 +20,11 @@ class CounselorController extends Controller $model = Counselor::query()->latest(); return DataTables::eloquent($model) ->addIndexColumn() + ->addColumn('checkbox', function (Counselor $enquiry) { + return ''; + }) ->addColumn('action', 'ccms::counselor.datatable.action') - ->rawColumns(['action']) + ->rawColumns(['checkbox', 'action']) ->toJson(); } return view('ccms::counselor.index', [ diff --git a/Modules/CCMS/app/Http/Controllers/EnquiryController.php b/Modules/CCMS/app/Http/Controllers/EnquiryController.php index 5e8d323..4e1a293 100644 --- a/Modules/CCMS/app/Http/Controllers/EnquiryController.php +++ b/Modules/CCMS/app/Http/Controllers/EnquiryController.php @@ -18,10 +18,14 @@ class EnquiryController extends Controller public function index() { + $is_enrolled = request()->get('is_enrolled', null); if (request()->ajax()) { $model = Enquiry::query()->latest(); return DataTables::eloquent($model) ->addIndexColumn() + ->addColumn('checkbox', function (Enquiry $enquiry) { + return ''; + }) ->setRowClass(function (Enquiry $enquiry) { return $enquiry->is_read ? 'text-muted' : 'text-dark'; }) @@ -35,7 +39,7 @@ class EnquiryController extends Controller return $enquiry->message ?? '-'; }) ->addColumn('action', 'ccms::enquiry.datatable.action') - ->rawColumns(['action']) + ->rawColumns(['checkbox', 'action']) ->toJson(); } return view('ccms::enquiry.index', [ diff --git a/Modules/CCMS/app/Http/Controllers/FranchiseController.php b/Modules/CCMS/app/Http/Controllers/FranchiseController.php index b3575c8..4ffe7cd 100644 --- a/Modules/CCMS/app/Http/Controllers/FranchiseController.php +++ b/Modules/CCMS/app/Http/Controllers/FranchiseController.php @@ -22,8 +22,11 @@ class FranchiseController extends Controller $model = Franchise::query()->latest(); return DataTables::eloquent($model) ->addIndexColumn() + ->addColumn('checkbox', function (Franchise $enquiry) { + return ''; + }) ->addColumn('action', 'ccms::franchise.datatable.action') - ->rawColumns(['action']) + ->rawColumns(['checkbox', 'action']) ->toJson(); } return view('ccms::franchise.index', [ @@ -112,5 +115,4 @@ class FranchiseController extends Controller return redirect()->back()->with('error', $th->getMessage()); } } - } diff --git a/Modules/CCMS/app/Http/Controllers/NewsletterController.php b/Modules/CCMS/app/Http/Controllers/NewsletterController.php index db7f764..a1a6bf6 100644 --- a/Modules/CCMS/app/Http/Controllers/NewsletterController.php +++ b/Modules/CCMS/app/Http/Controllers/NewsletterController.php @@ -22,8 +22,11 @@ class NewsletterController extends Controller $model = Newsletter::query()->latest(); return DataTables::eloquent($model) ->addIndexColumn() + ->addColumn('checkbox', function (Newsletter $enquiry) { + return ''; + }) ->addColumn('action', 'ccms::newsletter.datatable.action') - ->rawColumns(['action']) + ->rawColumns(['checkbox', 'action']) ->toJson(); } return view('ccms::newsletter.index', [ @@ -111,5 +114,4 @@ class NewsletterController extends Controller return redirect()->back()->with('error', $th->getMessage()); } } - } diff --git a/Modules/CCMS/app/Http/Controllers/VacancyController.php b/Modules/CCMS/app/Http/Controllers/VacancyController.php index 5fe6ca9..c099c47 100644 --- a/Modules/CCMS/app/Http/Controllers/VacancyController.php +++ b/Modules/CCMS/app/Http/Controllers/VacancyController.php @@ -22,18 +22,16 @@ class VacancyController extends Controller $model = Vacancy::query()->latest(); return DataTables::eloquent($model) ->addIndexColumn() + ->addColumn('checkbox', function (Vacancy $enquiry) { + return ''; + }) ->addColumn('action', 'ccms::vacancy.datatable.action') - ->rawColumns(['action']) + ->rawColumns(['checkbox', 'action']) ->toJson(); } return view('ccms::vacancy.index', [ 'title' => 'Vacancy List', ]); - - - - - } /** diff --git a/Modules/CCMS/resources/views/counselor/index.blade.php b/Modules/CCMS/resources/views/counselor/index.blade.php index c6f1b0e..f396d28 100644 --- a/Modules/CCMS/resources/views/counselor/index.blade.php +++ b/Modules/CCMS/resources/views/counselor/index.blade.php @@ -10,12 +10,13 @@ @php $columns = [ [ - 'title' => 'S.N', - 'data' => 'DT_RowIndex', - 'name' => 'DT_RowIndex', + 'title' => '', + 'data' => 'checkbox', + 'name' => 'checkbox', 'orderable' => false, 'searchable' => false, - 'sortable' => false, + 'className' => 'align-middle', + 'width' => '1%', ], ['title' => 'Name', 'data' => 'name', 'name' => 'name'], ['title' => 'Email', 'data' => 'email', 'name' => 'email'], @@ -32,6 +33,20 @@ @endphp +
+ +
+ {{--
+ {{ $dataTable->table(['class' => 'table table-sm w-100', 'data-is_enrolled' => $is_enrolled], true) }} +
--}} + +
+
+ {{ html()->select('action', [2 => 'Send News Letter', 3 => 'Send Mail'])->placeholder('Bulk Actions')->class('form-select bulk-select') }} +
+
+
+
@endsection diff --git a/Modules/CCMS/resources/views/enquiry/index.blade.php b/Modules/CCMS/resources/views/enquiry/index.blade.php index a6f0675..1975e1e 100644 --- a/Modules/CCMS/resources/views/enquiry/index.blade.php +++ b/Modules/CCMS/resources/views/enquiry/index.blade.php @@ -10,12 +10,13 @@ @php $columns = [ [ - 'title' => 'S.N', - 'data' => 'DT_RowIndex', - 'name' => 'DT_RowIndex', + 'title' => '', + 'data' => 'checkbox', + 'name' => 'checkbox', 'orderable' => false, 'searchable' => false, - 'sortable' => false, + 'className' => 'align-middle', + 'width' => '1%', ], ['title' => 'Name', 'data' => 'name', 'name' => 'name'], ['title' => 'Email', 'data' => 'email', 'name' => 'email'], @@ -31,8 +32,23 @@ ], ]; @endphp + +
+ +
+ {{--
+ {{ $dataTable->table(['class' => 'table table-sm w-100', 'data-is_enrolled' => $is_enrolled], true) }} +
--}} + +
+
+ {{ html()->select('action', [2 => 'Send News Letter', 3 => 'Send Mail'])->placeholder('Bulk Actions')->class('form-select bulk-select') }} +
+
+
+
@endsection diff --git a/Modules/CCMS/resources/views/franchise/index.blade.php b/Modules/CCMS/resources/views/franchise/index.blade.php index cbb7cc8..362433e 100644 --- a/Modules/CCMS/resources/views/franchise/index.blade.php +++ b/Modules/CCMS/resources/views/franchise/index.blade.php @@ -10,12 +10,13 @@ @php $columns = [ [ - 'title' => 'S.N', - 'data' => 'DT_RowIndex', - 'name' => 'DT_RowIndex', + 'title' => '', + 'data' => 'checkbox', + 'name' => 'checkbox', 'orderable' => false, 'searchable' => false, - 'sortable' => false, + 'className' => 'align-middle', + 'width' => '1%', ], ['title' => 'First Name', 'data' => 'first_name', 'name' => 'first_name'], ['title' => 'Last Name', 'data' => 'last_name', 'name' => 'first_name'], @@ -40,6 +41,20 @@ @endphp +
+ +
+ {{--
+ {{ $dataTable->table(['class' => 'table table-sm w-100', 'data-is_enrolled' => $is_enrolled], true) }} +
--}} + +
+
+ {{ html()->select('action', [2 => 'Send News Letter', 3 => 'Send Mail'])->placeholder('Bulk Actions')->class('form-select bulk-select') }} +
+
+
+
@endsection diff --git a/Modules/CCMS/resources/views/newsletter/index.blade.php b/Modules/CCMS/resources/views/newsletter/index.blade.php index 9f7a0a3..1db38cd 100644 --- a/Modules/CCMS/resources/views/newsletter/index.blade.php +++ b/Modules/CCMS/resources/views/newsletter/index.blade.php @@ -10,12 +10,13 @@ @php $columns = [ [ - 'title' => 'S.N', - 'data' => 'DT_RowIndex', - 'name' => 'DT_RowIndex', + 'title' => '', + 'data' => 'checkbox', + 'name' => 'checkbox', 'orderable' => false, 'searchable' => false, - 'sortable' => false, + 'className' => 'align-middle', + 'width' => '1%', ], ['title' => 'Email', 'data' => 'email', 'name' => 'email'], [ @@ -28,6 +29,20 @@ @endphp +
+ +
+ {{--
+ {{ $dataTable->table(['class' => 'table table-sm w-100', 'data-is_enrolled' => $is_enrolled], true) }} +
--}} + +
+
+ {{ html()->select('action', [2 => 'Send News Letter', 3 => 'Send Mail'])->placeholder('Bulk Actions')->class('form-select bulk-select') }} +
+
+
+
@endsection diff --git a/Modules/CCMS/resources/views/vacancy/index.blade.php b/Modules/CCMS/resources/views/vacancy/index.blade.php index 8e266dc..5fceef0 100644 --- a/Modules/CCMS/resources/views/vacancy/index.blade.php +++ b/Modules/CCMS/resources/views/vacancy/index.blade.php @@ -10,12 +10,13 @@ @php $columns = [ [ - 'title' => 'S.N', - 'data' => 'DT_RowIndex', - 'name' => 'DT_RowIndex', + 'title' => '', + 'data' => 'checkbox', + 'name' => 'checkbox', 'orderable' => false, 'searchable' => false, - 'sortable' => false, + 'className' => 'align-middle', + 'width' => '1%', ], ['title' => 'First Name', 'data' => 'first_name', 'name' => 'first_name'], ['title' => 'Last Name', 'data' => 'last_name', 'name' => 'last_name'], @@ -32,6 +33,20 @@ @endphp +
+ +
+ {{--
+ {{ $dataTable->table(['class' => 'table table-sm w-100', 'data-is_enrolled' => $is_enrolled], true) }} +
--}} + +
+
+ {{ html()->select('action', [2 => 'Send News Letter', 3 => 'Send Mail'])->placeholder('Bulk Actions')->class('form-select bulk-select') }} +
+
+
+
@endsection diff --git a/config/sidebar.php b/config/sidebar.php index 69d3759..4f18301 100644 --- a/config/sidebar.php +++ b/config/sidebar.php @@ -3,12 +3,12 @@ return [ [ 'text' => 'Dashboard', 'url' => 'admin/dashboard', - 'icon' => 'ri-home-4-line', + 'icon' => 'ri-home-fill text-primary', ], [ 'text' => 'Authorization', - 'icon' => 'ri-user-settings-line', + 'icon' => 'ri-group-fill text-info', 'module' => 'User', 'submenu' => [ [ @@ -32,7 +32,7 @@ return [ [ 'text' => 'Setting', 'url' => 'admin/setting', - 'icon' => 'ri-settings-4-line', + 'icon' => 'ri-settings-2-fill text-danger', 'module' => 'CCMS', 'can' => ['setting.index'], ], @@ -40,14 +40,14 @@ return [ [ 'text' => 'Menu', 'url' => 'admin/menu', - 'icon' => 'ri-menu-line', + 'icon' => 'ri-menu-fill text-dark', 'module' => 'CCMS', 'can' => ['menu.index'], ], [ 'text' => 'Enquiries', - 'icon' => 'ri-cellphone-line', + 'icon' => 'ri-cellphone-fill text-success', 'module' => 'CCMS', 'submenu' => [ @@ -83,18 +83,10 @@ return [ ], ], - // [ - // 'text' => 'Offer Popup', - // 'url' => 'admin/popup', - // 'icon' => 'ri-gift-2-line', - // 'module' => 'CCMS', - // 'can' => ['popup.index'], - // ], - [ 'text' => 'Counter', 'url' => 'admin/counter', - 'icon' => 'ri-add-circle-line', + 'icon' => 'ri-add-circle-fill text-info', 'module' => 'CCMS', 'can' => ['counter.index'], ], @@ -102,7 +94,7 @@ return [ [ 'text' => 'Page', 'url' => 'admin/page', - 'icon' => 'ri-pages-line', + 'icon' => 'ri-pages-fill text-warning', 'module' => 'CCMS', 'can' => ['page.index'], ], @@ -110,7 +102,7 @@ return [ [ 'text' => 'Slider', 'url' => 'admin/slider', - 'icon' => 'ri-slideshow-3-line', + 'icon' => 'ri-slideshow-3-fill text-dark', 'module' => 'CCMS', 'can' => ['slider.index'], ], @@ -118,7 +110,7 @@ return [ [ 'text' => 'Testimonial', 'url' => 'admin/testimonial', - 'icon' => 'ri-feedback-line', + 'icon' => 'ri-feedback-fill text-success', 'module' => 'CCMS', 'can' => ['testimonial.index'], ], @@ -126,7 +118,7 @@ return [ [ 'text' => 'Partner', 'url' => 'admin/partner', - 'icon' => 'ri-hand-heart-line', + 'icon' => 'ri-hand-heart-fill text-danger', 'module' => 'CCMS', 'can' => ['partner.index'], ], @@ -134,7 +126,7 @@ return [ [ 'text' => 'Service', 'url' => 'admin/service', - 'icon' => 'ri-customer-service-2-line', + 'icon' => 'ri-customer-service-2-fill text-success', 'module' => 'CCMS', 'can' => ['service.index'], ], @@ -142,7 +134,7 @@ return [ [ 'text' => 'Events', 'url' => 'admin/event', - 'icon' => 'ri-feedback-line', + 'icon' => 'ri-calendar-todo-fill text-primary', 'module' => 'CCMS', 'can' => ['event.index'], ], @@ -150,7 +142,7 @@ return [ [ 'text' => 'Team', 'url' => 'admin/team', - 'icon' => 'ri-team-line', + 'icon' => 'ri-team-fill text-primary', 'module' => 'CCMS', 'can' => ['team.index'], ], @@ -158,7 +150,7 @@ return [ [ 'text' => 'Career', 'url' => 'admin/career', - 'icon' => 'ri-feedback-line', + 'icon' => 'ri-feedback-fill text-info', 'module' => 'CCMS', 'can' => ['career.index'], ], @@ -166,14 +158,14 @@ return [ [ 'text' => 'Blog', 'url' => 'admin/blog', - 'icon' => 'ri-newspaper-line', + 'icon' => 'ri-newspaper-fill text-dark', 'module' => 'CCMS', 'can' => ['blog.index'], ], [ 'text' => 'Study Abroad', - 'icon' => 'ri-earth-line', + 'icon' => 'ri-earth-fill text-success', 'module' => 'CCMS', 'submenu' => [ [ @@ -191,7 +183,7 @@ return [ [ 'text' => 'Testimonial Videos', - 'icon' => ' ri-camera-line', + 'icon' => ' ri-camera-fill text-dark', 'module' => 'CCMS', 'submenu' => [ [ @@ -209,7 +201,7 @@ return [ [ 'text' => 'FAQ', - 'icon' => 'ri-questionnaire-line', + 'icon' => 'ri-questionnaire-fill text-danger', 'module' => 'CCMS', 'submenu' => [ [ @@ -229,7 +221,7 @@ return [ [ 'text' => 'Course Finder', - 'icon' => 'ri-book-2-line', + 'icon' => 'ri-book-2-fill text-primary', 'module' => 'CourseFinder', 'submenu' => [ @@ -266,7 +258,7 @@ return [ [ 'text' => 'Cost Calculator', - 'icon' => 'ri-newspaper-line', + 'icon' => 'ri-newspaper-fill text-info', 'module' => 'CostCalculator', 'submenu' => [ [ @@ -285,15 +277,16 @@ return [ [ 'text' => 'Free Resources', 'url' => 'admin/documents', - 'icon' => 'ri-file-text-line', + 'icon' => 'ri-file-text-fill text-dark', 'module' => 'Document', 'can' => ['documents.index'], ], - // [ - // 'text' => 'Resume Builder', - // 'url' => 'admin/resume', - // 'icon' => 'ri-pages-line', - // 'module' => 'CCMS', - // 'can' => ['resume.index'], - // ], + + [ + 'text' => 'Template', + 'url' => 'admin/template', + 'icon' => 'ri-mail-send-fill text-info', + 'module' => 'Template', + 'can' => ['template.index'], + ] ]; diff --git a/modules_statuses.json b/modules_statuses.json index 1a2ed1d..2fd7105 100644 --- a/modules_statuses.json +++ b/modules_statuses.json @@ -19,4 +19,4 @@ "Sitemap": true, "Document": true, "CostCalculator": true -} \ No newline at end of file +} diff --git a/public/assets/css/app.min.css b/public/assets/css/app.min.css index fa35717..678e0f1 100644 --- a/public/assets/css/app.min.css +++ b/public/assets/css/app.min.css @@ -1,5 +1,6 @@ @charset "UTF-8"; @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap); + @font-face { font-family: hkgrotesk; src: url(../fonts/hkgrotesk-light.eot); @@ -7,6 +8,7 @@ url(../fonts/hkgrotesk-light.woff) format("woff"); font-weight: 300; } + @font-face { font-family: hkgrotesk; src: url(../fonts/hkgrotesk-regular.eot); @@ -14,6 +16,7 @@ url(../fonts/hkgrotesk-regular.woff) format("woff"); font-weight: 400; } + @font-face { font-family: hkgrotesk; src: url(../fonts/hkgrotesk-medium.eot); @@ -21,6 +24,7 @@ url(../fonts/hkgrotesk-medium.woff) format("woff"); font-weight: 500; } + @font-face { font-family: hkgrotesk; src: url(../fonts/hkgrotesk-semibold.eot); @@ -28,6 +32,7 @@ url(../fonts/hkgrotesk-semibold.woff) format("woff"); font-weight: 600; } + @font-face { font-family: hkgrotesk; src: url(../fonts/hkgrotesk-bold.eot); @@ -35,6 +40,7 @@ url(../fonts/hkgrotesk-bold.woff) format("woff"); font-weight: 700; } + #page-topbar { position: fixed; top: 0; @@ -46,15 +52,18 @@ transition: all 0.1s ease-out; border-bottom: 1px solid var(--vz-header-border); } + #page-topbar.topbar-shadow { -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); } + @media (min-width: 768px) { #page-topbar { left: var(--vz-vertical-menu-width); } } + .navbar-header { display: -webkit-box; display: -ms-flexbox; @@ -69,14 +78,17 @@ height: 70px; padding: 0 1.5rem 0 calc(1.5rem * 0.5); } + @media (max-width: 767.98px) { .navbar-header { padding: 0 calc(1.5rem * 0.5) 0 calc(1.5rem * 0.5); } } + .navbar-header .topbar-head-dropdown .dropdown-menu.show { top: 13px !important; } + .navbar-header .topbar-head-dropdown .notification-actions { display: none; position: absolute; @@ -87,6 +99,7 @@ padding: 7px; border-top: 1px solid var(--vz-border-color); } + .navbar-header .btn-topbar { height: 42px; width: 42px; @@ -94,27 +107,33 @@ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .navbar-header .btn-topbar.active, .navbar-header .btn-topbar:active, .navbar-header .btn-topbar:focus, .navbar-header .btn-topbar:hover { background-color: var(--vz-header-item-bg); } + @media (max-width: 360px) { .navbar-header .btn-topbar { height: 36px; width: 36px; } } + .navbar-header .user-name-sub-text { color: var(--vz-header-item-sub-color); } + .navbar-header .user-name-text { color: var(--vz-header-item-color); } + .app-search { padding: calc(32px * 0.5) 0; } + .app-search .form-control { border: none; height: 38px; @@ -125,6 +144,7 @@ -webkit-box-shadow: none; box-shadow: none; } + .app-search span.search-widget-icon { position: absolute; z-index: 10; @@ -134,45 +154,57 @@ top: 0; color: var(--vz-header-item-sub-color); } + .app-search .search-widget-icon-close { right: 7px; left: auto !important; } + @media (max-width: 1023.99px) { .app-search { padding-left: calc(1.5rem * 0.5); } } + .app-search ::-webkit-input-placeholder { color: var(--vz-header-item-sub-color); } + .app-search :-ms-input-placeholder { color: var(--vz-header-item-sub-color); } + .app-search ::-moz-placeholder { color: var(--vz-header-item-sub-color); } + .app-search ::-ms-input-placeholder { color: var(--vz-header-item-sub-color); } + .app-search ::placeholder { color: var(--vz-header-item-sub-color); } + .megamenu-list li { position: relative; padding: 5px 0; } + .megamenu-list li a { color: var(--vz-body-color); } + @media (max-width: 767.98px) { .logo span.logo-lg { display: none; } + .logo span.logo-sm { display: inline-block; } } + .header-item { height: 70px; display: -webkit-box; @@ -182,35 +214,43 @@ -ms-flex-align: center; align-items: center; } + .header-profile-user { height: 32px; width: 32px; } + .topbar-badge-sm { right: 0; top: 7px !important; } + .topbar-badge { right: -9px; top: 4px !important; } + @media (min-width: 768px) { .topbar-user { background-color: var(--vz-topbar-user-bg); } } + .topbar-user .dropdown-menu { top: 6px !important; } + .notification-item { padding: 0.75rem 1rem; white-space: inherit; position: relative; } + .notification-item .form-check-input { position: relative; z-index: 2; } + .dropdown-icon-item { display: block; border-radius: 3px; @@ -220,154 +260,168 @@ border: 1px solid transparent; color: var(--vz-dropdown-link-color); } + .dropdown-icon-item img { height: 24px; } + .dropdown-icon-item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .dropdown-icon-item:hover { background-color: var(--vz-dropdown-link-hover-bg); } + .fullscreen-enable [data-toggle="fullscreen"] .bx-fullscreen::before { content: "\eacb"; } + [data-bs-theme="dark"] .light-dark-mode .bx-moon::before { content: "\ec34"; } + [data-topbar="dark"] .logo-dark { display: none; } + [data-topbar="dark"] .logo-light { display: inline-block; } + [data-bs-theme="dark"][data-topbar="light"] .logo-dark { display: none; } + [data-bs-theme="dark"][data-topbar="light"] .logo-light { display: inline-block; } + @media (max-width: 600px) { .navbar-header .dropdown { position: static; } + .navbar-header .dropdown .dropdown-menu { width: 100%; } } + @media (max-width: 767.98px) { #search-dropdown-reponsive { top: 54px !important; } } + @media (min-width: 1024.1px) { [data-layout="vertical"][data-layout-style="detached"] #page-topbar { left: 0 !important; -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); } + [data-layout="vertical"][data-layout-style="detached"] .horizontal-logo { display: inline-block; padding-left: 0; } + [data-layout="vertical"][data-layout-style="detached"] .topnav-hamburger { visibility: hidden; } + [data-layout="vertical"][data-layout-style="detached"] .layout-width { max-width: 95%; margin: 0 auto; } - [data-layout="vertical"][data-layout-style="detached"]:is( - [data-sidebar-size="sm"], - [data-sidebar-size="sm-hover"] - ) - .navbar-brand-box { + + [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], + [data-sidebar-size="sm-hover"]) .navbar-brand-box { background-color: transparent !important; position: relative; width: auto; text-align: left; } - [data-layout="vertical"][data-layout-style="detached"]:is( - [data-sidebar-size="sm"], - [data-sidebar-size="sm-hover"] - ) - .navbar-brand-box - .logo-sm { + + [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], + [data-sidebar-size="sm-hover"]) .navbar-brand-box .logo-sm { display: none; } - [data-layout="vertical"][data-layout-style="detached"]:is( - [data-sidebar-size="sm"], - [data-sidebar-size="sm-hover"] - ) - .navbar-brand-box - .logo-lg { + + [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], + [data-sidebar-size="sm-hover"]) .navbar-brand-box .logo-lg { display: block; } } -[data-layout="vertical"][data-layout-style="detached"][data-topbar="dark"] - .horizontal-logo - .logo-dark { + +[data-layout="vertical"][data-layout-style="detached"][data-topbar="dark"] .horizontal-logo .logo-dark { display: none; } -[data-layout="vertical"][data-layout-style="detached"][data-topbar="dark"] - .horizontal-logo - .logo-light { + +[data-layout="vertical"][data-layout-style="detached"][data-topbar="dark"] .horizontal-logo .logo-light { display: block; } + [data-layout="horizontal"] #page-topbar { left: 0; border-bottom: 1px solid var(--vz-header-border); } + @media (min-width: 1024.1px) { [data-layout="horizontal"] #page-topbar.topbar-shadow { -webkit-box-shadow: none; box-shadow: none; } } + [data-layout="horizontal"] .page-content { padding: calc(45px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5); } + @media (min-width: 1024.1px) { [data-layout="horizontal"] .page-content { margin-top: 70px; } } + @media (max-width: 1024.1px) { [data-layout="horizontal"] .page-content { - padding: calc(45px + 1.5rem * 1.8) calc(1.5rem * 0.5) 60px - calc(1.5rem * 0.5); + padding: calc(45px + 1.5rem * 1.8) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5); } } + @media (min-width: 1024.1px) { [data-layout="horizontal"][data-layout-width="boxed"] .page-content { min-height: calc(100vh - 130px); } } + @media (min-width: 768px) { - [data-layout="vertical"]:is( - [data-sidebar-size="sm"], - [data-sidebar-size="sm-hover"] - ) - #page-topbar { + + [data-layout="vertical"]:is([data-sidebar-size="sm"], + [data-sidebar-size="sm-hover"]) #page-topbar { left: var(--vz-vertical-menu-width-sm); } } + @media (min-width: 768px) { [data-layout="vertical"][data-sidebar-size="md"] #page-topbar { left: var(--vz-vertical-menu-width-md); } } + @media (min-width: 768px) { [data-layout="twocolumn"] #page-topbar { left: calc(70px + 220px); } } + [data-layout="twocolumn"] .horizontal-logo { display: none; } + .page-title-box { padding: 10px 1.5rem; background-color: var(--vz-secondary-bg); @@ -376,15 +430,18 @@ border-bottom: 1px solid var(--vz-page-title-border); margin: -23px -1.5rem 1.5rem -1.5rem; } + .page-title-box .breadcrumb { background-color: transparent; padding: 0; } + .page-title-box h4 { font-weight: 700; font-size: 15px !important; text-transform: uppercase; } + [data-layout="horizontal"] .page-title-box { padding: 1.2rem 0; background-color: transparent !important; @@ -394,11 +451,13 @@ box-shadow: none; margin: 0; } + @media (min-width: 1024.1px) { [data-layout="horizontal"] .page-title-box { margin: -19px 0 0 0; } } + [data-layout="vertical"][data-layout-style="detached"] .page-title-box { padding: 1.2rem 0; background-color: transparent !important; @@ -408,11 +467,13 @@ box-shadow: none; margin: 0; } + @media (min-width: 1024.1px) { [data-layout="vertical"][data-layout-style="detached"] .page-title-box { margin: -19px 0 0 0; } } + .footer { bottom: 0; padding: 20px calc(1.5rem * 0.5); @@ -423,69 +484,78 @@ height: 60px; background-color: var(--vz-footer-bg); } + @media (max-width: 991.98px) { .footer { left: 0; } } -[data-layout="vertical"]:is( - [data-sidebar-size="sm"], - [data-sidebar-size="sm-hover"] - ) - .footer { + +[data-layout="vertical"]:is([data-sidebar-size="sm"], + [data-sidebar-size="sm-hover"]) .footer { left: var(--vz-vertical-menu-width-sm); } + @media (max-width: 767.98px) { - [data-layout="vertical"]:is( - [data-sidebar-size="sm"], - [data-sidebar-size="sm-hover"] - ) - .footer { + + [data-layout="vertical"]:is([data-sidebar-size="sm"], + [data-sidebar-size="sm-hover"]) .footer { left: 0; } } + [data-layout="vertical"][data-sidebar-size="md"] .footer { left: var(--vz-vertical-menu-width-md); } + @media (max-width: 991.98px) { [data-layout="vertical"][data-sidebar-size="md"] .footer { left: 0; } } + [data-layout="horizontal"] .footer { left: 0 !important; } + @media (min-width: 1024.1px) { [data-layout="vertical"][data-layout-style="detached"] .footer { left: 0 !important; background-color: transparent; } } + @media (min-width: 768.1px) { [data-layout="twocolumn"] .footer { left: calc(70px + 220px); } } + .app-content { margin-left: var(--vz-vertical-menu-width); overflow: hidden; } + .app-content .content { padding: 0 15px 10px 15px; margin-top: 70px; } + .main-content { -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } + @media (min-width: 768px) { .main-content { margin-left: var(--vz-vertical-menu-width); } } + .page-content { padding: calc(70px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5); } + .navbar-menu { width: var(--vz-vertical-menu-width); z-index: 1002; @@ -501,6 +571,7 @@ -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } + .navbar-menu .navbar-nav .nav-link { display: -webkit-box; display: -ms-flexbox; @@ -509,39 +580,47 @@ -ms-flex-align: center; align-items: center; padding: 0.625rem 1.5rem; - color: var(--vz-vertical-menu-item-color); + /* color: var(--vz-vertical-menu-item-color); */ font-size: 0.9375rem; font-family: hkgrotesk, sans-serif; } + .navbar-menu .navbar-nav .nav-link.active { color: var(--vz-vertical-menu-item-active-color); } + .navbar-menu .navbar-nav .nav-link:hover { color: var(--vz-vertical-menu-item-hover-color); } + .navbar-menu .navbar-nav .nav-link i { display: inline-block; min-width: 1.75rem; font-size: 18px; line-height: inherit; } + .navbar-menu .navbar-nav .nav-link svg { width: 18px; margin-right: 0.665rem; color: var(--vz-vertical-menu-item-color); } + .navbar-menu .navbar-nav .nav-link .badge { margin-left: auto; margin-right: -2px; z-index: 1; } + .navbar-menu .navbar-nav .nav-link:hover { color: var(--vz-vertical-menu-item-hover-color); } + .navbar-menu .navbar-nav .nav-link:hover .icon-dual { color: var(--vz-vertical-menu-item-hover-color); fill: rgba(64, 81, 137, 0.16); } + .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { display: block; content: "\f0142"; @@ -556,38 +635,36 @@ right: 18px; color: inherit; } -.navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] { + +.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] { color: var(--vz-vertical-menu-item-active-color); } -.navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] - .icon-dual { + +.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .icon-dual { color: var(--vz-vertical-menu-item-hover-color); fill: rgba(64, 81, 137, 0.16); } -.navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { + +.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: var(--vz-vertical-menu-item-active-color); } -.navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:before { + +.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:before { opacity: 1; background-color: var(--vz-vertical-menu-item-active-color); } + .navbar-menu .navbar-nav .nav-link.collapsed.active::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } + .navbar-menu .navbar-nav .nav-sm { padding-left: 1.75rem; } + .navbar-menu .navbar-nav .nav-sm .nav-link { padding: 0.55rem 1.5rem !important; color: var(--vz-vertical-menu-sub-item-color); @@ -596,6 +673,7 @@ font-size: 0.813rem; font-family: Poppins, sans-serif; } + .navbar-menu .navbar-nav .nav-sm .nav-link:before { content: ""; width: 6px; @@ -608,22 +686,28 @@ transition: all 0.4s ease-in-out; opacity: 0.5; } + .navbar-menu .navbar-nav .nav-sm .nav-link:hover { color: var(--vz-vertical-menu-sub-item-hover-color); } + .navbar-menu .navbar-nav .nav-sm .nav-link:hover:before { background-color: var(--vz-vertical-menu-sub-item-hover-color) !important; opacity: 1; } + .navbar-menu .navbar-nav .nav-sm .nav-link.active { color: var(--vz-vertical-menu-item-active-color); } + .navbar-menu .navbar-nav .nav-sm .nav-link.active:before { background-color: var(--vz-vertical-menu-item-active-color); } + .navbar-menu .navbar-nav .nav-sm .nav-sm { padding-left: 15px; } + .navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link:before { height: 5px; width: 5px; @@ -633,21 +717,25 @@ border: 1px solid; top: 16px; } + .navbar-menu .btn-vertical-sm-hover { color: var(--vz-secondary-color); display: none; } + .navbar-brand-box { padding: 0 1.3rem; text-align: center; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } + @media (max-width: 767.98px) { .navbar-brand-box { display: none; } } + .hamburger-icon { width: 20px; height: 14px; @@ -655,6 +743,7 @@ cursor: pointer; display: inline-block; } + .hamburger-icon span { background-color: var(--vz-header-item-sub-color); position: absolute; @@ -666,27 +755,34 @@ display: block; left: 0; } + .hamburger-icon span:nth-child(1) { top: 0; width: 80%; } + .hamburger-icon span:nth-child(2) { top: 6px; } + .hamburger-icon span:nth-child(3) { bottom: 0; width: 60%; } + .vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(1) { top: -1px; } + .vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) { bottom: -1px; } + .hamburger-icon.open { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } + .hamburger-icon.open span:nth-child(1) { left: 1px; top: 5px; @@ -696,6 +792,7 @@ -webkit-transition-delay: 150ms; transition-delay: 150ms; } + .hamburger-icon.open span:nth-child(2) { left: 3px; top: 13px; @@ -705,6 +802,7 @@ -webkit-transition-delay: 50ms; transition-delay: 50ms; } + .hamburger-icon.open span:nth-child(3) { left: 9px; top: 13px; @@ -714,426 +812,276 @@ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } + .logo { line-height: 70px; } + .logo .logo-sm { display: none; } + .logo-light { display: none; } + :is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row { margin: 0; } -:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row > * { + +:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row>* { width: 100%; padding: 0; } + @media (max-width: 767.98px) { :is([data-layout="vertical"], [data-layout="semibox"]) .app-menu { margin-left: -100%; padding: 10px 0 20px 0; } } -:is([data-layout="vertical"], [data-layout="semibox"]) - .navbar-menu - .container-fluid { + +:is([data-layout="vertical"], [data-layout="semibox"]) .navbar-menu .container-fluid { padding: 0; } + @media (max-width: 767.98px) { :is([data-layout="vertical"], [data-layout="semibox"]) .navbar-brand-box { display: none; } } + :is([data-layout="vertical"], [data-layout="semibox"]) .horizontal-logo { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .main-content { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content { margin-left: var(--vz-vertical-menu-width-sm); } + @media (max-width: 767.98px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .main-content { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content { margin-left: 0; } } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .logo - span.logo-lg { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .logo span.logo-lg { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .logo - span.logo-sm { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .logo span.logo-sm { display: inline-block; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .btn-vertical-sm-hover { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .btn-vertical-sm-hover { display: inline-block; } + @media (min-width: 768px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .topnav-hamburger { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .topnav-hamburger { display: none; } } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu { width: var(--vz-vertical-menu-width-sm); } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .btn-vertical-sm-hover { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .btn-vertical-sm-hover { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .btn-vertical-sm-hover - i.ri-record-circle-line:before { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .btn-vertical-sm-hover i.ri-record-circle-line:before { content: "\eb7d"; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .badge { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .badge { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .menu-title { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title { text-align: center; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .menu-title - span { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title span { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .menu-title - i { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title i { color: var(--vz-vertical-menu-item-color); display: block; line-height: 36px; font-size: 1rem; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link - span { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link span { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link - i { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i { font-size: 22px; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link - i.lab, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link - i.lar, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link - i.las { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i.lab, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i.lar, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i.las { font-size: 24px; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link - svg { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link svg { margin-right: 0; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link:after, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .nav-link:before { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link:after, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link:before { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu - .navbar-nav - .menu-dropdown { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-dropdown { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover { width: var(--vz-vertical-menu-width) !important; } + @media (min-width: 1024.99px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .btn-vertical-sm-hover { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .btn-vertical-sm-hover { display: inline-block; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .navbar-brand-box { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-brand-box { text-align: left; } } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .navbar-nav - .menu-dropdown.show { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-nav .menu-dropdown.show { display: block; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link - i { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i { font-size: 18px; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link - i.lab, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link - i.lar, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link - i.las { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i.lab, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i.lar, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i.las { font-size: 20px; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link - svg { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link svg { margin-right: 0.665rem; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link - span, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link:after, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .nav-link:before { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link span, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link:after, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link:before { display: inline-block; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .logo - span.logo-lg { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo span.logo-lg { display: inline-block; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .logo - span.logo-sm { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo span.logo-sm { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .menu-title { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title { text-align: left; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .menu-title - span { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title span { display: inline-block; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover"] - .navbar-menu:hover - .menu-title - i { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title i { display: none; } + @media (min-width: 1025px) { - :is([data-layout="vertical"], [data-layout="semibox"]):is( - [data-sidebar-size="sm-hover"], - [data-sidebar-size="sm-hover-active"] - ) - .navbar-header { + + :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], + [data-sidebar-size="sm-hover-active"]) .navbar-header { padding-left: 1.5rem; } } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover-active"] - .navbar-brand-box { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .navbar-brand-box { text-align: left; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover-active"] - .topnav-hamburger { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .topnav-hamburger { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm-hover-active"] - .btn-vertical-sm-hover { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .btn-vertical-sm-hover { display: inline-block; } + @media (min-width: 768px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm"] { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm"] { min-height: 1400px; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="sm"] - .main-content { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="sm"] .main-content { margin-left: var(--vz-vertical-menu-width-sm); } } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - #page-topbar { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] #page-topbar { z-index: calc(1002 + 1); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-brand-box { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-brand-box { position: fixed; padding: 0; width: var(--vz-vertical-menu-width-sm); @@ -1141,166 +1089,108 @@ top: 0; background-color: var(--vz-vertical-menu-bg); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .logo - span.logo-lg { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .logo span.logo-lg { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .logo - span.logo-sm { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .logo span.logo-sm { display: inline-block; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu { position: absolute; width: var(--vz-vertical-menu-width-sm) !important; padding-top: 70px; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .simplebar-content-wrapper, -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .simplebar-mask { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-content-wrapper, +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-mask { overflow: visible !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .simplebar-scrollbar, -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .vertical-menu-btn { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-scrollbar, +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .vertical-menu-btn { display: none !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .simplebar-offset { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-offset { bottom: 0 !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .badge { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .badge { display: none !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .menu-title { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title { text-align: center; font-size: 1rem; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .menu-title - span { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title span { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .menu-title - i { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title i { display: block; line-height: 36px; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-link - span { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link span { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-link - i { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link i { font-size: 22px; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-link - svg { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link svg { margin-right: 0; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-link:after, -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-link:before { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link:after, +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link:before { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .menu-dropdown { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-dropdown { display: none; height: auto !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item { position: relative; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item:hover - > a.menu-link { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link { position: relative; width: calc(200px + var(--vz-vertical-menu-width-sm)); -webkit-transition: none; transition: none; background: var(--vz-vertical-menu-bg); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item:hover - > a.menu-link - .icon-dual { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link .icon-dual { fill: rgba(255, 255, 255, 0.16); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item:hover - > a.menu-link - span { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link span { display: inline-block; padding-left: 25px; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item:hover - > a.menu-link:after { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link:after { display: block; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #fff; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item:hover - .nav-link - span { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover .nav-link span { display: inline-block; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-item:hover - > .menu-dropdown { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover>.menu-dropdown { display: block; left: var(--vz-vertical-menu-width-sm); position: absolute; @@ -1312,188 +1202,138 @@ -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-sm { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm { padding: 0; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-sm - .nav-item:hover - > .nav-link { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item:hover>.nav-link { color: var(--vz-vertical-menu-item-hover-color); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-sm - .nav-item:hover - > .nav-link:after { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item:hover>.nav-link:after { color: inherit; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-sm - .nav-link:after { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-link:after { display: block !important; -webkit-transform: rotate(0) !important; transform: rotate(0) !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] - .navbar-menu - .navbar-nav - .nav-sm - .menu-dropdown { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .menu-dropdown { left: 100% !important; top: 0; border-radius: 3px !important; } + @media (min-width: 768px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-sidebar-size="md"] - .main-content { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-sidebar-size="md"] .main-content { margin-left: var(--vz-vertical-menu-width-md); } } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-brand-box { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-brand-box { width: var(--vz-vertical-menu-width-md); } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu { width: var(--vz-vertical-menu-width-md) !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-link { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link { display: block; text-align: center; padding: 0.55rem 0.525rem; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-link - i { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link i { display: block; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-link - svg { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link svg { display: block; margin-left: auto; margin-right: auto; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-link:before { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link:before { display: none !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"]:after { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { position: relative; display: inline-block; right: 0; top: 3px; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-link.menu-link[data-bs-toggle="collapse"]:after { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle="collapse"]:after { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .badge { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .badge { display: none !important; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .navbar-nav - .nav-sm { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-sm { padding-left: 0; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .menu-title { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .menu-title { text-align: center; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] - .navbar-menu - .menu-title - span { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .menu-title span { text-decoration: underline; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] - .logo-dark { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-dark { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] - .logo-light { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-light { display: inline-block; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] - .logo-dark { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] .logo-dark { display: inline-block; } -:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] - .logo-light { + +:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] .logo-light { display: none; } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - #layout-wrapper, -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .main-content { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] #layout-wrapper, +:is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .main-content { min-height: 100vh; } + @media (min-width: 1024.1px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .main-content { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .main-content { position: relative; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - #layout-wrapper { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] #layout-wrapper { max-width: 95%; margin: 0 auto; padding-left: 1.5rem; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .navbar-header { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .navbar-header { padding-left: 1.5rem; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .navbar-menu { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .navbar-menu { top: calc(70px + 1.5rem); bottom: 1.5rem; padding: 0; @@ -1502,112 +1342,86 @@ padding: 10px 0; z-index: 1; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .navbar-menu - .navbar-brand-box { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .navbar-menu .navbar-brand-box { display: none; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"]:is( - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-dark { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"]:is([data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-dark { display: inline-block; } - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"]:is( - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-light { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"]:is([data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-light { display: none; } } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .footer { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .footer { border-top: 1px dashed var(--vz-border-color); } -:is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"] - .auth-page-wrapper - .footer { + +:is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"] .auth-page-wrapper .footer { border-top: none; } + @media (min-width: 768px) { - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"][data-sidebar-size="sm"] - #layout-wrapper, - :is( - [data-layout="vertical"], - [data-layout="semibox"] - )[data-layout-style="detached"][data-sidebar-size="sm"] - .main-content { + + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"][data-sidebar-size="sm"] #layout-wrapper, + :is([data-layout="vertical"], + [data-layout="semibox"])[data-layout-style="detached"][data-sidebar-size="sm"] .main-content { min-height: 1400px; } } -:is([data-layout="vertical"], [data-layout="semibox"]):is( - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-dark { + +:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-dark { display: none; } -:is([data-layout="vertical"], [data-layout="semibox"]):is( + +:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-light { + display: inline-block; +} + +@media (min-width: 1024.1px) { + + [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is([data-sidebar="light"], + [data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-light { - display: inline-block; -} -@media (min-width: 1024.1px) { - [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is( - [data-sidebar="light"], - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-dark { + [data-sidebar="gradient-4"]) .logo-dark { display: none; } - [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is( - [data-sidebar="light"], - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-light { + + [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is([data-sidebar="light"], + [data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-light { display: inline-block; } } + .menu-title { letter-spacing: 0.05em; cursor: default; @@ -1616,13 +1430,16 @@ color: var(--vz-vertical-menu-title-color); font-weight: 600; } + .menu-title span { padding: 12px 20px; display: inline-block; } + .menu-title i { display: none; } + .vertical-overlay { position: fixed; top: 0; @@ -1633,67 +1450,62 @@ z-index: 1003; display: none; } + .vertical-sidebar-enable .vertical-overlay { display: block; } + .vertical-sidebar-enable .app-menu { margin-left: 0 !important; z-index: 1004; } -[dir="rtl"] - .navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"]:after { + +[dir="rtl"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } -[dir="rtl"] - .navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { + +[dir="rtl"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } + .bg-vertical-gradient { - background: -webkit-gradient( - linear, - left top, - right top, - from(var(--vz-primary)), - to(var(--vz-success)) - ); + background: -webkit-gradient(linear, + left top, + right top, + from(var(--vz-primary)), + to(var(--vz-success))); background: linear-gradient(to right, var(--vz-primary), var(--vz-success)); } + .bg-vertical-gradient-2 { - background: -webkit-gradient( - linear, - left top, - right top, - from(var(--vz-info)), - to(var(--vz-secondary)) - ); + background: -webkit-gradient(linear, + left top, + right top, + from(var(--vz-info)), + to(var(--vz-secondary))); background: linear-gradient(to right, var(--vz-info), var(--vz-secondary)); } + .bg-vertical-gradient-3 { - background: -webkit-gradient( - linear, - left top, - right top, - from(var(--vz-info)), - to(var(--vz-success)) - ); + background: -webkit-gradient(linear, + left top, + right top, + from(var(--vz-info)), + to(var(--vz-success))); background: linear-gradient(to right, var(--vz-info), var(--vz-success)); } + .bg-vertical-gradient-4 { - background: -webkit-gradient( - linear, - left top, - right top, - from(#1a1d21), - to(var(--vz-primary)) - ); + background: -webkit-gradient(linear, + left top, + right top, + from(#1a1d21), + to(var(--vz-primary))); background: linear-gradient(to right, #1a1d21, var(--vz-primary)); } + .sidebar-background { position: absolute; z-index: -1; @@ -1706,18 +1518,23 @@ background-position: 50%; opacity: 0.07; } + [data-sidebar-image="img-1"] .sidebar-background { background-image: url(../images/sidebar/img-1.jpg); } + [data-sidebar-image="img-2"] .sidebar-background { background-image: url(../images/sidebar/img-2.jpg); } + [data-sidebar-image="img-3"] .sidebar-background { background-image: url(../images/sidebar/img-3.jpg); } + [data-sidebar-image="img-4"] .sidebar-background { background-image: url(../images/sidebar/img-4.jpg); } + [data-layout="semibox"] .page-title-box { padding: 10px 0; background-color: transparent; @@ -1725,51 +1542,55 @@ box-shadow: none; margin: -15px 0 1.5rem 0; } + @media (min-width: 768px) { + [data-layout="semibox"][data-sidebar-size="sm-hover"] .main-content, [data-layout="semibox"][data-sidebar-size="sm"] .main-content { margin-left: var(--vz-vertical-menu-width-sm); } + [data-layout="semibox"][data-sidebar-size="sm-hover"] #page-topbar, [data-layout="semibox"][data-sidebar-size="sm"] #page-topbar { left: var(--vz-vertical-menu-width-sm); } + [data-layout="semibox"][data-sidebar-size="sm-hover"] .footer, [data-layout="semibox"][data-sidebar-size="sm"] .footer { left: var(--vz-vertical-menu-width-sm); } + [data-layout="semibox"][data-sidebar-size="md"] #page-topbar { left: var(--vz-vertical-menu-width-md); } + [data-layout="semibox"][data-sidebar-size="md"] .footer { left: var(--vz-vertical-menu-width-md); } } + @media (min-width: 1440px) { [data-layout="semibox"] .page-content { - padding: calc(70px + 1.5rem * 2) calc(1.5rem * 0.5) 60px - calc(1.5rem * 0.5); + padding: calc(70px + 1.5rem * 2) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5); } + [data-layout="semibox"] .navbar-menu { margin: 25px; border-radius: var(--vz-border-radius); } + [data-layout="semibox"] .main-content { margin-left: calc(var(--vz-vertical-menu-width) + 25px); padding: 0 var(--vz-semibox-width); } + [data-layout="semibox"] .footer { - left: calc( - var(--vz-vertical-menu-width) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width) + var(--vz-semibox-width) + 1.5rem + 25px); right: calc(var(--vz-semibox-width) + 1.5rem); } + [data-layout="semibox"] #page-topbar { - left: calc( - var(--vz-vertical-menu-width) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width) + var(--vz-semibox-width) + 1.5rem + 25px); right: calc(var(--vz-semibox-width) + 1.5rem); top: 25px; border-radius: 0.25rem; @@ -1777,87 +1598,89 @@ transition: all 0.5s ease; border: 1px solid var(--vz-header-border); } + [data-layout="semibox"] #page-topbar.topbar-shadow { top: 0; } + [data-layout="semibox"][data-sidebar-size="md"] .main-content { margin-left: calc(var(--vz-vertical-menu-width-md) + 25px); } + [data-layout="semibox"][data-sidebar-size="md"] #page-topbar { - left: calc( - var(--vz-vertical-menu-width-md) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width-md) + var(--vz-semibox-width) + 1.5rem + 25px); } + [data-layout="semibox"][data-sidebar-size="md"] .footer { - left: calc( - var(--vz-vertical-menu-width-md) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width-md) + var(--vz-semibox-width) + 1.5rem + 25px); } + [data-layout="semibox"][data-sidebar-size="sm"] .main-content { margin-left: calc(var(--vz-vertical-menu-width-sm) + 25px); } + [data-layout="semibox"][data-sidebar-size="sm"] .navbar-brand-box { top: 25px; } + [data-layout="semibox"][data-sidebar-size="sm"] #page-topbar { - left: calc( - var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); } + [data-layout="semibox"][data-sidebar-size="sm"] .footer { - left: calc( - var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); } + [data-layout="semibox"][data-sidebar-size="sm-hover"] .main-content { margin-left: calc(var(--vz-vertical-menu-width-sm) + 25px); } + [data-layout="semibox"][data-sidebar-size="sm-hover"] #page-topbar { - left: calc( - var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); } + [data-layout="semibox"][data-sidebar-size="sm-hover"] .footer { - left: calc( - var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + - 25px - ); + left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); } } + [data-layout="semibox"] .mx-n4 { margin-left: 0 !important; margin-right: 0 !important; } + [data-layout="semibox"] .mx-n4.p-1 { padding-left: 0 !important; padding-right: 0 !important; } + [data-layout="horizontal"] .main-content { margin-left: 0; } + @media (min-width: 1024.1px) { + [data-layout="horizontal"] .container-fluid, [data-layout="horizontal"] .layout-width { max-width: 90%; margin: 0 auto; } + [data-layout="horizontal"] .topnav-hamburger { visibility: hidden; } } + [data-layout="horizontal"] .horizontal-logo { padding-left: calc(1.5rem * 0.5); } + @media (max-width: 1024.98px) { [data-layout="horizontal"] .horizontal-logo { padding-left: 1.5rem; } } + [data-layout="horizontal"] .navbar-menu { background: var(--vz-topnav-bg); border-right-color: transparent; @@ -1872,124 +1695,125 @@ width: 100%; bottom: auto; } + @media (max-width: 575.98px) { [data-layout="horizontal"] .navbar-menu .container-fluid { padding: 0; } } + [data-layout="horizontal"] .navbar-menu .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm { padding-left: 0; } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link:before { opacity: 0 !important; } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link.active, [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link:hover { color: var(--vz-topnav-item-active-color); } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link { color: var(--vz-topnav-item-color); padding: 0.75rem 1.5rem; } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link i { line-height: 1; } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active { color: var(--vz-topnav-item-active-color); } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active:after { color: var(--vz-topnav-item-active-color); } -[data-layout="horizontal"] - .navbar-menu - .navbar-nav - .nav-link.active - .icon-dual { + +[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active .icon-dual { color: var(--vz-topnav-item-active-color); fill: rgba(64, 81, 137, 0.1); } -[data-layout="horizontal"] - .navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] { + +[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] { color: var(--vz-topnav-item-active-color); } -[data-layout="horizontal"] - .navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] - .icon-dual { + +[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .icon-dual { color: var(--vz-topnav-item-active-color); fill: rgba(64, 81, 137, 0.1); } -[data-layout="horizontal"] - .navbar-menu - .navbar-nav - .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { + +[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { color: var(--vz-topnav-item-active-color); } + [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link:hover .icon-dual { color: var(--vz-topnav-item-active-color); fill: rgba(64, 81, 137, 0.1); } -[data-layout="horizontal"] - .navbar-menu - .navbar-nav - > .nav-item - > .nav-link[data-bs-toggle="collapse"]:after { + +[data-layout="horizontal"] .navbar-menu .navbar-nav>.nav-item>.nav-link[data-bs-toggle="collapse"]:after { right: 0; -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } -[data-layout="horizontal"] - .navbar-menu - .navbar-nav - > li:nth-of-type(2) - > .nav-link.menu-link { + +[data-layout="horizontal"] .navbar-menu .navbar-nav>li:nth-of-type(2)>.nav-link.menu-link { padding-left: 0; } + [data-layout="horizontal"] .navbar-menu .navbar-brand-box { display: none; } + [data-layout="horizontal"] .navbar-nav .nav-item { position: relative; } -[data-layout="horizontal"] - .navbar-nav - .nav-item - .nav-link[data-bs-toggle="collapse"]:after { + +[data-layout="horizontal"] .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]:after { right: 10px; -webkit-transform: rotate(0) !important; transform: rotate(0) !important; } -[data-layout="horizontal"] .navbar-nav .nav-item > .nav-link > .badge { + +[data-layout="horizontal"] .navbar-nav .nav-item>.nav-link>.badge { display: none; } -[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link { + +[data-layout="horizontal"] .navbar-nav .nav-item:hover>.nav-link { color: var(--vz-topnav-item-active-color); } -[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link .icon-dual { + +[data-layout="horizontal"] .navbar-nav .nav-item:hover>.nav-link .icon-dual { color: var(--vz-topnav-item-active-color); fill: rgba(64, 81, 137, 0.1); } -[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link:after { + +[data-layout="horizontal"] .navbar-nav .nav-item:hover>.nav-link:after { color: var(--vz-topnav-item-active-color); } + @media (min-width: 1024.1px) { - [data-layout="horizontal"] .navbar-nav .nav-item:hover > .menu-dropdown { + [data-layout="horizontal"] .navbar-nav .nav-item:hover>.menu-dropdown { display: block; height: auto !important; } } + [data-layout="horizontal"] .navbar-nav .nav-item.active { color: var(--vz-topnav-item-active-color); } + [data-layout="horizontal"] .menu-dropdown { position: absolute; min-width: 12rem; @@ -2010,25 +1834,31 @@ border-radius: var(--vz-border-radius-lg); display: none; } + [data-layout="horizontal"] .menu-dropdown .menu-dropdown { top: 0; left: 100%; } + [data-layout="horizontal"] .mega-dropdown-menu { width: 40rem; } + [data-layout="horizontal"] .menu-title { display: none; } + [data-layout="horizontal"] .dropdown-custom-right { left: -100% !important; right: 100%; } + @media (max-width: 1024px) { [data-layout="horizontal"] .navbar-menu { display: none; } } + @media (max-width: 1024px) { [data-layout="horizontal"] .menu .navbar-menu { display: block; @@ -2036,28 +1866,22 @@ overflow-y: auto; padding-left: 0; } + [data-layout="horizontal"] .menu .navbar-menu .navbar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } - [data-layout="horizontal"] - .menu - .navbar-menu - .navbar-nav - > li:nth-of-type(2) - > .nav-link.menu-link { + + [data-layout="horizontal"] .menu .navbar-menu .navbar-nav>li:nth-of-type(2)>.nav-link.menu-link { padding-left: 1.5rem; } - [data-layout="horizontal"] - .menu - .navbar-menu - .navbar-nav - .nav-sm - .nav-link:before { + + [data-layout="horizontal"] .menu .navbar-menu .navbar-nav .nav-sm .nav-link:before { opacity: 1 !important; } + [data-layout="horizontal"] .menu .menu-dropdown { position: relative; min-width: 100%; @@ -2069,42 +1893,40 @@ animation: none; padding-top: 0; } + [data-layout="horizontal"] .menu .menu-dropdown.show { display: block; } + [data-layout="horizontal"] .menu .dropdown-custom-right { left: 0 !important; } - [data-layout="horizontal"] - .menu - .nav-item - .nav-link[data-bs-toggle="collapse"]:after { + + [data-layout="horizontal"] .menu .nav-item .nav-link[data-bs-toggle="collapse"]:after { right: 0; } + [data-layout="horizontal"] .menu .mega-dropdown-menu { width: 100%; } } -[dir="rtl"][data-layout="horizontal"] - .navbar-menu - .navbar-nav - > .nav-item - > .nav-link[data-bs-toggle="collapse"]:after { + +[dir="rtl"][data-layout="horizontal"] .navbar-menu .navbar-nav>.nav-item>.nav-link[data-bs-toggle="collapse"]:after { -webkit-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; } -[dir="rtl"][data-layout="horizontal"] - .navbar-nav - .nav-item - .nav-link[data-bs-toggle="collapse"]:after { + +[dir="rtl"][data-layout="horizontal"] .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]:after { -webkit-transform: rotate(-180deg) !important; transform: rotate(-180deg) !important; } + [data-layout="twocolumn"] .app-menu { padding-bottom: 0; width: 220px; left: 70px; } + [data-layout="twocolumn"] .app-menu .menu-link { letter-spacing: 0.05em; cursor: default; @@ -2112,79 +1934,78 @@ text-transform: uppercase; font-weight: 600; } + [data-layout="twocolumn"] .app-menu .menu-link:after { display: none !important; } + [data-layout="twocolumn"] .app-menu .menu-link i { display: none; } + [data-layout="twocolumn"] .app-menu .navbar-nav { height: calc(100vh - 70px); } + @media (max-width: 767.98px) { [data-layout="twocolumn"] .app-menu .navbar-nav { padding-top: 16px; } } -[data-layout="twocolumn"] .app-menu .navbar-nav > li:not(.twocolumn-item-show) { + +[data-layout="twocolumn"] .app-menu .navbar-nav>li:not(.twocolumn-item-show) { display: none; } -[data-layout="twocolumn"] .app-menu .navbar-nav .twocolumn-item-show > div { + +[data-layout="twocolumn"] .app-menu .navbar-nav .twocolumn-item-show>div { display: block !important; height: auto !important; } -[data-layout="twocolumn"] .app-menu .navbar-nav > .nav-item > .menu-dropdown { + +[data-layout="twocolumn"] .app-menu .navbar-nav>.nav-item>.menu-dropdown { display: block !important; height: auto !important; } + [data-layout="twocolumn"] .app-menu .navbar-nav .nav-item .menu-dropdown .row { margin: 0; } -[data-layout="twocolumn"] - .app-menu - .navbar-nav - .nav-item - .menu-dropdown - .row - .col-lg-4 { + +[data-layout="twocolumn"] .app-menu .navbar-nav .nav-item .menu-dropdown .row .col-lg-4 { width: 100%; padding: 0; } + [data-layout="twocolumn"] .app-menu .container-fluid { padding: 0; } + [data-layout="twocolumn"] .main-content { margin-left: calc(220px + 70px); } + @media (max-width: 767.98px) { [data-layout="twocolumn"] .main-content { margin-left: 70px; } } -[data-layout="twocolumn"]:is( - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .app-menu - .navbar-brand-box - .logo-light { + +[data-layout="twocolumn"]:is([data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .app-menu .navbar-brand-box .logo-light { display: block; } -[data-layout="twocolumn"]:is( - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .app-menu - .navbar-brand-box - .logo-dark { + +[data-layout="twocolumn"]:is([data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .app-menu .navbar-brand-box .logo-dark { display: none; } + [data-layout="twocolumn"] .twocolumn-iconview { width: 70px; background-color: var(--vz-twocolumn-menu-iconview-bg); @@ -2197,9 +2018,11 @@ padding: 0; text-align: center; } + [data-layout="twocolumn"] .twocolumn-iconview li { position: relative; } + [data-layout="twocolumn"] .twocolumn-iconview li .nav-icon::after { content: ""; position: absolute; @@ -2208,6 +2031,7 @@ bottom: 0; left: 0; } + [data-layout="twocolumn"] .twocolumn-iconview .nav-icon { width: 42px; height: 42px; @@ -2228,114 +2052,128 @@ -ms-flex-align: center; align-items: center; } + [data-layout="twocolumn"] .twocolumn-iconview .nav-icon .icon-dual { width: 18px; color: var(--vz-vertical-menu-item-color); fill: var(--vz-vertical-menu-item-bg); } + [data-layout="twocolumn"] .twocolumn-iconview .nav-icon.active { background-color: var(--vz-vertical-menu-item-active-bg); color: var(--vz-vertical-menu-item-active-color); } + [data-layout="twocolumn"] .twocolumn-iconview .nav-icon.active .icon-dual { color: var(--vz-vertical-menu-item-active-color); fill: var(--vz-vertical-menu-item-active-bg); } + [data-layout="twocolumn"] .menu-title { display: none; } + @media (max-width: 991.98px) { [data-layout="twocolumn"] .logo span.logo-lg { display: block; } + [data-layout="twocolumn"] .logo span.logo-sm { display: none; } } -[data-layout="twocolumn"][data-sidebar="light"] - .app-menu - .navbar-brand-box - .logo-light { + +[data-layout="twocolumn"][data-sidebar="light"] .app-menu .navbar-brand-box .logo-light { display: none; } -[data-layout="twocolumn"][data-sidebar="light"] - .app-menu - .navbar-brand-box - .logo-dark { + +[data-layout="twocolumn"][data-sidebar="light"] .app-menu .navbar-brand-box .logo-dark { display: block; } -[data-layout="twocolumn"][data-sidebar="dark"] - .app-menu - .navbar-brand-box - .logo-light { + +[data-layout="twocolumn"][data-sidebar="dark"] .app-menu .navbar-brand-box .logo-light { display: block; } -[data-layout="twocolumn"][data-sidebar="dark"] - .app-menu - .navbar-brand-box - .logo-dark { + +[data-layout="twocolumn"][data-sidebar="dark"] .app-menu .navbar-brand-box .logo-dark { display: none; } + [data-layout="twocolumn"] .twocolumn-panel .app-menu { width: 0; border-right: 0; } + @media (max-width: 575.98px) { [data-layout="twocolumn"] .twocolumn-panel .app-menu { display: none; } } + [data-layout="twocolumn"] .twocolumn-panel .navbar-brand-box, [data-layout="twocolumn"] .twocolumn-panel .navbar-nav { display: none; } + [data-layout="twocolumn"] .twocolumn-panel .main-content { margin-left: 70px; } + [data-layout="twocolumn"] .twocolumn-panel #page-topbar, [data-layout="twocolumn"] .twocolumn-panel .footer { left: 70px; } + @media (max-width: 575.98px) { [data-layout="twocolumn"] .twocolumn-panel .main-content { margin-left: 0; } + [data-layout="twocolumn"] .twocolumn-panel #page-topbar, [data-layout="twocolumn"] .twocolumn-panel .footer { left: 0; } } + @media (max-width: 767.98px) { + [data-layout="twocolumn"] #page-topbar, [data-layout="twocolumn"] .footer { left: 70px; } } + @media (max-width: 575.98px) { [data-layout="twocolumn"] .main-content { margin-left: 0; } + [data-layout="twocolumn"] #page-topbar, [data-layout="twocolumn"] .footer { left: 0; } } + @media (max-width: 767.98px) { [data-layout="twocolumn"] .app-menu { left: 0; margin-left: 100%; } + [data-layout="twocolumn"] .main-content { margin-left: 0 !important; } + [data-layout="twocolumn"] #page-topbar, [data-layout="twocolumn"] .footer { left: 0 !important; } } + [data-layout-width="boxed"] body { background-color: var(--vz-boxed-body-bg); } + [data-layout-width="boxed"] #layout-wrapper { max-width: var(--vz-boxed-layout-width); margin: 0 auto; @@ -2343,41 +2181,44 @@ box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); background-color: var(--vz-body-bg); } + [data-layout-width="boxed"][data-layout="vertical"] #layout-wrapper { min-height: 100vh; } + [data-layout-width="boxed"] #page-topbar, [data-layout-width="boxed"] .footer { max-width: var(--vz-boxed-layout-width); margin: 0 auto; left: 0 !important; } + @media (min-width: 768px) { - [data-layout-width="boxed"][data-sidebar-size="sm-hover"][data-layout="vertical"] - #layout-wrapper, - [data-layout-width="boxed"][data-sidebar-size="sm"][data-layout="vertical"] - #layout-wrapper { + + [data-layout-width="boxed"][data-sidebar-size="sm-hover"][data-layout="vertical"] #layout-wrapper, + [data-layout-width="boxed"][data-sidebar-size="sm"][data-layout="vertical"] #layout-wrapper { min-height: 1400px; } } + @media (max-width: 767.98px) { - [data-layout-width="boxed"][data-sidebar-size="sm-hover"][data-layout="vertical"] - .main-content, - [data-layout-width="boxed"][data-sidebar-size="sm"][data-layout="vertical"] - .main-content { + + [data-layout-width="boxed"][data-sidebar-size="sm-hover"][data-layout="vertical"] .main-content, + [data-layout-width="boxed"][data-sidebar-size="sm"][data-layout="vertical"] .main-content { margin-left: 0; } } + [data-layout-width="boxed"][data-sidebar-size="sm-hover"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm-hover"] .footer, [data-layout-width="boxed"][data-sidebar-size="sm"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm"] .footer { left: 0 !important; - max-width: calc( - var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width-sm) - ); + max-width: calc(var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width-sm)); } + @media (min-width: 768px) { + [data-layout-width="boxed"][data-sidebar-size="sm-hover"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm-hover"] .footer, [data-layout-width="boxed"][data-sidebar-size="sm"] #page-topbar, @@ -2385,217 +2226,205 @@ left: var(--vz-vertical-menu-width-sm) !important; } } + [data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="lg"] .footer, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer { - max-width: calc( - var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width) - ); + max-width: calc(var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width)); } + @media (min-width: 768px) { + [data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="lg"] .footer, - [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] - #page-topbar, + [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer { left: var(--vz-vertical-menu-width) !important; } } + [data-layout-width="boxed"][data-sidebar-size="md"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="md"] .footer { - max-width: calc( - var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width-md) - ); + max-width: calc(var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width-md)); } + @media (min-width: 768px) { + [data-layout-width="boxed"][data-sidebar-size="md"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="md"] .footer { left: var(--vz-vertical-menu-width-md) !important; } } -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] - body { + +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] body { background-color: var(--vz-body-bg); } + @media (min-width: 1024.1px) { - [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] - #layout-wrapper { + [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] #layout-wrapper { max-width: 1300px; -webkit-box-shadow: none; box-shadow: none; } - [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] - .layout-width { + + [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] .layout-width { max-width: 1300px; } } -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] - #page-topbar, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] - .footer, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="md"] - #page-topbar, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="md"] - .footer, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm-hover"] - #page-topbar, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm-hover"] - .footer, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm"] - #page-topbar, -[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm"] - .footer { + +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] #page-topbar, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] .footer, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="md"] #page-topbar, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="md"] .footer, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm-hover"] #page-topbar, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm-hover"] .footer, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm"] #page-topbar, +[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm"] .footer { max-width: 100%; left: 0 !important; } + [data-layout="horizontal"][data-layout-width="boxed"] #layout-wrapper, [data-layout="horizontal"][data-layout-width="boxed"] #page-topbar, [data-layout="horizontal"][data-layout-width="boxed"] .footer { max-width: 100%; } + [data-layout="horizontal"][data-layout-width="boxed"] .container-fluid, [data-layout="horizontal"][data-layout-width="boxed"] .navbar-header { max-width: var(--vz-boxed-layout-width); } + [data-layout="horizontal"][data-layout-width="boxed"] .navbar-header { padding: 0 calc(1.5rem * 0.5) 0 0; } -[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="lg"] - #page-topbar, -[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="lg"] - .footer, -[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover"] - #page-topbar, -[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover"] - .footer, -[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm"] - [data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] - #page-topbar, -[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm"] - [data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] - .footer { + +[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar, +[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="lg"] .footer, +[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover"] #page-topbar, +[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover"] .footer, +[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm"] [data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar, +[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm"] [data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer { left: 0 !important; } + @media (min-width: 992px) { + [data-layout-position="scrollable"] #page-topbar, [data-layout-position="scrollable"] .navbar-menu { position: absolute; } } + @media (min-width: 992px) { + [data-layout-position="scrollable"][data-layout="horizontal"] #page-topbar, [data-layout-position="scrollable"][data-layout="horizontal"] .topnav { position: absolute; } } + @media (min-width: 768px) { [data-layout="semibox"][data-sidebar-visibility="hidden"] .navbar-menu { display: none; } + [data-layout="semibox"][data-sidebar-visibility="hidden"] .horizontal-logo { display: inline-block; width: auto; } + [data-layout="semibox"][data-sidebar-visibility="hidden"] .footer { left: 0; } + [data-layout="semibox"][data-sidebar-visibility="hidden"] #page-topbar { left: 0; } + [data-layout="semibox"][data-sidebar-visibility="hidden"] .main-content { margin-left: 0; } - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] - .navbar-brand-box, - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] - .navbar-brand-box { + + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .navbar-brand-box, + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .navbar-brand-box { position: static; padding: 0 1.3rem; } - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] - .logo - span.logo-lg, - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] - .logo - span.logo-lg { + + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-lg, + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-lg { display: inline-block; } - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] - .logo - span.logo-sm, - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] - .logo - span.logo-sm { + + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-sm, + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-sm { display: none; } } -[data-layout="semibox"][data-sidebar-visibility="hidden"]:is( - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-dark { + +[data-layout="semibox"][data-sidebar-visibility="hidden"]:is([data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-dark { display: none; } -[data-layout="semibox"][data-sidebar-visibility="hidden"]:is( - [data-sidebar="dark"], - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) - .logo-light { + +[data-layout="semibox"][data-sidebar-visibility="hidden"]:is([data-sidebar="dark"], + [data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) .logo-light { display: inline-block; } + @media (min-width: 1440px) { [data-layout="semibox"][data-sidebar-visibility="hidden"] .navbar-menu { display: none; } + [data-layout="semibox"][data-sidebar-visibility="hidden"] .horizontal-logo { display: inline-block; width: auto; } + [data-layout="semibox"][data-sidebar-visibility="hidden"] .footer { left: calc(var(--vz-semibox-width) + 1.5rem); } + [data-layout="semibox"][data-sidebar-visibility="hidden"] #page-topbar { left: calc(var(--vz-semibox-width) + 1.5rem); } + [data-layout="semibox"][data-sidebar-visibility="hidden"] .main-content { margin-left: 0; } - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] - .navbar-brand-box, - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] - .navbar-brand-box { + + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .navbar-brand-box, + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .navbar-brand-box { position: static; padding: 0 1.3rem; } - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] - .logo - span.logo-lg, - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] - .logo - span.logo-lg { + + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-lg, + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-lg { display: inline-block; } - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] - .logo - span.logo-sm, - [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] - .logo - span.logo-sm { + + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-sm, + [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-sm { display: none; } -} /*! +} + +/*! * Waves v0.7.6 - * http://fian.my.id/Waves - * - * Copyright 2014-2018 Alfiana E. Sibuea and other contributors - * Released under the MIT license + * http://fian.my.id/Waves + * + * Copyright 2014-2018 Alfiana E. Sibuea and other contributors + * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; @@ -2608,6 +2437,7 @@ user-select: none; -webkit-tap-highlight-color: transparent; } + .waves-effect .waves-ripple { position: absolute; border-radius: 50%; @@ -2617,13 +2447,11 @@ margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); - background: radial-gradient( - rgba(0, 0, 0, 0.2) 0, - rgba(0, 0, 0, 0.3) 40%, - rgba(0, 0, 0, 0.4) 50%, - rgba(0, 0, 0, 0.5) 60%, - rgba(255, 255, 255, 0) 70% - ); + background: radial-gradient(rgba(0, 0, 0, 0.2) 0, + rgba(0, 0, 0, 0.3) 40%, + rgba(0, 0, 0, 0.4) 50%, + rgba(0, 0, 0, 0.5) 60%, + rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; @@ -2635,32 +2463,36 @@ transform: scale(0) translate(0, 0); pointer-events: none; } + .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); - background: radial-gradient( - rgba(255, 255, 255, 0.2) 0, - rgba(255, 255, 255, 0.3) 40%, - rgba(255, 255, 255, 0.4) 50%, - rgba(255, 255, 255, 0.5) 60%, - rgba(255, 255, 255, 0) 70% - ); + background: radial-gradient(rgba(255, 255, 255, 0.2) 0, + rgba(255, 255, 255, 0.3) 40%, + rgba(255, 255, 255, 0.4) 50%, + rgba(255, 255, 255, 0.5) 60%, + rgba(255, 255, 255, 0) 70%); } + .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); } + .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); } + .waves-notransition { -webkit-transition: none !important; transition: none !important; } + .waves-button, .waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%); } + .waves-button, .waves-button-input, .waves-button:hover, @@ -2678,27 +2510,33 @@ text-decoration: none; z-index: 1; } + .waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; } + .waves-button-input { margin: 0; padding: 0.85em 1.1em; } + .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } + .waves-input-wrapper.waves-button { padding: 0; } + .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } + .waves-circle { text-align: center; width: 2.5em; @@ -2706,6 +2544,7 @@ line-height: 2.5em; border-radius: 50%; } + .waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12); @@ -2713,55 +2552,70 @@ -webkit-transition: all 0.3s; transition: all 0.3s; } + .waves-float:active { -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3); } + .waves-block { display: block; } + .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.4); } + .waves-effect.waves-primary .waves-ripple { background-color: rgba(64, 81, 137, 0.4); } + .waves-effect.waves-success .waves-ripple { background-color: rgba(10, 179, 156, 0.4); } + .waves-effect.waves-info .waves-ripple { background-color: rgba(41, 156, 219, 0.4); } + .waves-effect.waves-warning .waves-ripple { background-color: rgba(247, 184, 75, 0.4); } + .waves-effect.waves-danger .waves-ripple { background-color: rgba(240, 101, 72, 0.4); } + .avatar-xxs { height: 1.5rem; width: 1.5rem; } + .avatar-xs { height: 2rem; width: 2rem; } + .avatar-sm { height: 3rem; width: 3rem; } + .avatar-md { height: 4.5rem; width: 4.5rem; } + .avatar-lg { height: 6rem; width: 6rem; } + .avatar-xl { height: 7.5rem; width: 7.5rem; } + .avatar-title { -webkit-box-align: center; -ms-flex-align: center; @@ -2778,6 +2632,7 @@ justify-content: center; width: 100%; } + .avatar-group { padding-left: 12px; display: -webkit-box; @@ -2786,6 +2641,7 @@ -ms-flex-wrap: wrap; flex-wrap: wrap; } + .avatar-group .avatar-group-item { margin-left: -12px; border: 2px solid var(--vz-secondary-bg); @@ -2793,25 +2649,31 @@ -webkit-transition: all 0.2s; transition: all 0.2s; } + .avatar-group .avatar-group-item:hover { position: relative; -webkit-transform: translateY(-2px); transform: translateY(-2px); z-index: 1; } + .accordion .accordion-button { font-weight: 500; } + .accordion .accordion-body { color: var(--vz-secondary-color); } + .accordion.accordion-icon-none .accordion-button::after { content: ""; background-image: none !important; } + .accordion.accordion-icon-none .accordion-button:not(.collapsed)::after { content: ""; } + .custom-accordionwithicon .accordion-button::after { background-image: none !important; font-family: "Material Design Icons"; @@ -2820,11 +2682,13 @@ vertical-align: middle; line-height: 0.8; } + .custom-accordionwithicon .accordion-button:not(.collapsed)::after { background-image: none !important; content: "\f0140"; margin-right: -3px; } + .custom-accordionwithicon-plus .accordion-button::after { background-image: none !important; font-family: "Material Design Icons"; @@ -2833,456 +2697,589 @@ vertical-align: middle; line-height: 0.8; } + .custom-accordionwithicon-plus .accordion-button:not(.collapsed)::after { background-image: none !important; content: "\f0374"; margin-right: -3px; } + .lefticon-accordion .accordion-button { padding-left: 2.75rem; } + .lefticon-accordion .accordion-button::after { position: absolute; left: 1.25rem; top: 14px; } + .lefticon-accordion .accordion-button:not(.collapsed)::after { top: 20px; } + .accordion-border-box .accordion-item { border-top: var(--vz-border-width) solid var(--vz-border-color); border-radius: var(--vz-border-radius); } + .accordion-border-box .accordion-item:not(:first-of-type) { margin-top: 8px; } + .accordion-border-box .accordion-item .accordion-button { border-radius: var(--vz-border-radius); } + .accordion-border-box .accordion-item .accordion-button:not(.collapsed) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + .custom-accordion-border .accordion-item { border-left: 3px solid var(--vz-border-color); } + .accordion-primary .accordion-item { border-color: rgba(64, 81, 137, 0.6); } + .accordion-primary .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-primary .accordion-item .accordion-button:not(.collapsed) { color: #405189; background-color: rgba(64, 81, 137, 0.1) !important; } + .accordion-primary .accordion-item .accordion-button::after { color: #405189; } + .accordion-fill-primary .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-primary .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #405189 !important; } + .accordion-secondary .accordion-item { border-color: rgba(53, 119, 241, 0.6); } + .accordion-secondary .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-secondary .accordion-item .accordion-button:not(.collapsed) { color: #3577f1; background-color: rgba(53, 119, 241, 0.1) !important; } + .accordion-secondary .accordion-item .accordion-button::after { color: #3577f1; } + .accordion-fill-secondary .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-secondary .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #3577f1 !important; } + .accordion-success .accordion-item { border-color: rgba(10, 179, 156, 0.6); } + .accordion-success .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-success .accordion-item .accordion-button:not(.collapsed) { color: #0ab39c; background-color: rgba(10, 179, 156, 0.1) !important; } + .accordion-success .accordion-item .accordion-button::after { color: #0ab39c; } + .accordion-fill-success .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-success .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #0ab39c !important; } + .accordion-info .accordion-item { border-color: rgba(41, 156, 219, 0.6); } + .accordion-info .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-info .accordion-item .accordion-button:not(.collapsed) { color: #299cdb; background-color: rgba(41, 156, 219, 0.1) !important; } + .accordion-info .accordion-item .accordion-button::after { color: #299cdb; } + .accordion-fill-info .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-info .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #299cdb !important; } + .accordion-warning .accordion-item { border-color: rgba(247, 184, 75, 0.6); } + .accordion-warning .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-warning .accordion-item .accordion-button:not(.collapsed) { color: #f7b84b; background-color: rgba(247, 184, 75, 0.1) !important; } + .accordion-warning .accordion-item .accordion-button::after { color: #f7b84b; } + .accordion-fill-warning .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-warning .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #f7b84b !important; } + .accordion-danger .accordion-item { border-color: rgba(240, 101, 72, 0.6); } + .accordion-danger .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-danger .accordion-item .accordion-button:not(.collapsed) { color: #f06548; background-color: rgba(240, 101, 72, 0.1) !important; } + .accordion-danger .accordion-item .accordion-button::after { color: #f06548; } + .accordion-fill-danger .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-danger .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #f06548 !important; } + .accordion-light .accordion-item { border-color: rgba(243, 246, 249, 0.6); } + .accordion-light .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-light .accordion-item .accordion-button:not(.collapsed) { color: #f3f6f9; background-color: rgba(243, 246, 249, 0.1) !important; } + .accordion-light .accordion-item .accordion-button::after { color: #f3f6f9; } + .accordion-fill-light .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-light .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #f3f6f9 !important; } + .accordion-dark .accordion-item { border-color: rgba(33, 37, 41, 0.6); } + .accordion-dark .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-dark .accordion-item .accordion-button:not(.collapsed) { color: #212529; background-color: rgba(33, 37, 41, 0.1) !important; } + .accordion-dark .accordion-item .accordion-button::after { color: #212529; } + .accordion-fill-dark .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; } + .accordion-fill-dark .accordion-item .accordion-button:not(.collapsed) { color: #fff; background-color: #212529 !important; } + [dir="rtl"] .custom-accordionwithicon .accordion-button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } + .border-double { border-style: double !important; } + .border-top-double { border-top-style: double !important; } + .border-bottom-double { border-bottom-style: double !important; } + .border-end-double { border-right-style: double !important; } + .border-start-double { border-left-style: double !important; } + .list-group-flush.border-double { border: none !important; } + .list-group-flush.border-double .list-group-item { border-style: double !important; } + .border-dashed { border-style: dashed !important; } + .border-top-dashed { border-top-style: dashed !important; } + .border-bottom-dashed { border-bottom-style: dashed !important; } + .border-end-dashed { border-right-style: dashed !important; } + .border-start-dashed { border-left-style: dashed !important; } + .list-group-flush.border-dashed { border: none !important; } + .list-group-flush.border-dashed .list-group-item { border-style: dashed !important; } + .border-groove { border-style: groove !important; } + .border-top-groove { border-top-style: groove !important; } + .border-bottom-groove { border-bottom-style: groove !important; } + .border-end-groove { border-right-style: groove !important; } + .border-start-groove { border-left-style: groove !important; } + .list-group-flush.border-groove { border: none !important; } + .list-group-flush.border-groove .list-group-item { border-style: groove !important; } + .border-outset { border-style: outset !important; } + .border-top-outset { border-top-style: outset !important; } + .border-bottom-outset { border-bottom-style: outset !important; } + .border-end-outset { border-right-style: outset !important; } + .border-start-outset { border-left-style: outset !important; } + .list-group-flush.border-outset { border: none !important; } + .list-group-flush.border-outset .list-group-item { border-style: outset !important; } + .border-ridge { border-style: ridge !important; } + .border-top-ridge { border-top-style: ridge !important; } + .border-bottom-ridge { border-bottom-style: ridge !important; } + .border-end-ridge { border-right-style: ridge !important; } + .border-start-ridge { border-left-style: ridge !important; } + .list-group-flush.border-ridge { border: none !important; } + .list-group-flush.border-ridge .list-group-item { border-style: ridge !important; } + .border-dotted { border-style: dotted !important; } + .border-top-dotted { border-top-style: dotted !important; } + .border-bottom-dotted { border-bottom-style: dotted !important; } + .border-end-dotted { border-right-style: dotted !important; } + .border-start-dotted { border-left-style: dotted !important; } + .list-group-flush.border-dotted { border: none !important; } + .list-group-flush.border-dotted .list-group-item { border-style: dotted !important; } + .border-inset { border-style: inset !important; } + .border-top-inset { border-top-style: inset !important; } + .border-bottom-inset { border-bottom-style: inset !important; } + .border-end-inset { border-right-style: inset !important; } + .border-start-inset { border-left-style: inset !important; } + .list-group-flush.border-inset { border: none !important; } + .list-group-flush.border-inset .list-group-item { border-style: inset !important; } + .ff-base { font-family: var(--vz-font-sans-serif); } + .ff-secondary { font-family: hkgrotesk, sans-serif; } + .bg-pattern { background: url(../images/modal-bg.png) var(--vz-secondary-bg); } + .w-xs { min-width: 80px; } + .w-sm { min-width: 95px; } + .w-md { min-width: 110px; } + .w-lg { min-width: 140px; } + .w-xl { min-width: 160px; } + .icon-xs { height: 16px; width: 16px; } + .icon-sm { height: 18px; width: 18px; } + .icon-md { height: 22px; width: 22px; } + .icon-lg { height: 24px; width: 24px; } + .icon-xl { height: 28px; width: 28px; } + .icon-xxl { height: 32px; width: 32px; } + .icon-dual { color: #adb5bd; fill: rgba(173, 181, 189, 0.16); } + .icon-dual-primary { color: #405189; fill: rgba(64, 81, 137, 0.16); } + .icon-dual-secondary { color: #3577f1; fill: rgba(53, 119, 241, 0.16); } + .icon-dual-success { color: #0ab39c; fill: rgba(10, 179, 156, 0.16); } + .icon-dual-info { color: #299cdb; fill: rgba(41, 156, 219, 0.16); } + .icon-dual-warning { color: #f7b84b; fill: rgba(247, 184, 75, 0.16); } + .icon-dual-danger { color: #f06548; fill: rgba(240, 101, 72, 0.16); } + .icon-dual-light { color: #f3f6f9; fill: rgba(243, 246, 249, 0.16); } + .icon-dual-dark { color: #212529; fill: rgba(33, 37, 41, 0.16); } + .search-box { position: relative; } + .search-box .form-control { padding-left: 40px; } + .search-box .search-icon { font-size: 14px; position: absolute; @@ -3297,6 +3294,7 @@ align-items: center; color: var(--vz-secondary-color); } + .bg-overlay { position: absolute; height: 100%; @@ -3308,23 +3306,27 @@ opacity: 0.7; background-color: #000; } + .customizer-setting { position: fixed; bottom: 40px; right: 20px; z-index: 1000; } + code { -webkit-user-select: all; -moz-user-select: all; user-select: all; } + .layout-rightside { width: 280px; margin-right: calc(1.5rem * -1); margin-top: calc(1px - 1.5rem * 1.1); height: calc(100% + 1.5rem * 1.1); } + @media (max-width: 1699.98px) { .layout-rightside-col { display: none; @@ -3335,6 +3337,7 @@ code { bottom: 0; z-index: 1004; } + .layout-rightside-col .overlay { position: fixed; top: 0; @@ -3343,27 +3346,31 @@ code { left: 0; background-color: rgba(33, 37, 41, 0.2); } + .layout-rightside-col .layout-rightside { margin-top: 0; height: 100%; margin-left: auto; } + .layout-rightside-col .card-body { overflow-y: auto; padding-bottom: 1rem !important; } } + @media (min-width: 1700px) { - :is([data-layout="horizontal"], [data-layout-style="detached"]) - .layout-rightside { + :is([data-layout="horizontal"], [data-layout-style="detached"]) .layout-rightside { margin-top: calc(28px - 1.5rem); margin-right: 0; height: calc(100% - 1.5rem * 0.5); } } + [data-layout="semibox"] .layout-rightside { margin-right: 0; } + .text-truncate-two-lines { overflow: hidden; text-overflow: ellipsis; @@ -3372,27 +3379,35 @@ code { -webkit-box-orient: vertical; white-space: normal; } + .favourite-btn { border-color: transparent; } + .favourite-btn .ri-star-fill { color: var(--vz-secondary-color); } + .favourite-btn.active { border-color: transparent; } + .favourite-btn.active .ri-star-fill { color: #f7b84b; } + .favourite-btn.active .ri-star-fill:before { content: "\f186"; } + .card-logo-light { display: var(--vz-card-logo-light); } + .card-logo-dark { display: var(--vz-card-logo-dark); } + #back-to-top { position: fixed; bottom: 100px; @@ -3402,34 +3417,40 @@ code { display: none; z-index: 1000; } + #back-to-top:hover { -webkit-animation: fade-up 1.5s infinite linear; animation: fade-up 1.5s infinite linear; } + @-webkit-keyframes fade-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } + 75% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } + @keyframes fade-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } + 75% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } + #preloader { position: fixed; top: 0; @@ -3439,10 +3460,12 @@ code { background-color: var(--vz-secondary-bg); z-index: 9999; } + [data-preloader="disable"] #preloader { opacity: 0; visibility: hidden; } + /* #status { width: 40px; height: 40px; @@ -3451,57 +3474,58 @@ code { top: 50%; margin: -20px 0 0 -20px; } */ -:is( - [type="tel"], - [type="url"], - [type="email"], - [type="number"] - )::-webkit-input-placeholder { +:is([type="tel"], + [type="url"], + [type="email"], + [type="number"])::-webkit-input-placeholder { text-align: left; } -:is( - [type="tel"], - [type="url"], - [type="email"], - [type="number"] - )::-moz-placeholder { + +:is([type="tel"], + [type="url"], + [type="email"], + [type="number"])::-moz-placeholder { text-align: left; } -:is( - [type="tel"], - [type="url"], - [type="email"], - [type="number"] - ):-ms-input-placeholder { + +:is([type="tel"], + [type="url"], + [type="email"], + [type="number"]):-ms-input-placeholder { text-align: left; } -:is( - [type="tel"], - [type="url"], - [type="email"], - [type="number"] - )::-ms-input-placeholder { + +:is([type="tel"], + [type="url"], + [type="email"], + [type="number"])::-ms-input-placeholder { text-align: left; } + :is([type="tel"], [type="url"], [type="email"], [type="number"])::placeholder { text-align: left; } + .main-chart .chart-border-left { border-left: 1.4px solid var(--vz-border-color); padding: 2px 20px; } + .main-chart .chart-border-left:last-child { margin-right: 0; } + .activity-feed { list-style: none; } + .activity-feed .feed-item { position: relative; padding-bottom: 27px; padding-left: 16px; border-left: 2px solid var(--vz-border-color); } + .activity-feed .feed-item:after { content: ""; display: block; @@ -3514,16 +3538,20 @@ code { border: 2px solid #405189; background-color: var(--vz-secondary-bg); } + .activity-feed .feed-item:last-child { border-color: transparent; } + .mini-stats-wid { position: relative; } + .mini-stats-wid .mini-stat-icon { overflow: hidden; position: relative; } + .mini-stats-wid .mini-stat-icon:after, .mini-stats-wid .mini-stat-icon:before { content: ""; @@ -3538,22 +3566,27 @@ code { -webkit-transition: all 0.4s; transition: all 0.4s; } + .mini-stats-wid .mini-stat-icon::after { left: 27px; width: 8px; -webkit-transition: all 0.2s; transition: all 0.2s; } + .mini-stats-wid:hover .mini-stat-icon::after { left: 60px; } + .mini-stats-wid:hover .mini-stat-icon::before { left: 50px; } + .card-wrapper .jp-card .jp-card-back, .card-wrapper .jp-card .jp-card-front { background-color: #0ab39c; } + .notification-elem { position: absolute; top: 0; @@ -3573,9 +3606,11 @@ code { visibility: hidden; opacity: 0; } + .clothes-size li input[type="radio"] { display: none; } + .clothes-size li label { display: inline-block; font-size: 14px; @@ -3585,11 +3620,13 @@ code { letter-spacing: 0; color: #405189; } -.clothes-size li input[type="radio"]:checked + label { + +.clothes-size li input[type="radio"]:checked+label { background-color: #405189; border-color: #405189; color: #fff; } + .bs-example-modal { position: relative; top: auto; @@ -3599,12 +3636,15 @@ code { z-index: 1; display: block; } + [dir="rtl"] .modal-open { padding-left: 0 !important; } + .icon-demo-content { color: var(--vz-gray-500); } + .icon-demo-content i { font-size: 24px; margin-right: 10px; @@ -3613,25 +3653,30 @@ code { transition: all 0.4s; vertical-align: middle; } + .icon-demo-content svg { margin-right: 10px; -webkit-transition: all 0.4s; transition: all 0.4s; height: 20px; } + .icon-demo-content .col-lg-4 { margin-top: 24px; } + .icon-demo-content .col-lg-4:hover i, .icon-demo-content .col-lg-4:hover svg { color: #405189; -webkit-transform: scale(1.5); transform: scale(1.5); } + .img-switch .card-radio .form-check-input { display: none; } -.img-switch .card-radio .form-check-input:checked + .form-check-label::before { + +.img-switch .card-radio .form-check-input:checked+.form-check-label::before { content: ""; position: absolute; top: 0; @@ -3640,7 +3685,8 @@ code { left: 0; background-color: rgba(64, 81, 137, 0.5); } -.img-switch .card-radio .form-check-input:checked + .form-check-label::after { + +.img-switch .card-radio .form-check-input:checked+.form-check-label::after { content: "\eb80"; font-family: remixicon; position: absolute; @@ -3651,9 +3697,11 @@ code { font-size: 18px; color: #fff; } + [data-bs-target="#collapseBgGradient"].active { border-color: #405189 !important; } + [data-bs-target="#collapseBgGradient"].active::before { content: "\eb80"; font-family: remixicon; @@ -3663,7 +3711,9 @@ code { font-size: 16px; color: #405189; } + @media print { + #back-to-top, .app-menu, .footer, @@ -3673,6 +3723,7 @@ code { .vertical-menu { display: none !important; } + .card-body, .main-content, .page-content, @@ -3681,16 +3732,19 @@ code { padding: 0; margin: 0; } + .card { border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } + .invoice-details .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } + .address.col-sm-6 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; @@ -3699,9 +3753,11 @@ code { max-width: 100% !important; } } + .ribbon-box { position: relative; } + .ribbon-box .ribbon { padding: 5px 12px; -webkit-box-shadow: 2px 5px 10px rgba(33, 37, 41, 0.15); @@ -3713,12 +3769,15 @@ code { left: -1px; top: 5px; } + .ribbon-box .ribbon.round-shape { border-radius: 0 30px 30px 0; } + .ribbon-box .ribbon.ribbon-shape { display: inline-block; } + .ribbon-box .ribbon.ribbon-shape::before { content: ""; position: absolute; @@ -3726,6 +3785,7 @@ code { top: 0; border: 14px solid transparent; } + .ribbon-box .ribbon.ribbon-shape::after { content: ""; position: absolute; @@ -3733,6 +3793,7 @@ code { bottom: 0; border: 14px solid transparent; } + .ribbon-box.ribbon-circle .ribbon { width: 48px; height: 48px; @@ -3750,9 +3811,11 @@ code { left: 20px; top: 20px; } + .ribbon-box.ribbon-fill { overflow: hidden; } + .ribbon-box.ribbon-fill .ribbon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); @@ -3770,6 +3833,7 @@ code { -ms-flex-align: end; align-items: flex-end; } + .ribbon-box.ribbon-fill.ribbon-sm .ribbon { padding: 2px 12px; width: 78px; @@ -3778,250 +3842,317 @@ code { -webkit-box-shadow: none; box-shadow: none; } + .ribbon-box.right .ribbon { position: absolute; left: auto; right: 0; } + .ribbon-box.right .ribbon.round-shape { border-radius: 30px 0 0 30px; } + .ribbon-box.right .ribbon.ribbon-shape { text-align: right; } + .ribbon-box.right .ribbon.ribbon-shape::after, .ribbon-box.right .ribbon.ribbon-shape::before { right: auto; left: -17px; border-left-color: transparent; } + .ribbon-box.right.ribbon-circle .ribbon { left: auto; right: 20px; } + .ribbon-box.right .icon-ribbon { right: 24px; left: auto; } + .ribbon-box.right.ribbon-fill .ribbon { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: -38px; left: auto; } + .ribbon-box.right.ribbon-box .ribbon-two { left: auto; right: -5px; } + .ribbon-box.right.ribbon-box .ribbon-two span { left: auto; right: -21px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } + .ribbon-box .ribbon-content { clear: both; } + .ribbon-box .ribbon-primary { background: #405189; } + .ribbon-box .ribbon-primary:before { border-color: #303c66 transparent transparent; } + .ribbon-box .ribbon-primary.ribbon-shape::before { border-left-color: #405189; border-top-color: #405189; } + .ribbon-box .ribbon-primary.ribbon-shape::after { border-left-color: #405189; border-bottom-color: #405189; } + .ribbon-box.right .ribbon-primary { background: #405189; } + .ribbon-box.right .ribbon-primary.ribbon-shape::before { border-right-color: #405189; border-top-color: #405189; } + .ribbon-box.right .ribbon-primary.ribbon-shape::after { border-right-color: #405189; border-bottom-color: #405189; } + .ribbon-box .ribbon-secondary { background: #3577f1; } + .ribbon-box .ribbon-secondary:before { border-color: #105ae3 transparent transparent; } + .ribbon-box .ribbon-secondary.ribbon-shape::before { border-left-color: #3577f1; border-top-color: #3577f1; } + .ribbon-box .ribbon-secondary.ribbon-shape::after { border-left-color: #3577f1; border-bottom-color: #3577f1; } + .ribbon-box.right .ribbon-secondary { background: #3577f1; } + .ribbon-box.right .ribbon-secondary.ribbon-shape::before { border-right-color: #3577f1; border-top-color: #3577f1; } + .ribbon-box.right .ribbon-secondary.ribbon-shape::after { border-right-color: #3577f1; border-bottom-color: #3577f1; } + .ribbon-box .ribbon-success { background: #0ab39c; } + .ribbon-box .ribbon-success:before { border-color: #078372 transparent transparent; } + .ribbon-box .ribbon-success.ribbon-shape::before { border-left-color: #0ab39c; border-top-color: #0ab39c; } + .ribbon-box .ribbon-success.ribbon-shape::after { border-left-color: #0ab39c; border-bottom-color: #0ab39c; } + .ribbon-box.right .ribbon-success { background: #0ab39c; } + .ribbon-box.right .ribbon-success.ribbon-shape::before { border-right-color: #0ab39c; border-top-color: #0ab39c; } + .ribbon-box.right .ribbon-success.ribbon-shape::after { border-right-color: #0ab39c; border-bottom-color: #0ab39c; } + .ribbon-box .ribbon-info { background: #299cdb; } + .ribbon-box .ribbon-info:before { border-color: #1e7eb3 transparent transparent; } + .ribbon-box .ribbon-info.ribbon-shape::before { border-left-color: #299cdb; border-top-color: #299cdb; } + .ribbon-box .ribbon-info.ribbon-shape::after { border-left-color: #299cdb; border-bottom-color: #299cdb; } + .ribbon-box.right .ribbon-info { background: #299cdb; } + .ribbon-box.right .ribbon-info.ribbon-shape::before { border-right-color: #299cdb; border-top-color: #299cdb; } + .ribbon-box.right .ribbon-info.ribbon-shape::after { border-right-color: #299cdb; border-bottom-color: #299cdb; } + .ribbon-box .ribbon-warning { background: #f7b84b; } + .ribbon-box .ribbon-warning:before { border-color: #f5a51a transparent transparent; } + .ribbon-box .ribbon-warning.ribbon-shape::before { border-left-color: #f7b84b; border-top-color: #f7b84b; } + .ribbon-box .ribbon-warning.ribbon-shape::after { border-left-color: #f7b84b; border-bottom-color: #f7b84b; } + .ribbon-box.right .ribbon-warning { background: #f7b84b; } + .ribbon-box.right .ribbon-warning.ribbon-shape::before { border-right-color: #f7b84b; border-top-color: #f7b84b; } + .ribbon-box.right .ribbon-warning.ribbon-shape::after { border-right-color: #f7b84b; border-bottom-color: #f7b84b; } + .ribbon-box .ribbon-danger { background: #f06548; } + .ribbon-box .ribbon-danger:before { border-color: #ec3d19 transparent transparent; } + .ribbon-box .ribbon-danger.ribbon-shape::before { border-left-color: #f06548; border-top-color: #f06548; } + .ribbon-box .ribbon-danger.ribbon-shape::after { border-left-color: #f06548; border-bottom-color: #f06548; } + .ribbon-box.right .ribbon-danger { background: #f06548; } + .ribbon-box.right .ribbon-danger.ribbon-shape::before { border-right-color: #f06548; border-top-color: #f06548; } + .ribbon-box.right .ribbon-danger.ribbon-shape::after { border-right-color: #f06548; border-bottom-color: #f06548; } + .ribbon-box .ribbon-light { background: #f3f6f9; } + .ribbon-box .ribbon-light:before { border-color: #d1dde8 transparent transparent; } + .ribbon-box .ribbon-light.ribbon-shape::before { border-left-color: #f3f6f9; border-top-color: #f3f6f9; } + .ribbon-box .ribbon-light.ribbon-shape::after { border-left-color: #f3f6f9; border-bottom-color: #f3f6f9; } + .ribbon-box.right .ribbon-light { background: #f3f6f9; } + .ribbon-box.right .ribbon-light.ribbon-shape::before { border-right-color: #f3f6f9; border-top-color: #f3f6f9; } + .ribbon-box.right .ribbon-light.ribbon-shape::after { border-right-color: #f3f6f9; border-bottom-color: #f3f6f9; } + .ribbon-box .ribbon-dark { background: #212529; } + .ribbon-box .ribbon-dark:before { border-color: #0a0c0d transparent transparent; } + .ribbon-box .ribbon-dark.ribbon-shape::before { border-left-color: #212529; border-top-color: #212529; } + .ribbon-box .ribbon-dark.ribbon-shape::after { border-left-color: #212529; border-bottom-color: #212529; } + .ribbon-box.right .ribbon-dark { background: #212529; } + .ribbon-box.right .ribbon-dark.ribbon-shape::before { border-right-color: #212529; border-top-color: #212529; } + .ribbon-box.right .ribbon-dark.ribbon-shape::after { border-right-color: #212529; border-bottom-color: #212529; } + .ribbon-box .icon-ribbon { -webkit-box-shadow: none; box-shadow: none; @@ -4030,6 +4161,7 @@ code { font-size: 40px; padding: 0; } + .ribbon-box .ribbon-two { position: absolute; left: -5px; @@ -4040,6 +4172,7 @@ code { height: 75px; text-align: right; } + .ribbon-box .ribbon-two span { font-size: 13px; color: #fff; @@ -4057,6 +4190,7 @@ code { left: -21px; font-weight: 600; } + .ribbon-box .ribbon-two span:before { content: ""; position: absolute; @@ -4066,6 +4200,7 @@ code { border-right: 3px solid transparent; border-bottom: 3px solid transparent; } + .ribbon-box .ribbon-two span:after { content: ""; position: absolute; @@ -4075,105 +4210,132 @@ code { border-left: 3px solid transparent; border-bottom: 3px solid transparent; } + .ribbon-box .ribbon-two-primary span { background: #405189; } + .ribbon-box .ribbon-two-primary span:before { border-left: 3px solid #283255; border-top: 3px solid #283255; } + .ribbon-box .ribbon-two-primary span:after { border-right: 3px solid #283255; border-top: 3px solid #283255; } + .ribbon-box .ribbon-two-secondary span { background: #3577f1; } + .ribbon-box .ribbon-two-secondary span:before { border-left: 3px solid #0e51cb; border-top: 3px solid #0e51cb; } + .ribbon-box .ribbon-two-secondary span:after { border-right: 3px solid #0e51cb; border-top: 3px solid #0e51cb; } + .ribbon-box .ribbon-two-success span { background: #0ab39c; } + .ribbon-box .ribbon-two-success span:before { border-left: 3px solid #066b5d; border-top: 3px solid #066b5d; } + .ribbon-box .ribbon-two-success span:after { border-right: 3px solid #066b5d; border-top: 3px solid #066b5d; } + .ribbon-box .ribbon-two-info span { background: #299cdb; } + .ribbon-box .ribbon-two-info span:before { border-left: 3px solid #1a6f9d; border-top: 3px solid #1a6f9d; } + .ribbon-box .ribbon-two-info span:after { border-right: 3px solid #1a6f9d; border-top: 3px solid #1a6f9d; } + .ribbon-box .ribbon-two-warning span { background: #f7b84b; } + .ribbon-box .ribbon-two-warning span:before { border-left: 3px solid #eb990a; border-top: 3px solid #eb990a; } + .ribbon-box .ribbon-two-warning span:after { border-right: 3px solid #eb990a; border-top: 3px solid #eb990a; } + .ribbon-box .ribbon-two-danger span { background: #f06548; } + .ribbon-box .ribbon-two-danger span:before { border-left: 3px solid #da3412; border-top: 3px solid #da3412; } + .ribbon-box .ribbon-two-danger span:after { border-right: 3px solid #da3412; border-top: 3px solid #da3412; } + .ribbon-box .ribbon-two-light span { background: #f3f6f9; } + .ribbon-box .ribbon-two-light span:before { border-left: 3px solid #c0d0e0; border-top: 3px solid #c0d0e0; } + .ribbon-box .ribbon-two-light span:after { border-right: 3px solid #c0d0e0; border-top: 3px solid #c0d0e0; } + .ribbon-box .ribbon-two-dark span { background: #212529; } + .ribbon-box .ribbon-two-dark span:before { border-left: 3px solid #000; border-top: 3px solid #000; } + .ribbon-box .ribbon-two-dark span:after { border-right: 3px solid #000; border-top: 3px solid #000; } + .ribbon-box.right .ribbon-three { position: absolute; top: -6.1px; right: 10px; left: auto; } + .ribbon-three { position: absolute; top: -6.1px; left: 10px; } + .ribbon-three span { position: relative; display: block; @@ -4185,17 +4347,20 @@ code { border-top-right-radius: 8px; width: 90px; } + .ribbon-three span::after, .ribbon-three span::before { position: absolute; content: ""; } + .ribbon-three span::before { height: 6px; width: 6px; left: -6px; top: 0; } + .ribbon-three span::after { height: 6px; width: 8px; @@ -4203,6 +4368,7 @@ code { top: 0; border-radius: 8px 8px 0 0; } + .ribbon-three::after { position: absolute; content: ""; @@ -4212,184 +4378,236 @@ code { border-right: 44px solid transparent; border-top: 10px solid; } + .ribbon-three-primary span { background: #405189; } + .ribbon-three-primary span:before { background: #405189; } + .ribbon-three-primary span:after { background: #303c66; } + .ribbon-three-primary::after { border-top-color: #405189; } + .ribbon-three-secondary span { background: #3577f1; } + .ribbon-three-secondary span:before { background: #3577f1; } + .ribbon-three-secondary span:after { background: #105ae3; } + .ribbon-three-secondary::after { border-top-color: #3577f1; } + .ribbon-three-success span { background: #0ab39c; } + .ribbon-three-success span:before { background: #0ab39c; } + .ribbon-three-success span:after { background: #078372; } + .ribbon-three-success::after { border-top-color: #0ab39c; } + .ribbon-three-info span { background: #299cdb; } + .ribbon-three-info span:before { background: #299cdb; } + .ribbon-three-info span:after { background: #1e7eb3; } + .ribbon-three-info::after { border-top-color: #299cdb; } + .ribbon-three-warning span { background: #f7b84b; } + .ribbon-three-warning span:before { background: #f7b84b; } + .ribbon-three-warning span:after { background: #f5a51a; } + .ribbon-three-warning::after { border-top-color: #f7b84b; } + .ribbon-three-danger span { background: #f06548; } + .ribbon-three-danger span:before { background: #f06548; } + .ribbon-three-danger span:after { background: #ec3d19; } + .ribbon-three-danger::after { border-top-color: #f06548; } + .ribbon-three-light span { background: #f3f6f9; } + .ribbon-three-light span:before { background: #f3f6f9; } + .ribbon-three-light span:after { background: #d1dde8; } + .ribbon-three-light::after { border-top-color: #f3f6f9; } + .ribbon-three-dark span { background: #212529; } + .ribbon-three-dark span:before { background: #212529; } + .ribbon-three-dark span:after { background: #0a0c0d; } + .ribbon-three-dark::after { border-top-color: #212529; } + .ribbon-box .trending-ribbon { -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .ribbon-box .trending-ribbon .trending-ribbon-text { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; } + .ribbon-box:hover .trending-ribbon { -webkit-transform: translateX(0); transform: translateX(0); } + .ribbon-box:hover .trending-ribbon .trending-ribbon-text { opacity: 1; } + .ribbon-box.right .trending-ribbon { -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .ribbon-box.right .trending-ribbon .trending-ribbon-text { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; } + .ribbon-box.right:hover .trending-ribbon { -webkit-transform: translateX(0); transform: translateX(0); } + .ribbon-box.right:hover .trending-ribbon .trending-ribbon-text { opacity: 1; } + .toast:not(:last-child) { margin-bottom: 0.75rem; } + .toast-border-primary .toast-body { color: #405189; border-bottom: 3px solid #405189; } + .toast-border-secondary .toast-body { color: #3577f1; border-bottom: 3px solid #3577f1; } + .toast-border-success .toast-body { color: #0ab39c; border-bottom: 3px solid #0ab39c; } + .toast-border-info .toast-body { color: #299cdb; border-bottom: 3px solid #299cdb; } + .toast-border-warning .toast-body { color: #f7b84b; border-bottom: 3px solid #f7b84b; } + .toast-border-danger .toast-body { color: #f06548; border-bottom: 3px solid #f06548; } + .toast-border-light .toast-body { color: #f3f6f9; border-bottom: 3px solid #f3f6f9; } + .toast-border-dark .toast-body { color: #212529; border-bottom: 3px solid #212529; } + .scrollspy-example { position: relative; height: 200px; margin-top: 0.5rem; overflow: auto; } + .scrollspy-example-2 { position: relative; height: 370px; overflow: auto; } + :root { --vz-card-logo-dark: block; --vz-card-logo-light: none; @@ -4419,6 +4637,7 @@ code { --vz-input-bg-custom: #fff; --vz-input-border-custom: #ced4da; } + :root[data-topbar="dark"] { --vz-header-bg: #405189; --vz-header-item-color: rgba(255, 255, 255, 0.85); @@ -4429,6 +4648,7 @@ code { --vz-topbar-search-color: #fff; --vz-header-border: #405189; } + :root { --vz-vertical-menu-bg: #405189; --vz-vertical-menu-border: #405189; @@ -4445,6 +4665,7 @@ code { --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); } + :root[data-sidebar="dark"] { --vz-vertical-menu-bg: #fff; --vz-vertical-menu-border: #fff; @@ -4460,12 +4681,11 @@ code { --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); } -:root:is( - [data-sidebar="gradient"], - [data-sidebar="gradient-2"], - [data-sidebar="gradient-3"], - [data-sidebar="gradient-4"] - ) { + +:root:is([data-sidebar="gradient"], + [data-sidebar="gradient-2"], + [data-sidebar="gradient-3"], + [data-sidebar="gradient-4"]) { --vz-vertical-menu-item-color: rgba(255, 255, 255, 0.5); --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-item-hover-color: #fff; @@ -4478,42 +4698,39 @@ code { --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); } + :root[data-sidebar="gradient"] { - --vz-vertical-menu-bg: linear-gradient( - to right, - var(--vz-primary), - var(--vz-success) - ); + --vz-vertical-menu-bg: linear-gradient(to right, + var(--vz-primary), + var(--vz-success)); --vz-vertical-menu-border: var(--vz-success); --vz-twocolumn-menu-iconview-bg: var(--vz-primary); } + :root[data-sidebar="gradient-2"] { - --vz-vertical-menu-bg: linear-gradient( - to right, - var(--vz-info), - var(--vz-secondary) - ); + --vz-vertical-menu-bg: linear-gradient(to right, + var(--vz-info), + var(--vz-secondary)); --vz-vertical-menu-border: var(--vz-secondary); --vz-twocolumn-menu-iconview-bg: var(--vz-info); } + :root[data-sidebar="gradient-3"] { - --vz-vertical-menu-bg: linear-gradient( - to right, - var(--vz-info), - var(--vz-success) - ); + --vz-vertical-menu-bg: linear-gradient(to right, + var(--vz-info), + var(--vz-success)); --vz-vertical-menu-border: var(--vz-success); --vz-twocolumn-menu-iconview-bg: var(--vz-info); } + :root[data-sidebar="gradient-4"] { - --vz-vertical-menu-bg: linear-gradient( - to right, - #1a1d21, - var(--vz-primary) - ); + --vz-vertical-menu-bg: linear-gradient(to right, + #1a1d21, + var(--vz-primary)); --vz-vertical-menu-border: var(--vz-primary); --vz-twocolumn-menu-iconview-bg: #1a1d21; } + [data-bs-theme="dark"] { --vz-light: #282b2e; --vz-light-rgb: 40, 43, 46; @@ -4539,6 +4756,7 @@ code { --vz-input-bg-custom: #262a2f; --vz-input-border-custom: #2a2f34; } + [data-bs-theme="dark"] .table-light { --vz-table-color: white; --vz-table-bg: var(--vz-light); @@ -4550,21 +4768,25 @@ code { --vz-table-hover-bg: var(--vz-light); --vz-table-hover-color: white; } + [data-bs-theme="dark"] .btn-light, [data-bs-theme="dark"] .btn-outline-light { --vz-btn-color: #8d8e90; --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + [data-bs-theme="dark"] .btn-ghost-dark, [data-bs-theme="dark"] .btn-outline-dark, [data-bs-theme="dark"] .btn-soft-dark { --vz-btn-color: #fff; } + [data-bs-theme="dark"] .btn-ghost-dark { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + [data-bs-theme="dark"] .dropdown-menu { --vz-dropdown-bg: #292e33; --vz-dropdown-link-color: #adb5bd; @@ -4574,6 +4796,7 @@ code { --vz-dropdown-link-active-color: #adb5bd; --vz-dropdown-link-active-bg: #2f343a; } + [data-bs-theme="dark"] { --vz-header-bg: #292e32; --vz-header-border: #292e32; @@ -4584,6 +4807,7 @@ code { --vz-topbar-search-bg: #202328; --vz-topbar-search-color: #fff; } + [data-bs-theme="dark"][data-topbar="dark"] { --vz-header-bg: #405189; --vz-header-border: #405189; @@ -4594,6 +4818,7 @@ code { --vz-topbar-search-bg: rgba(255, 255, 255, 0.05); --vz-topbar-search-color: #fff; } + [data-bs-theme="dark"] { --vz-vertical-menu-bg: #fff; --vz-vertical-menu-border: #fff; @@ -4607,6 +4832,7 @@ code { --vz-vertical-menu-sub-item-active-color: #405189; --vz-vertical-menu-title-color: #919da9; } + [data-bs-theme="dark"][data-sidebar="dark"] { --vz-vertical-menu-bg: #212529; --vz-vertical-menu-border: #212529; @@ -4621,50 +4847,59 @@ code { --vz-vertical-menu-title-color: #5f6270; --vz-twocolumn-menu-iconview-bg: #292e32; } + html { position: relative; min-height: 100%; } + :is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) { font-family: Poppins, sans-serif; } + label { font-weight: 500; margin-bottom: 0.5rem; } + b, strong { font-weight: 600; } + .blockquote { padding: 10px 20px; border-left: 4px solid var(--vz-border-color); } + .blockquote-reverse { border-left: 0; border-right: 4px solid var(--vz-border-color); text-align: right; } + @media (min-width: 1200px) { - :is( - .container, - .container-lg, - .container-md, - .container-sm, - .container-xl, - .container-xxl - ) { + + :is(.container, + .container-lg, + .container-md, + .container-sm, + .container-xl, + .container-xxl) { max-width: 1140px; } } -.row > * { + +.row>* { position: relative; } + .alert-label-icon { position: relative; padding-left: 60px; border: 0; } + .alert-label-icon .label-icon { position: absolute; width: 45px; @@ -4683,9 +4918,11 @@ strong { -ms-flex-pack: center; justify-content: center; } + .alert-label-icon.label-arrow { overflow: hidden; } + .alert-label-icon.label-arrow .label-icon:after { content: ""; position: absolute; @@ -4693,27 +4930,33 @@ strong { border-left-color: #405189; right: -12px; } + .alert-border-left { border-left: 3px solid; } + .alert-top-border { background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color); border-top: 2px solid; color: var(--vz-body-color); } + .alert-additional { padding: 0; } + .alert-additional .alert-body { padding: 0.8rem 1rem; } + .alert-additional .alert-content { padding: 0.8rem 1rem; border-bottom-left-radius: var(--vz-border-radius); border-bottom-right-radius: var(--vz-border-radius); margin: 0 -var(--vz-border-width) -var(--vz-border-width) -var(--vz-border-width); } + .rounded-label .label-icon { width: 45px; height: 26px; @@ -4723,201 +4966,259 @@ strong { transform: translateY(-50%); border-radius: 0 30px 30px 0; } + .alert-border-left.alert-primary { border-left-color: var(--vz-primary); } + .alert-top-border.alert-primary { border-top-color: var(--vz-primary); } + .rounded-label.alert-primary .label-icon { background-color: var(--vz-primary); color: #fff; } + .label-arrow.alert-primary .label-icon { color: #fff; background-color: var(--vz-primary); } + .label-arrow.alert-primary .label-icon:after { border-left-color: var(--vz-primary) !important; } + .alert.alert-primary .btn-close::after { color: var(--vz-primary); } + .alert-additional.alert-primary .alert-content { background-color: var(--vz-primary); color: #fff; } + .alert-border-left.alert-secondary { border-left-color: var(--vz-secondary); } + .alert-top-border.alert-secondary { border-top-color: var(--vz-secondary); } + .rounded-label.alert-secondary .label-icon { background-color: var(--vz-secondary); color: #fff; } + .label-arrow.alert-secondary .label-icon { color: #fff; background-color: var(--vz-secondary); } + .label-arrow.alert-secondary .label-icon:after { border-left-color: var(--vz-secondary) !important; } + .alert.alert-secondary .btn-close::after { color: var(--vz-secondary); } + .alert-additional.alert-secondary .alert-content { background-color: var(--vz-secondary); color: #fff; } + .alert-border-left.alert-success { border-left-color: var(--vz-success); } + .alert-top-border.alert-success { border-top-color: var(--vz-success); } + .rounded-label.alert-success .label-icon { background-color: var(--vz-success); color: #fff; } + .label-arrow.alert-success .label-icon { color: #fff; background-color: var(--vz-success); } + .label-arrow.alert-success .label-icon:after { border-left-color: var(--vz-success) !important; } + .alert.alert-success .btn-close::after { color: var(--vz-success); } + .alert-additional.alert-success .alert-content { background-color: var(--vz-success); color: #fff; } + .alert-border-left.alert-info { border-left-color: var(--vz-info); } + .alert-top-border.alert-info { border-top-color: var(--vz-info); } + .rounded-label.alert-info .label-icon { background-color: var(--vz-info); color: #fff; } + .label-arrow.alert-info .label-icon { color: #fff; background-color: var(--vz-info); } + .label-arrow.alert-info .label-icon:after { border-left-color: var(--vz-info) !important; } + .alert.alert-info .btn-close::after { color: var(--vz-info); } + .alert-additional.alert-info .alert-content { background-color: var(--vz-info); color: #fff; } + .alert-border-left.alert-warning { border-left-color: var(--vz-warning); } + .alert-top-border.alert-warning { border-top-color: var(--vz-warning); } + .rounded-label.alert-warning .label-icon { background-color: var(--vz-warning); color: #fff; } + .label-arrow.alert-warning .label-icon { color: #fff; background-color: var(--vz-warning); } + .label-arrow.alert-warning .label-icon:after { border-left-color: var(--vz-warning) !important; } + .alert.alert-warning .btn-close::after { color: var(--vz-warning); } + .alert-additional.alert-warning .alert-content { background-color: var(--vz-warning); color: #fff; } + .alert-border-left.alert-danger { border-left-color: var(--vz-danger); } + .alert-top-border.alert-danger { border-top-color: var(--vz-danger); } + .rounded-label.alert-danger .label-icon { background-color: var(--vz-danger); color: #fff; } + .label-arrow.alert-danger .label-icon { color: #fff; background-color: var(--vz-danger); } + .label-arrow.alert-danger .label-icon:after { border-left-color: var(--vz-danger) !important; } + .alert.alert-danger .btn-close::after { color: var(--vz-danger); } + .alert-additional.alert-danger .alert-content { background-color: var(--vz-danger); color: #fff; } + .alert-border-left.alert-light { border-left-color: var(--vz-light); } + .alert-top-border.alert-light { border-top-color: var(--vz-light); } + .rounded-label.alert-light .label-icon { background-color: var(--vz-light); color: #000; } + .label-arrow.alert-light .label-icon { color: #000; background-color: var(--vz-light); } + .label-arrow.alert-light .label-icon:after { border-left-color: var(--vz-light) !important; } + .alert.alert-light .btn-close::after { color: var(--vz-light); } + .alert-additional.alert-light .alert-content { background-color: var(--vz-light); color: #000; } + .alert-border-left.alert-dark { border-left-color: var(--vz-dark); } + .alert-top-border.alert-dark { border-top-color: var(--vz-dark); } + .rounded-label.alert-dark .label-icon { background-color: var(--vz-dark); color: #fff; } + .label-arrow.alert-dark .label-icon { color: #fff; background-color: var(--vz-dark); } + .label-arrow.alert-dark .label-icon:after { border-left-color: var(--vz-dark) !important; } + .alert.alert-dark .btn-close::after { color: var(--vz-dark); } + .alert-additional.alert-dark .alert-content { background-color: var(--vz-dark); color: #fff; } + .alert-dismissible .btn-close { background: 0 0 !important; } + .alert-dismissible .btn-close::after { background: 0 0 !important; content: "\f0156" !important; @@ -4925,40 +5226,52 @@ strong { line-height: 15px; font-family: "Material Design Icons" !important; } + .badge { line-height: 0.95; } + .badge-label.bg-primary:before { border-right-color: #405189; } + .badge-label.bg-secondary:before { border-right-color: #3577f1; } + .badge-label.bg-success:before { border-right-color: #0ab39c; } + .badge-label.bg-info:before { border-right-color: #299cdb; } + .badge-label.bg-warning:before { border-right-color: #f7b84b; } + .badge-label.bg-danger:before { border-right-color: #f06548; } + .badge-label.bg-light:before { border-right-color: #f3f6f9; } + .badge-label.bg-dark:before { border-right-color: #212529; } + .badge-border { border-left: 2px solid; } + .badge-label { margin-left: 8px; position: relative; } + .badge-label:before { content: ""; position: absolute; @@ -4967,38 +5280,49 @@ strong { left: -14px; top: 0; } + .badge-gradient-primary { background: linear-gradient(135deg, #405189 0, #0ab39c 100%); } + .badge-gradient-secondary { background: linear-gradient(135deg, #3577f1 0, #299cdb 100%); } + .badge-gradient-success { background: linear-gradient(135deg, #0ab39c 0, #f7b84b 100%); } + .badge-gradient-danger { background: linear-gradient(135deg, #f06548 0, #3577f1 100%); } + .badge-gradient-warning { background: linear-gradient(135deg, #f7b84b 0, #eb990a 100%); } + .badge-gradient-info { background: linear-gradient(135deg, #299cdb 0, #0ab39c 100%); } + .badge-gradient-dark { background: linear-gradient(135deg, #212529 0, #405189 100%); } + a, button { outline: 0 !important; } + .btn { -webkit-box-shadow: none; box-shadow: none; } + :is(.btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active) { border-color: transparent; } + .btn-icon { position: relative; display: -webkit-inline-box; @@ -5014,17 +5338,21 @@ button { width: calc(1rem + 1.5em + 2px); padding: 0; } + .btn-icon :is(i, svg, img) { vertical-align: middle; } + .btn-icon.btn-sm { height: calc(0.5rem + 1.5em + 2px); width: calc(0.5rem + 1.5em + 2px); } + .btn-icon.btn-lg { height: calc(1.4rem + 1.5em + 2px); width: calc(1.4rem + 1.5em + 2px); } + .btn-primary { --vz-btn-bg: var(--vz-primary); --vz-btn-border-color: var(--vz-primary); @@ -5034,6 +5362,7 @@ button { --vz-btn-active-bg: var(--vz-primary-text-emphasis); --vz-btn-active-border-color: var(--vz-primary-text-emphasis); } + .btn-outline-primary { --vz-btn-color: var(--vz-primary); --vz-btn-bg: transparent; @@ -5044,6 +5373,7 @@ button { --vz-btn-active-bg: var(--vz-primary); --vz-btn-active-border-color: var(--vz-primary); } + .btn-soft-primary { --vz-btn-color: var(--vz-primary); --vz-btn-bg: var(--vz-primary-bg-subtle); @@ -5054,6 +5384,7 @@ button { --vz-btn-active-bg: var(--vz-primary); --vz-btn-active-border-color: transparent; } + .btn-ghost-primary { --vz-btn-color: var(--vz-primary); --vz-btn-bg: transparent; @@ -5066,6 +5397,7 @@ button { --vz-btn-active-bg: var(--vz-primary-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-secondary { --vz-btn-bg: var(--vz-secondary); --vz-btn-border-color: var(--vz-secondary); @@ -5075,6 +5407,7 @@ button { --vz-btn-active-bg: var(--vz-secondary-text-emphasis); --vz-btn-active-border-color: var(--vz-secondary-text-emphasis); } + .btn-outline-secondary { --vz-btn-color: var(--vz-secondary); --vz-btn-bg: transparent; @@ -5085,6 +5418,7 @@ button { --vz-btn-active-bg: var(--vz-secondary); --vz-btn-active-border-color: var(--vz-secondary); } + .btn-soft-secondary { --vz-btn-color: var(--vz-secondary); --vz-btn-bg: var(--vz-secondary-bg-subtle); @@ -5095,6 +5429,7 @@ button { --vz-btn-active-bg: var(--vz-secondary); --vz-btn-active-border-color: transparent; } + .btn-ghost-secondary { --vz-btn-color: var(--vz-secondary); --vz-btn-bg: transparent; @@ -5107,6 +5442,7 @@ button { --vz-btn-active-bg: var(--vz-secondary-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-success { --vz-btn-bg: var(--vz-success); --vz-btn-border-color: var(--vz-success); @@ -5116,6 +5452,7 @@ button { --vz-btn-active-bg: var(--vz-success-text-emphasis); --vz-btn-active-border-color: var(--vz-success-text-emphasis); } + .btn-outline-success { --vz-btn-color: var(--vz-success); --vz-btn-bg: transparent; @@ -5126,6 +5463,7 @@ button { --vz-btn-active-bg: var(--vz-success); --vz-btn-active-border-color: var(--vz-success); } + .btn-soft-success { --vz-btn-color: var(--vz-success); --vz-btn-bg: var(--vz-success-bg-subtle); @@ -5136,6 +5474,7 @@ button { --vz-btn-active-bg: var(--vz-success); --vz-btn-active-border-color: transparent; } + .btn-ghost-success { --vz-btn-color: var(--vz-success); --vz-btn-bg: transparent; @@ -5148,6 +5487,7 @@ button { --vz-btn-active-bg: var(--vz-success-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-info { --vz-btn-bg: var(--vz-info); --vz-btn-border-color: var(--vz-info); @@ -5157,6 +5497,7 @@ button { --vz-btn-active-bg: var(--vz-info-text-emphasis); --vz-btn-active-border-color: var(--vz-info-text-emphasis); } + .btn-outline-info { --vz-btn-color: var(--vz-info); --vz-btn-bg: transparent; @@ -5167,6 +5508,7 @@ button { --vz-btn-active-bg: var(--vz-info); --vz-btn-active-border-color: var(--vz-info); } + .btn-soft-info { --vz-btn-color: var(--vz-info); --vz-btn-bg: var(--vz-info-bg-subtle); @@ -5177,6 +5519,7 @@ button { --vz-btn-active-bg: var(--vz-info); --vz-btn-active-border-color: transparent; } + .btn-ghost-info { --vz-btn-color: var(--vz-info); --vz-btn-bg: transparent; @@ -5189,6 +5532,7 @@ button { --vz-btn-active-bg: var(--vz-info-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-warning { --vz-btn-bg: var(--vz-warning); --vz-btn-border-color: var(--vz-warning); @@ -5198,6 +5542,7 @@ button { --vz-btn-active-bg: var(--vz-warning-text-emphasis); --vz-btn-active-border-color: var(--vz-warning-text-emphasis); } + .btn-outline-warning { --vz-btn-color: var(--vz-warning); --vz-btn-bg: transparent; @@ -5208,6 +5553,7 @@ button { --vz-btn-active-bg: var(--vz-warning); --vz-btn-active-border-color: var(--vz-warning); } + .btn-soft-warning { --vz-btn-color: var(--vz-warning); --vz-btn-bg: var(--vz-warning-bg-subtle); @@ -5218,6 +5564,7 @@ button { --vz-btn-active-bg: var(--vz-warning); --vz-btn-active-border-color: transparent; } + .btn-ghost-warning { --vz-btn-color: var(--vz-warning); --vz-btn-bg: transparent; @@ -5230,6 +5577,7 @@ button { --vz-btn-active-bg: var(--vz-warning-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-danger { --vz-btn-bg: var(--vz-danger); --vz-btn-border-color: var(--vz-danger); @@ -5239,6 +5587,7 @@ button { --vz-btn-active-bg: var(--vz-danger-text-emphasis); --vz-btn-active-border-color: var(--vz-danger-text-emphasis); } + .btn-outline-danger { --vz-btn-color: var(--vz-danger); --vz-btn-bg: transparent; @@ -5249,6 +5598,7 @@ button { --vz-btn-active-bg: var(--vz-danger); --vz-btn-active-border-color: var(--vz-danger); } + .btn-soft-danger { --vz-btn-color: var(--vz-danger); --vz-btn-bg: var(--vz-danger-bg-subtle); @@ -5259,6 +5609,7 @@ button { --vz-btn-active-bg: var(--vz-danger); --vz-btn-active-border-color: transparent; } + .btn-ghost-danger { --vz-btn-color: var(--vz-danger); --vz-btn-bg: transparent; @@ -5271,6 +5622,7 @@ button { --vz-btn-active-bg: var(--vz-danger-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-light { --vz-btn-bg: var(--vz-light); --vz-btn-border-color: var(--vz-light); @@ -5280,6 +5632,7 @@ button { --vz-btn-active-bg: var(--vz-light-text-emphasis); --vz-btn-active-border-color: var(--vz-light-text-emphasis); } + .btn-outline-light { --vz-btn-color: var(--vz-light); --vz-btn-bg: transparent; @@ -5290,6 +5643,7 @@ button { --vz-btn-active-bg: var(--vz-light); --vz-btn-active-border-color: var(--vz-light); } + .btn-soft-light { --vz-btn-color: var(--vz-light); --vz-btn-bg: var(--vz-light-bg-subtle); @@ -5300,6 +5654,7 @@ button { --vz-btn-active-bg: var(--vz-light); --vz-btn-active-border-color: transparent; } + .btn-ghost-light { --vz-btn-color: var(--vz-light); --vz-btn-bg: transparent; @@ -5312,6 +5667,7 @@ button { --vz-btn-active-bg: var(--vz-light-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-dark { --vz-btn-bg: var(--vz-dark); --vz-btn-border-color: var(--vz-dark); @@ -5321,6 +5677,7 @@ button { --vz-btn-active-bg: var(--vz-dark-text-emphasis); --vz-btn-active-border-color: var(--vz-dark-text-emphasis); } + .btn-outline-dark { --vz-btn-color: var(--vz-dark); --vz-btn-bg: transparent; @@ -5331,6 +5688,7 @@ button { --vz-btn-active-bg: var(--vz-dark); --vz-btn-active-border-color: var(--vz-dark); } + .btn-soft-dark { --vz-btn-color: var(--vz-dark); --vz-btn-bg: var(--vz-dark-bg-subtle); @@ -5341,6 +5699,7 @@ button { --vz-btn-active-bg: var(--vz-dark); --vz-btn-active-border-color: transparent; } + .btn-ghost-dark { --vz-btn-color: var(--vz-dark); --vz-btn-bg: transparent; @@ -5353,10 +5712,12 @@ button { --vz-btn-active-bg: var(--vz-dark-bg-subtle); --vz-btn-active-border-color: transparent; } + .btn-label { position: relative; padding-left: 44px; } + .btn-label .label-icon { position: absolute; width: 35.5px; @@ -5375,17 +5736,21 @@ button { -ms-flex-pack: center; justify-content: center; } + .btn-label.btn-light .label-icon { background-color: rgba(33, 37, 41, 0.05); } + .btn-label.right { padding-left: 0.9rem; padding-right: 44px; } + .btn-label.right .label-icon { right: calc(var(--vz-border-width) * -1); left: auto; } + .btn-animation { overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; @@ -5393,6 +5758,7 @@ button { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } + .btn-animation::after { content: attr(data-text); position: absolute; @@ -5411,7 +5777,8 @@ button { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } -.btn-animation > span { + +.btn-animation>span { display: block; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; @@ -5420,375 +5787,470 @@ button { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } + .btn-animation:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } -.btn-animation:hover > span { + +.btn-animation:hover>span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } + .btn-primary.btn-animation { background-color: #405189; border-color: #405189 !important; } + .btn-primary.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #405189; background-color: rgba(64, 81, 137, 0.1); } + .btn-secondary.btn-animation { background-color: #3577f1; border-color: #3577f1 !important; } + .btn-secondary.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #3577f1; background-color: rgba(53, 119, 241, 0.1); } + .btn-success.btn-animation { background-color: #0ab39c; border-color: #0ab39c !important; } + .btn-success.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #0ab39c; background-color: rgba(10, 179, 156, 0.1); } + .btn-info.btn-animation { background-color: #299cdb; border-color: #299cdb !important; } + .btn-info.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #299cdb; background-color: rgba(41, 156, 219, 0.1); } + .btn-warning.btn-animation { background-color: #f7b84b; border-color: #f7b84b !important; } + .btn-warning.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #f7b84b; background-color: rgba(247, 184, 75, 0.1); } + .btn-danger.btn-animation { background-color: #f06548; border-color: #f06548 !important; } + .btn-danger.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #f06548; background-color: rgba(240, 101, 72, 0.1); } + .btn-light.btn-animation { background-color: #f3f6f9; border-color: #f3f6f9 !important; } + .btn-light.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #f3f6f9; background-color: rgba(243, 246, 249, 0.1); } + .btn-dark.btn-animation { background-color: #212529; border-color: #212529 !important; } + .btn-dark.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: #212529; background-color: rgba(33, 37, 41, 0.1); } + .btn-group-vertical label { margin-bottom: 0; } + .btn-group.radio .btn { border: none; } -.btn-group.radio .btn-check:active + .btn-light, -.btn-group.radio .btn-check:checked + .btn-light, + +.btn-group.radio .btn-check:active+.btn-light, +.btn-group.radio .btn-check:checked+.btn-light, .btn-group.radio .btn-light.active, .btn-group.radio .btn-light.dropdown-toggle.show, .btn-group.radio .btn-light:active { background-color: rgba(41, 156, 219, 0.2); color: #299cdb; } + .btn-load .spinner-border, .btn-load .spinner-grow { height: 19px; width: 19px; } + :is(.btn-primary, .btn-outline-primary, .btn-soft-primary).btn-border { border-bottom: 2px solid #33416d; } + :is(.btn-soft-primary, .btn-outline-primary) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + :is(.btn-secondary, .btn-outline-secondary, .btn-soft-secondary).btn-border { border-bottom: 2px solid #105eed; } + :is(.btn-soft-secondary, .btn-outline-secondary) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + :is(.btn-success, .btn-outline-success, .btn-soft-success).btn-border { border-bottom: 2px solid #088c7a; } + :is(.btn-soft-success, .btn-outline-success) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + :is(.btn-info, .btn-outline-info, .btn-soft-info).btn-border { border-bottom: 2px solid #2084bc; } + :is(.btn-soft-info, .btn-outline-info) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + :is(.btn-warning, .btn-outline-warning, .btn-soft-warning).btn-border { border-bottom: 2px solid #f5a924; } + :is(.btn-soft-warning, .btn-outline-warning) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + :is(.btn-danger, .btn-outline-danger, .btn-soft-danger).btn-border { border-bottom: 2px solid #ed4522; } + :is(.btn-soft-danger, .btn-outline-danger) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + :is(.btn-light, .btn-outline-light, .btn-soft-light).btn-border { border-bottom: 2px solid #d8e2eb; } + :is(.btn-soft-light, .btn-outline-light) { --vz-btn-active-color: #000; --vz-btn-hover-color: #000; } + :is(.btn-dark, .btn-outline-dark, .btn-soft-dark).btn-border { border-bottom: 2px solid #0f1112; } + :is(.btn-soft-dark, .btn-outline-dark) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; } + .custom-toggle .icon-off { display: none; } + .custom-toggle.active .icon-on { display: none; } + .custom-toggle.active .icon-off { display: block; } -.breadcrumb-item > a { + +.breadcrumb-item>a { color: var(--vz-body-color); } -.breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-item+.breadcrumb-item::before { font-family: "Material Design Icons"; font-size: 15px; line-height: 20px; } + .card { margin-bottom: 1.5rem; -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); } + .card-header { border-bottom: 1px solid var(--vz-border-color); } + .card-header-dropdown .dropdown-btn { padding: 1rem 0; } + .card-footer { border-top: 1px solid var(--vz-border-color); } + .card-title { font-size: 16px; margin: 0 0 7px 0; } + .card-height-100 { height: calc(100% - 1.5rem); } + .card-animate { -webkit-transition: all 0.4s; transition: all 0.4s; } + .card-animate:hover { -webkit-transform: translateY(calc(-1.5rem / 5)); transform: translateY(calc(-1.5rem / 5)); -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); } + .card-primary { background-color: #405189; color: #fff; } + .card-primary .card-footer, .card-primary .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-primary .card-title { color: #fff; } + .card-secondary { background-color: #3577f1; color: #fff; } + .card-secondary .card-footer, .card-secondary .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-secondary .card-title { color: #fff; } + .card-success { background-color: #0ab39c; color: #fff; } + .card-success .card-footer, .card-success .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-success .card-title { color: #fff; } + .card-info { background-color: #299cdb; color: #fff; } + .card-info .card-footer, .card-info .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-info .card-title { color: #fff; } + .card-warning { background-color: #f7b84b; color: #fff; } + .card-warning .card-footer, .card-warning .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-warning .card-title { color: #fff; } + .card-danger { background-color: #f06548; color: #fff; } + .card-danger .card-footer, .card-danger .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-danger .card-title { color: #fff; } + .card-light { background-color: #f3f6f9; color: #000; } + .card-light .card-footer, .card-light .card-header { background-color: rgba(255, 255, 255, 0.1); color: #000; border-color: transparent; } + .card-light .card-title { color: #000; } + .card-dark { background-color: #212529; color: #fff; } + .card-dark .card-footer, .card-dark .card-header { background-color: rgba(255, 255, 255, 0.1); color: #fff; border-color: transparent; } + .card-dark .card-title { color: #fff; } + .card-border-primary { border-color: #405189 !important; } + .card-border-primary .card-footer, .card-border-primary .card-header { border-color: #405189; } + .card-border-secondary { border-color: #3577f1 !important; } + .card-border-secondary .card-footer, .card-border-secondary .card-header { border-color: #3577f1; } + .card-border-success { border-color: #0ab39c !important; } + .card-border-success .card-footer, .card-border-success .card-header { border-color: #0ab39c; } + .card-border-info { border-color: #299cdb !important; } + .card-border-info .card-footer, .card-border-info .card-header { border-color: #299cdb; } + .card-border-warning { border-color: #f7b84b !important; } + .card-border-warning .card-footer, .card-border-warning .card-header { border-color: #f7b84b; } + .card-border-danger { border-color: #f06548 !important; } + .card-border-danger .card-footer, .card-border-danger .card-header { border-color: #f06548; } + .card-border-light { border-color: #f3f6f9 !important; } + .card-border-light .card-footer, .card-border-light .card-header { border-color: #f3f6f9; } + .card-border-dark { border-color: #212529 !important; } + .card-border-dark .card-footer, .card-border-dark .card-header { border-color: #212529; } + .card-light { background-color: var(--vz-light); } + .card-light .card-footer, .card-light .card-header { color: var(--vz-body-color) !important; background-color: rgba(var(--vz-dark-rgb), 0.1); } + .card-light .card-text, .card-light .card-title { color: var(--vz-body-color) !important; } + .card-preloader { position: absolute; top: 0; @@ -5798,6 +6260,7 @@ button { background-color: rgba(var(--vz-light-rgb), 0.6); z-index: 9999; } + .card-status { width: 40px; height: 40px; @@ -5807,26 +6270,31 @@ button { -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } + .custom-loader { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } + @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + .card-overlay { position: relative; overflow: hidden; } + .card-overlay:before { content: ""; background-color: rgba(64, 81, 137, 0.2); @@ -5836,27 +6304,35 @@ button { left: 0; bottom: 0; } + .card-overlay :is(.card-header, .card-footer) { border-color: rgba(255, 255, 255, 0.15) !important; } + .card-toolbar-menu { line-height: 0.8; } + .card-toolbar-menu a { font-size: 17px; } + .card-toolbar-menu .minimize-card .plus { display: none; } + .card-toolbar-menu .minimize-card .minus { display: block; } + .card-toolbar-menu .minimize-card.collapsed .plus { display: block; } + .card-toolbar-menu .minimize-card.collapsed .minus { display: none; } + .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -5865,6 +6341,7 @@ button { content: "\f0140"; font-family: "Material Design Icons"; } + .dropdown-menu { -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); @@ -5877,64 +6354,80 @@ button { position: absolute; z-index: 1000; } + .dropdown-menu.dropdown-megamenu { padding: 20px; left: 0 !important; right: 0 !important; } + .dropdown-menu[data-popper-placement="top-start"] { -webkit-animation-name: DropDownSlideDown; animation-name: DropDownSlideDown; } + @-webkit-keyframes DropDownSlide { 100% { margin-top: -1px; } + 0% { margin-top: 8px; } } + @keyframes DropDownSlide { 100% { margin-top: -1px; } + 0% { margin-top: 8px; } } + @-webkit-keyframes DropDownSlideDown { 100% { margin-bottom: 0; } + 0% { margin-bottom: 8px; } } + @keyframes DropDownSlideDown { 100% { margin-bottom: 0; } + 0% { margin-bottom: 8px; } } + @media (min-width: 600px) { .dropdown-menu-xl { width: 420px; } + .dropdown-menu-lg { width: 320px; } + .dropdown-menu-md { width: 240px; } } + .dropdown-toggle-split { border-left: none; } + .dropdown-toggle-split::after { margin-left: 0; } + .dropdown-toggle-split:before { content: ""; position: absolute; @@ -5945,90 +6438,115 @@ button { left: 0; border-radius: 0 var(--vz-border-radius) var(--vz-border-radius) 0; } + .dropdown-mega { position: static !important; } + .dropdown-mega-menu-xl { width: 38rem; } + .dropdown-mega-menu-lg { width: 26rem; } + [dir="ltr"] .dropdown-menu-start { --vz-position: end; } + [dir="ltr"] .dropdown-menu-end { --vz-position: start; } + .dropdown-head .nav-tabs-custom { border: 0; } + .dropdown-head .nav-tabs-custom .nav-link { color: rgba(255, 255, 255, 0.6); } + .dropdown-head .nav-tabs-custom .nav-link::after { display: none; } + .dropdown-head .nav-tabs-custom .nav-link.active { background-color: var(--vz-dropdown-bg); } + .dropdown-head .nav-tabs-custom .nav-link:hover { color: #fff; } + .dropdownmenu-primary .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(64, 81, 137, 0.07); color: #405189; } + .dropdownmenu-secondary .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(53, 119, 241, 0.07); color: #3577f1; } + .dropdownmenu-success .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(10, 179, 156, 0.07); color: #0ab39c; } + .dropdownmenu-info .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(41, 156, 219, 0.07); color: #299cdb; } + .dropdownmenu-warning .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(247, 184, 75, 0.07); color: #f7b84b; } + .dropdownmenu-danger .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(240, 101, 72, 0.07); color: #f06548; } + .dropdownmenu-light .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(243, 246, 249, 0.07); color: #f3f6f9; } + .dropdownmenu-dark .dropdown-item:is(:focus, :hover, .active) { background-color: rgba(33, 37, 41, 0.07); color: #212529; } -:is(.nav-tabs, .nav-pills) > li > a { + +:is(.nav-tabs, .nav-pills)>li>a { color: var(--vz-body-color); font-weight: 500; } -.nav-pills > a { + +.nav-pills>a { color: var(--vz-body-color); font-weight: 500; } + .nav-pills :is(.nav-link.active, .show > .nav-link) { -webkit-box-shadow: none; box-shadow: none; } + .nav-tabs-custom { border-bottom: 1px solid var(--vz-border-color); } + .nav-tabs-custom .nav-item { position: relative; } + .nav-tabs-custom .nav-item .nav-link { border: none; font-weight: 500; } + .nav-tabs-custom .nav-item .nav-link::after { content: ""; background: #405189; @@ -6042,35 +6560,44 @@ button { -webkit-transform: scale(0); transform: scale(0); } + .nav-tabs-custom .nav-item .nav-link.active { color: #405189; } + .nav-tabs-custom .nav-item .nav-link.active:after { -webkit-transform: scale(1); transform: scale(1); } + .nav-tabs-custom.card-header-tabs { margin-top: -1rem; } + .nav-tabs-custom.card-header-tabs .nav-link { padding: 1rem 1rem; } + .vertical-nav .nav .nav-link { padding: 24px 16px; text-align: center; margin-bottom: 8px; } + .vertical-nav .nav .nav-link .nav-icon { font-size: 24px; } -.navtab-bg li > a { + +.navtab-bg li>a { background-color: #e9ebec; margin: 0 5px; } + .arrow-navtabs .nav-item .nav-link { position: relative; text-align: center; } + .arrow-navtabs .nav-item .nav-link:before { content: ""; position: absolute; @@ -6084,34 +6611,42 @@ button { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .arrow-navtabs .nav-item .nav-link:before { -webkit-transition: none; transition: none; } } + .arrow-navtabs .nav-item .nav-link.active:before { border-top-color: #405189; } + .custom-hover-nav-tabs .nav-item { text-align: center; overflow: hidden; } + .custom-hover-nav-tabs .nav-item .nav-link { width: 120px; height: 45px; position: relative; border-radius: 0; } + .custom-hover-nav-tabs .nav-item .nav-link .nav-icon { font-size: 22px; } + .custom-hover-nav-tabs .nav-item .nav-link .nav-titl { font-size: 14px; } + .custom-hover-nav-tabs .nav-item .nav-link.active .nav-tab-position { color: #fff; } + .custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position { position: absolute; left: 0; @@ -6119,27 +6654,33 @@ button { -webkit-transition: all 0.4s; transition: all 0.4s; } + .custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position.nav-icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position.nav-titl { bottom: -20px; } + .custom-hover-nav-tabs .nav-item .nav-link:hover .nav-titl { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); } + .custom-hover-nav-tabs .nav-item .nav-link:hover .nav-icon { top: -20px; } + .custom-verti-nav-pills .nav-link { background-color: var(--vz-light); margin-top: 7px; position: relative; } + @media (min-width: 992px) { .custom-verti-nav-pills .nav-link::before { content: ""; @@ -6153,13 +6694,16 @@ button { -webkit-transition: border-left-color 0.04 ease; transition: border-left-color 0.04 ease; } + .custom-verti-nav-pills .nav-link.active::before { border-left-color: #405189; } } + .animation-nav li { position: relative; } + .animation-nav li a { color: var(--vz-body-color); border-radius: 4px; @@ -6169,9 +6713,11 @@ button { transition: all 0.4s; z-index: 1; } + .animation-nav li a span { position: relative; } + .animation-nav li a::before { content: ""; position: absolute; @@ -6184,272 +6730,348 @@ button { background-color: #405189; z-index: -1; } + .animation-nav li a.active, .animation-nav li a:hover { color: #fff; background-color: transparent !important; } + .animation-nav li a.active::before, .animation-nav li a:hover::before { width: 100%; left: 0; } + .nav-border-top .nav-link { border-top: 3px solid transparent; } + .nav-border-top .nav-link.active { border-top-color: #405189; } + .nav-border-top-primary .nav-link.active { color: #405189; border-top-color: #405189; } + .nav-border-top-secondary .nav-link.active { color: #3577f1; border-top-color: #3577f1; } + .nav-border-top-success .nav-link.active { color: #0ab39c; border-top-color: #0ab39c; } + .nav-border-top-info .nav-link.active { color: #299cdb; border-top-color: #299cdb; } + .nav-border-top-warning .nav-link.active { color: #f7b84b; border-top-color: #f7b84b; } + .nav-border-top-danger .nav-link.active { color: #f06548; border-top-color: #f06548; } + .nav-border-top-light .nav-link.active { color: #f3f6f9; border-top-color: #f3f6f9; } + .nav-border-top-dark .nav-link.active { color: #212529; border-top-color: #212529; } + .nav-custom { background-color: #405189; border-radius: var(--vz-border-radius); } + .nav-custom .nav-item .nav-link { color: rgba(255, 255, 255, 0.75); } + .nav-custom .nav-item .nav-link.active { color: #fff; background-color: rgba(255, 255, 255, 0.1); } + .nav-custom.nav-custom-light .nav-item .nav-link { color: rgba(var(--vz-body-rgb), 0.75); } + .nav-custom.nav-custom-light .nav-item .nav-link.active { color: #f3f6f9; background-color: #405189; } + .nav-custom-primary { background-color: #405189; } + .nav-custom-secondary { background-color: #3577f1; } + .nav-custom-success { background-color: #0ab39c; } + .nav-custom-info { background-color: #299cdb; } + .nav-custom-warning { background-color: #f7b84b; } + .nav-custom-danger { background-color: #f06548; } + .nav-custom-light { background-color: #f3f6f9; } + .nav-custom-dark { background-color: #212529; } + .nav-custom-light { background-color: var(--vz-light); } + .nav-primary .nav-link.active { color: #fff; background-color: #405189; } + .nav-primary.nav-tabs .nav-link.active { color: #405189; background-color: var(--vz-secondary-bg); } + .nav-primary.nav-tabs-custom .nav-link.active { color: #405189; background-color: var(--vz-secondary-bg); } + .nav-primary.nav-tabs-custom .nav-link.active::after { background-color: #405189; } + .nav-primary.arrow-navtabs .nav-link.active::before { border-top-color: #405189; } + .nav-primary.custom-verti-nav-pills .nav-link.active::before { border-left-color: #405189; } + .nav-secondary .nav-link.active { color: #fff; background-color: #3577f1; } + .nav-secondary.nav-tabs .nav-link.active { color: #3577f1; background-color: var(--vz-secondary-bg); } + .nav-secondary.nav-tabs-custom .nav-link.active { color: #3577f1; background-color: var(--vz-secondary-bg); } + .nav-secondary.nav-tabs-custom .nav-link.active::after { background-color: #3577f1; } + .nav-secondary.arrow-navtabs .nav-link.active::before { border-top-color: #3577f1; } + .nav-secondary.custom-verti-nav-pills .nav-link.active::before { border-left-color: #3577f1; } + .nav-success .nav-link.active { color: #fff; background-color: #0ab39c; } + .nav-success.nav-tabs .nav-link.active { color: #0ab39c; background-color: var(--vz-secondary-bg); } + .nav-success.nav-tabs-custom .nav-link.active { color: #0ab39c; background-color: var(--vz-secondary-bg); } + .nav-success.nav-tabs-custom .nav-link.active::after { background-color: #0ab39c; } + .nav-success.arrow-navtabs .nav-link.active::before { border-top-color: #0ab39c; } + .nav-success.custom-verti-nav-pills .nav-link.active::before { border-left-color: #0ab39c; } + .nav-info .nav-link.active { color: #fff; background-color: #299cdb; } + .nav-info.nav-tabs .nav-link.active { color: #299cdb; background-color: var(--vz-secondary-bg); } + .nav-info.nav-tabs-custom .nav-link.active { color: #299cdb; background-color: var(--vz-secondary-bg); } + .nav-info.nav-tabs-custom .nav-link.active::after { background-color: #299cdb; } + .nav-info.arrow-navtabs .nav-link.active::before { border-top-color: #299cdb; } + .nav-info.custom-verti-nav-pills .nav-link.active::before { border-left-color: #299cdb; } + .nav-warning .nav-link.active { color: #fff; background-color: #f7b84b; } + .nav-warning.nav-tabs .nav-link.active { color: #f7b84b; background-color: var(--vz-secondary-bg); } + .nav-warning.nav-tabs-custom .nav-link.active { color: #f7b84b; background-color: var(--vz-secondary-bg); } + .nav-warning.nav-tabs-custom .nav-link.active::after { background-color: #f7b84b; } + .nav-warning.arrow-navtabs .nav-link.active::before { border-top-color: #f7b84b; } + .nav-warning.custom-verti-nav-pills .nav-link.active::before { border-left-color: #f7b84b; } + .nav-danger .nav-link.active { color: #fff; background-color: #f06548; } + .nav-danger.nav-tabs .nav-link.active { color: #f06548; background-color: var(--vz-secondary-bg); } + .nav-danger.nav-tabs-custom .nav-link.active { color: #f06548; background-color: var(--vz-secondary-bg); } + .nav-danger.nav-tabs-custom .nav-link.active::after { background-color: #f06548; } + .nav-danger.arrow-navtabs .nav-link.active::before { border-top-color: #f06548; } + .nav-danger.custom-verti-nav-pills .nav-link.active::before { border-left-color: #f06548; } + .nav-light .nav-link.active { color: #fff; background-color: #f3f6f9; } + .nav-light.nav-tabs .nav-link.active { color: #f3f6f9; background-color: var(--vz-secondary-bg); } + .nav-light.nav-tabs-custom .nav-link.active { color: #f3f6f9; background-color: var(--vz-secondary-bg); } + .nav-light.nav-tabs-custom .nav-link.active::after { background-color: #f3f6f9; } + .nav-light.arrow-navtabs .nav-link.active::before { border-top-color: #f3f6f9; } + .nav-light.custom-verti-nav-pills .nav-link.active::before { border-left-color: #f3f6f9; } + .nav-dark .nav-link.active { color: #fff; background-color: #212529; } + .nav-dark.nav-tabs .nav-link.active { color: #212529; background-color: var(--vz-secondary-bg); } + .nav-dark.nav-tabs-custom .nav-link.active { color: #212529; background-color: var(--vz-secondary-bg); } + .nav-dark.nav-tabs-custom .nav-link.active::after { background-color: #212529; } + .nav-dark.arrow-navtabs .nav-link.active::before { border-top-color: #212529; } + .nav-dark.custom-verti-nav-pills .nav-link.active::before { border-left-color: #212529; } + .progress-nav { position: relative; margin-right: 1rem; margin-left: 1rem; } + .progress-nav .progress { position: absolute; left: 0; @@ -6458,6 +7080,7 @@ button { transform: translateY(-50%); width: 100%; } + .progress-nav .nav { margin-right: -1rem; margin-left: -1rem; @@ -6465,6 +7088,7 @@ button { -ms-flex-pack: justify; justify-content: space-between; } + .progress-nav .nav .nav-link { width: 2rem; height: 2rem; @@ -6473,20 +7097,24 @@ button { color: var(--vz-body-color); font-weight: 500; } + .progress-nav .nav .nav-link.active, .progress-nav .nav .nav-link.done { background-color: #405189; color: #fff; } + .step-arrow-nav .nav { background-color: var(--vz-light); } + .step-arrow-nav .nav .nav-link { border-radius: 0; position: relative; font-weight: 500; color: var(--vz-body-color); } + .step-arrow-nav .nav .nav-link::before { content: ""; position: absolute; @@ -6496,102 +7124,127 @@ button { -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .step-arrow-nav .nav .nav-link.done { background-color: rgba(64, 81, 137, 0.05); color: #405189; } + .step-arrow-nav .nav .nav-link.done::before { border-left-color: transparent; } + .step-arrow-nav .nav .nav-link.active { background-color: rgba(64, 81, 137, 0.1); color: #405189; -webkit-box-shadow: none; box-shadow: none; } + .step-arrow-nav .nav .nav-link.active::before { border-left-color: rgba(64, 81, 137, 0.1); } + .step-arrow-nav .nav .nav-item:last-child .nav-link:before { display: none; } + .vertical-navs-step .nav { gap: 16px; } + .vertical-navs-step .nav .nav-link { text-align: left; background-color: rgba(var(--vz-light-rgb), 0.4); border: 1px solid var(--vz-border-color); color: var(--vz-body-color); } + .vertical-navs-step .nav .nav-link .step-title { font-weight: 600; } + .vertical-navs-step .nav .nav-link .step-icon { color: #f06548; vertical-align: middle; font-weight: 500; float: left; } + .vertical-navs-step .nav .nav-link.active .step-icon, .vertical-navs-step .nav .nav-link.done .step-icon { color: #0ab39c; } + .vertical-navs-step .nav .nav-link.active .step-icon:before, .vertical-navs-step .nav .nav-link.done .step-icon:before { content: "\eb80"; } + .vertical-navs-step .nav .nav-link.active { border-color: #405189; } + .vertical-navs-step .nav .nav-link.done { border-color: #0ab39c; } + .nav-custom-outline.nav .nav-link { border: 1px solid transparent; border-bottom: 2px solid transparent; } + .nav-custom-outline.nav .nav-link.active { border-color: #405189; background-color: transparent; color: #405189; } + .nav-primary.nav-custom-outline .nav-link.active { color: #405189; border-color: #405189; } + .nav-secondary.nav-custom-outline .nav-link.active { color: #3577f1; border-color: #3577f1; } + .nav-success.nav-custom-outline .nav-link.active { color: #0ab39c; border-color: #0ab39c; } + .nav-info.nav-custom-outline .nav-link.active { color: #299cdb; border-color: #299cdb; } + .nav-warning.nav-custom-outline .nav-link.active { color: #f7b84b; border-color: #f7b84b; } + .nav-danger.nav-custom-outline .nav-link.active { color: #f06548; border-color: #f06548; } + .nav-light.nav-custom-outline .nav-link.active { color: #f3f6f9; border-color: #f3f6f9; } + .nav-dark.nav-custom-outline .nav-link.active { color: #212529; border-color: #212529; } + .nav-customs.nav { padding-left: 34px; overflow: hidden; } + .nav-customs.nav .nav-link { position: relative; display: block; @@ -6601,6 +7254,7 @@ button { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .nav-customs.nav .nav-link::after, .nav-customs.nav .nav-link::before { display: block; @@ -6613,116 +7267,148 @@ button { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .nav-customs.nav .nav-link::before { border-radius: 0 8px 0 0; right: -24px; -webkit-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg); } + .nav-customs.nav .nav-link::after { border-radius: 8px 0 0 0; left: -24px; -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); } + .nav-customs.nav .nav-link.active, .nav-customs.nav .nav-link.active:after, .nav-customs.nav .nav-link.active:before { background-color: #405189; color: #fff; } + .nav-customs.nav .nav-link.active { z-index: 1; } -.table > thead { + +.table>thead { border-color: var(--vz-border-color); } -.table > :not(:first-child) { + +.table> :not(:first-child) { border-top-width: var(--vz-border-width); } + .table-nowrap td, .table-nowrap th { white-space: nowrap; } + .table-card { margin: -1rem -1rem; } + .table-card td:first-child, .table-card th:first-child { padding-left: 16px; } + .table-card td:last-child, .table-card th:last-child { padding-right: 16px; } -.table-card .table > :not(:first-child) { + +.table-card .table> :not(:first-child) { border-top-width: var(--vz-border-width); } -.border-primary.table > thead { + +.border-primary.table>thead { border-color: #405189 !important; } -.table-primary.table > thead { + +.table-primary.table>thead { border-bottom-color: #5066ac !important; } -.border-secondary.table > thead { + +.border-secondary.table>thead { border-color: #3577f1 !important; } -.table-secondary.table > thead { + +.table-secondary.table>thead { border-bottom-color: #6597f4 !important; } -.border-success.table > thead { + +.border-success.table>thead { border-color: #0ab39c !important; } -.table-success.table > thead { + +.table-success.table>thead { border-bottom-color: #0de3c6 !important; } -.border-info.table > thead { + +.border-info.table>thead { border-color: #299cdb !important; } -.table-info.table > thead { + +.table-info.table>thead { border-bottom-color: #55b0e2 !important; } -.border-warning.table > thead { + +.border-warning.table>thead { border-color: #f7b84b !important; } -.table-warning.table > thead { + +.table-warning.table>thead { border-bottom-color: #f9cb7c !important; } -.border-danger.table > thead { + +.border-danger.table>thead { border-color: #f06548 !important; } -.table-danger.table > thead { + +.table-danger.table>thead { border-bottom-color: #f48d77 !important; } -.border-light.table > thead { + +.border-light.table>thead { border-color: #f3f6f9 !important; } -.table-light.table > thead { + +.table-light.table>thead { border-bottom-color: #fff !important; } -.border-dark.table > thead { + +.border-dark.table>thead { border-color: #212529 !important; } -.table-dark.table > thead { + +.table-dark.table>thead { border-bottom-color: #383f45 !important; } -.table > :not(caption) > * > * { + +.table> :not(caption)>*>* { color: var(--vz-table-color-state), var(--vz-table-color-type, var(--vz-table-color)); } + .table .form-check { padding-left: 0; margin-bottom: 0; } + .table .form-check .form-check-input { margin-left: 0; margin-top: 0; float: none; vertical-align: middle; } + .table .sort { position: relative; } + .table .sort::before { content: "\f035d"; position: absolute; @@ -6731,6 +7417,7 @@ button { font-size: 0.8rem; font-family: "Material Design Icons"; } + .table .sort::after { position: absolute; right: 0.5rem; @@ -6739,18 +7426,23 @@ button { font-size: 0.8rem; top: 12px; } + .modal-title { font-weight: 600; } + .modal-dialog:not(.modal-dialog-scrollable) .modal-header { padding-bottom: 0; } + .modal-dialog:not(.modal-dialog-scrollable) .modal-header .btn-close { margin-top: -1.25rem 1.25rem; } + .modal-dialog:not(.modal-dialog-scrollable) .modal-footer { padding-top: 0; } + .modal.fadeInRight .modal-dialog { opacity: 0; -webkit-transform: translateX(20%); @@ -6758,35 +7450,42 @@ button { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } + .modal.fadeInRight.show .modal-dialog { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } + .modal.fadeInLeft .modal-dialog { -webkit-animation: fadeInLeft 0.3s ease-in-out; animation: fadeInLeft 0.3s ease-in-out; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } + .modal.fadeInLeft.show .modal-dialog { -webkit-transform: none; transform: none; } + .modal.fadeInUp .modal-dialog { -webkit-animation: fadeInUp 0.3s ease-in-out; animation: fadeInUp 0.3s ease-in-out; -webkit-transform: translate(0, 30%); transform: translate(0, 30%); } + .modal.fadeInUp.show .modal-dialog { -webkit-transform: none; transform: none; } + .modal.flip { -webkit-perspective: 1300px; perspective: 1300px; } + .modal.flip .modal-dialog { opacity: 0; -webkit-transform: rotateY(-70deg); @@ -6794,11 +7493,13 @@ button { -webkit-transition: all 0.3s; transition: all 0.3s; } + .modal.flip.show .modal-dialog { opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0); } + .modal.zoomIn .modal-dialog { opacity: 0; -webkit-transform: scale(0.7); @@ -6806,14 +7507,17 @@ button { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } + .modal.zoomIn.show .modal-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } + .modal-dialog-right { margin-right: 1.75rem; } + .modal-dialog-bottom { display: -webkit-box; display: -ms-flexbox; @@ -6823,11 +7527,13 @@ button { align-items: flex-end; min-height: calc(100% - 1.75rem); } + @media (min-width: 576px) { .modal-dialog-bottom { min-height: calc(100% - 3.5rem); } } + .modal-dialog-bottom-right { display: -webkit-box; display: -ms-flexbox; @@ -6838,88 +7544,104 @@ button { min-height: calc(100% - 1.75rem); margin-right: 1.75rem; } + @media (min-width: 576px) { .modal-dialog-bottom-right { min-height: calc(100% - 3.5rem); } } + @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } + to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } + @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } + to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } + @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } + to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } + @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } + to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } + @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } + 50% { opacity: 1; } } + @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } + 50% { opacity: 1; } } + .login-modal { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(64%2c 81%2c 137%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c650.704C122.328%2c648.746%2c159.175%2c473.043%2c255.674%2c397.837C339.724%2c332.333%2c461.529%2c324.924%2c526.449%2c240.421C598.428%2c146.73%2c655.546%2c24.847%2c631.015%2c-90.726C606.666%2c-205.444%2c482.926%2c-263.497%2c401.565%2c-347.958C325.215%2c-427.217%2c275.543%2c-549.012%2c167.826%2c-571.563C60.344%2c-594.065%2c-27.703%2c-482.932%2c-135.163%2c-460.325C-256.336%2c-434.833%2c-401.929%2c-509.651%2c-497.972%2c-431.495C-592.807%2c-354.321%2c-579.865%2c-206.886%2c-595.603%2c-85.635C-611.133%2c34.016%2c-656.761%2c169.183%2c-588.884%2c268.934C-520.854%2c368.909%2c-362.458%2c340.324%2c-260.989%2c406.106C-158.875%2c472.306%2c-121.679%2c652.651%2c0%2c650.704' fill='%2333416e'%3e%3c/path%3e%3cpath d='M1440 995.672C1519.728 984.741 1563.12 899.779 1626.466 850.1469999999999 1682.6390000000001 806.135 1756.261 782.602 1791.2939999999999 720.431 1827.571 656.052 1835.537 577.6610000000001 1820.814 505.247 1806.518 434.933 1753.2640000000001 383.16999999999996 1710.941 325.228 1664.475 261.614 1634.992 175.16000000000003 1560.657 149.07999999999998 1485.96 122.87299999999999 1402.146 155.543 1332.03 192.289 1269.541 225.038 1232.754 287.251 1189.969 343.347 1149.925 395.849 1115.781 448.9 1089.96 509.672 1056 589.599 988.9680000000001 671.1659999999999 1015.557 753.837 1041.91 835.774 1142.714 863.61 1217.498 906.22 1288.388 946.611 1359.167 1006.755 1440 995.672' fill='%234d61a4'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); background-size: cover; background-position: center; } + .pagination-separated .page-item .page-link { margin-left: 0.35rem; border-radius: var(--vz-border-radius); } + .pagination-rounded .page-link { border-radius: 30px !important; margin: 0 3px !important; @@ -6928,61 +7650,76 @@ button { min-height: 32px; text-align: center; } + .pagination-rounded.pagination-sm .page-link { min-width: 25px; min-height: 25px; } + .page-item.active .page-link { -webkit-box-shadow: none; box-shadow: none; } + .progress-sm { height: 5px; } + .progress-lg { height: 12px; } + .progress-xl { height: 16px; } + .custom-progess { position: relative; } + .custom-progess .progress-icon { position: absolute; top: -12px; } + .custom-progess .progress-icon .avatar-title { background: var(--vz-secondary-bg); } + .animated-progress { position: relative; } + .animated-progress .progress-bar { position: relative; border-radius: 6px; -webkit-animation: animate-positive 2s; animation: animate-positive 2s; } + @-webkit-keyframes animate-positive { 0% { width: 0; } } + @keyframes animate-positive { 0% { width: 0; } } + .custom-progress { height: 15px; padding: 4px; border-radius: 30px; } + .custom-progress .progress-bar { position: relative; border-radius: 30px; } + .custom-progress .progress-bar::before { content: ""; position: absolute; @@ -6995,13 +7732,16 @@ button { -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .progress-label { overflow: visible; } + .progress-label .progress-bar { position: relative; overflow: visible; } + .progress-label .progress-bar .label { position: absolute; top: -25px; @@ -7013,6 +7753,7 @@ button { padding: 0 4px; border-radius: 4px; } + .progress-label .progress-bar .label:after { content: ""; position: absolute; @@ -7023,15 +7764,18 @@ button { -webkit-transform: translateX(-50%); transform: translateX(-50%); } + .progress-step-arrow { height: 3.25rem; } + .progress-step-arrow .progress-bar { position: relative; overflow: initial; font-size: 0.875rem; color: #fff; } + .progress-step-arrow .progress-bar::after { content: ""; position: absolute; @@ -7040,404 +7784,500 @@ button { right: -20px; z-index: 1; } + .progress-primary .progress-bar { background-color: #405189; } + .progress-primary .progress-bar::after { border-left-color: #405189; } + .progress-primary .progress-bar:nth-child(2) { background-color: rgba(64, 81, 137, 0.1) !important; color: #405189 !important; } + .progress-primary .progress-bar:nth-child(2)::after { border-left-color: rgba(64, 81, 137, 0.1); } + .progress-secondary .progress-bar { background-color: #3577f1; } + .progress-secondary .progress-bar::after { border-left-color: #3577f1; } + .progress-secondary .progress-bar:nth-child(2) { background-color: rgba(53, 119, 241, 0.1) !important; color: #3577f1 !important; } + .progress-secondary .progress-bar:nth-child(2)::after { border-left-color: rgba(53, 119, 241, 0.1); } + .progress-success .progress-bar { background-color: #0ab39c; } + .progress-success .progress-bar::after { border-left-color: #0ab39c; } + .progress-success .progress-bar:nth-child(2) { background-color: rgba(10, 179, 156, 0.1) !important; color: #0ab39c !important; } + .progress-success .progress-bar:nth-child(2)::after { border-left-color: rgba(10, 179, 156, 0.1); } + .progress-info .progress-bar { background-color: #299cdb; } + .progress-info .progress-bar::after { border-left-color: #299cdb; } + .progress-info .progress-bar:nth-child(2) { background-color: rgba(41, 156, 219, 0.1) !important; color: #299cdb !important; } + .progress-info .progress-bar:nth-child(2)::after { border-left-color: rgba(41, 156, 219, 0.1); } + .progress-warning .progress-bar { background-color: #f7b84b; } + .progress-warning .progress-bar::after { border-left-color: #f7b84b; } + .progress-warning .progress-bar:nth-child(2) { background-color: rgba(247, 184, 75, 0.1) !important; color: #f7b84b !important; } + .progress-warning .progress-bar:nth-child(2)::after { border-left-color: rgba(247, 184, 75, 0.1); } + .progress-danger .progress-bar { background-color: #f06548; } + .progress-danger .progress-bar::after { border-left-color: #f06548; } + .progress-danger .progress-bar:nth-child(2) { background-color: rgba(240, 101, 72, 0.1) !important; color: #f06548 !important; } + .progress-danger .progress-bar:nth-child(2)::after { border-left-color: rgba(240, 101, 72, 0.1); } + .progress-light .progress-bar { background-color: #f3f6f9; } + .progress-light .progress-bar::after { border-left-color: #f3f6f9; } + .progress-light .progress-bar:nth-child(2) { background-color: rgba(243, 246, 249, 0.1) !important; color: #f3f6f9 !important; } + .progress-light .progress-bar:nth-child(2)::after { border-left-color: rgba(243, 246, 249, 0.1); } + .progress-dark .progress-bar { background-color: #212529; } + .progress-dark .progress-bar::after { border-left-color: #212529; } + .progress-dark .progress-bar:nth-child(2) { background-color: rgba(33, 37, 41, 0.1) !important; color: #212529 !important; } + .progress-dark .progress-bar:nth-child(2)::after { border-left-color: rgba(33, 37, 41, 0.1); } + .popover { -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); } + .custom-blockquote.blockquote { padding: 16px; border-left: 3px solid; } + .custom-blockquote.blockquote.blockquote-outline { background-color: var(--vz-secondary-bg) !important; border: 1px solid; border-left: 3px solid; } + .custom-blockquote.blockquote.blockquote-primary { border-color: var(--vz-primary); background-color: var(--vz-primary-bg-subtle); } + .custom-blockquote.blockquote.blockquote-primary .blockquote-footer { color: var(--vz-primary-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-primary { border-color: var(--vz-primary); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-primary - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-primary .blockquote-footer { color: var(--vz-primary-text-emphasis); } + .custom-blockquote.blockquote.blockquote-secondary { border-color: var(--vz-secondary); background-color: var(--vz-secondary-bg-subtle); } + .custom-blockquote.blockquote.blockquote-secondary .blockquote-footer { color: var(--vz-secondary-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-secondary { border-color: var(--vz-secondary); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-secondary - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-secondary .blockquote-footer { color: var(--vz-secondary-text-emphasis); } + .custom-blockquote.blockquote.blockquote-success { border-color: var(--vz-success); background-color: var(--vz-success-bg-subtle); } + .custom-blockquote.blockquote.blockquote-success .blockquote-footer { color: var(--vz-success-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-success { border-color: var(--vz-success); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-success - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-success .blockquote-footer { color: var(--vz-success-text-emphasis); } + .custom-blockquote.blockquote.blockquote-info { border-color: var(--vz-info); background-color: var(--vz-info-bg-subtle); } + .custom-blockquote.blockquote.blockquote-info .blockquote-footer { color: var(--vz-info-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-info { border-color: var(--vz-info); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-info - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-info .blockquote-footer { color: var(--vz-info-text-emphasis); } + .custom-blockquote.blockquote.blockquote-warning { border-color: var(--vz-warning); background-color: var(--vz-warning-bg-subtle); } + .custom-blockquote.blockquote.blockquote-warning .blockquote-footer { color: var(--vz-warning-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-warning { border-color: var(--vz-warning); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-warning - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-warning .blockquote-footer { color: var(--vz-warning-text-emphasis); } + .custom-blockquote.blockquote.blockquote-danger { border-color: var(--vz-danger); background-color: var(--vz-danger-bg-subtle); } + .custom-blockquote.blockquote.blockquote-danger .blockquote-footer { color: var(--vz-danger-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-danger { border-color: var(--vz-danger); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-danger - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-danger .blockquote-footer { color: var(--vz-danger-text-emphasis); } + .custom-blockquote.blockquote.blockquote-light { border-color: var(--vz-light); background-color: var(--vz-light-bg-subtle); } + .custom-blockquote.blockquote.blockquote-light .blockquote-footer { color: var(--vz-light-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-light { border-color: var(--vz-light); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-light - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-light .blockquote-footer { color: var(--vz-light-text-emphasis); } + .custom-blockquote.blockquote.blockquote-dark { border-color: var(--vz-dark); background-color: var(--vz-dark-bg-subtle); } + .custom-blockquote.blockquote.blockquote-dark .blockquote-footer { color: var(--vz-dark-text-emphasis); } + .custom-blockquote.blockquote.blockquote-outline.blockquote-dark { border-color: var(--vz-dark); } -.custom-blockquote.blockquote.blockquote-outline.blockquote-dark - .blockquote-footer { + +.custom-blockquote.blockquote.blockquote-outline.blockquote-dark .blockquote-footer { color: var(--vz-dark-text-emphasis); } + .form-check { position: relative; text-align: left; } + .form-check .form-check-input { cursor: pointer; } + .form-check label { cursor: pointer; } + .form-check-primary .form-check-input:checked { background-color: #405189; border-color: #405189; } + .form-radio-primary .form-check-input:checked { border-color: #405189; background-color: #405189; } + .form-radio-primary .form-check-input:checked:after { background-color: #405189; } + .form-check-secondary .form-check-input:checked { background-color: #3577f1; border-color: #3577f1; } + .form-radio-secondary .form-check-input:checked { border-color: #3577f1; background-color: #3577f1; } + .form-radio-secondary .form-check-input:checked:after { background-color: #3577f1; } + .form-check-success .form-check-input:checked { background-color: #0ab39c; border-color: #0ab39c; } + .form-radio-success .form-check-input:checked { border-color: #0ab39c; background-color: #0ab39c; } + .form-radio-success .form-check-input:checked:after { background-color: #0ab39c; } + .form-check-info .form-check-input:checked { background-color: #299cdb; border-color: #299cdb; } + .form-radio-info .form-check-input:checked { border-color: #299cdb; background-color: #299cdb; } + .form-radio-info .form-check-input:checked:after { background-color: #299cdb; } + .form-check-warning .form-check-input:checked { background-color: #f7b84b; border-color: #f7b84b; } + .form-radio-warning .form-check-input:checked { border-color: #f7b84b; background-color: #f7b84b; } + .form-radio-warning .form-check-input:checked:after { background-color: #f7b84b; } + .form-check-danger .form-check-input:checked { background-color: #f06548; border-color: #f06548; } + .form-radio-danger .form-check-input:checked { border-color: #f06548; background-color: #f06548; } + .form-radio-danger .form-check-input:checked:after { background-color: #f06548; } + .form-check-light .form-check-input:checked { background-color: #f3f6f9; border-color: #f3f6f9; } + .form-radio-light .form-check-input:checked { border-color: #f3f6f9; background-color: #f3f6f9; } + .form-radio-light .form-check-input:checked:after { background-color: #f3f6f9; } + .form-check-dark .form-check-input:checked { background-color: #212529; border-color: #212529; } + .form-radio-dark .form-check-input:checked { border-color: #212529; background-color: #212529; } + .form-radio-dark .form-check-input:checked:after { background-color: #212529; } + .form-check-label { cursor: pointer; margin-bottom: 0; } + .form-check-right { padding-left: 0; display: inline-block; } + .form-check-right .form-check-input { float: right; margin-left: 0; margin-right: -1.6em; } + .form-check-right .form-check-label { display: block; } + .form-check-right.form-switch .form-check-input { margin-right: -2.56em; } -.form-check-outline.form-check-primary - .form-check-input:checked[type="checkbox"] { + +.form-check-outline.form-check-primary .form-check-input:checked[type="checkbox"] { color: #405189; background-color: transparent; border-color: #405189; } -.form-check-outline.form-check-secondary - .form-check-input:checked[type="checkbox"] { + +.form-check-outline.form-check-secondary .form-check-input:checked[type="checkbox"] { color: #3577f1; background-color: transparent; border-color: #3577f1; } -.form-check-outline.form-check-success - .form-check-input:checked[type="checkbox"] { + +.form-check-outline.form-check-success .form-check-input:checked[type="checkbox"] { color: #0ab39c; background-color: transparent; border-color: #0ab39c; } + .form-check-outline.form-check-info .form-check-input:checked[type="checkbox"] { color: #299cdb; background-color: transparent; border-color: #299cdb; } -.form-check-outline.form-check-warning - .form-check-input:checked[type="checkbox"] { + +.form-check-outline.form-check-warning .form-check-input:checked[type="checkbox"] { color: #f7b84b; background-color: transparent; border-color: #f7b84b; } -.form-check-outline.form-check-danger - .form-check-input:checked[type="checkbox"] { + +.form-check-outline.form-check-danger .form-check-input:checked[type="checkbox"] { color: #f06548; background-color: transparent; border-color: #f06548; } -.form-check-outline.form-check-light - .form-check-input:checked[type="checkbox"] { + +.form-check-outline.form-check-light .form-check-input:checked[type="checkbox"] { color: #f3f6f9; background-color: transparent; border-color: #f3f6f9; } + .form-check-outline.form-check-dark .form-check-input:checked[type="checkbox"] { color: #212529; background-color: transparent; border-color: #212529; } + .form-check-outline .form-check-input { position: relative; } + .form-check-outline .form-check-input:checked[type="checkbox"] { background-image: none; } + .form-check-outline .form-check-input:checked[type="checkbox"]::before { content: "\f012c"; font-family: "Material Design Icons"; @@ -7447,53 +8287,63 @@ button { font-size: 11px; left: 1px; } + .form-radio-outline.form-radio-primary .form-check-input:checked[type="radio"] { color: #405189; background-color: transparent; border-color: #405189; } -.form-radio-outline.form-radio-secondary - .form-check-input:checked[type="radio"] { + +.form-radio-outline.form-radio-secondary .form-check-input:checked[type="radio"] { color: #3577f1; background-color: transparent; border-color: #3577f1; } + .form-radio-outline.form-radio-success .form-check-input:checked[type="radio"] { color: #0ab39c; background-color: transparent; border-color: #0ab39c; } + .form-radio-outline.form-radio-info .form-check-input:checked[type="radio"] { color: #299cdb; background-color: transparent; border-color: #299cdb; } + .form-radio-outline.form-radio-warning .form-check-input:checked[type="radio"] { color: #f7b84b; background-color: transparent; border-color: #f7b84b; } + .form-radio-outline.form-radio-danger .form-check-input:checked[type="radio"] { color: #f06548; background-color: transparent; border-color: #f06548; } + .form-radio-outline.form-radio-light .form-check-input:checked[type="radio"] { color: #f3f6f9; background-color: transparent; border-color: #f3f6f9; } + .form-radio-outline.form-radio-dark .form-check-input:checked[type="radio"] { color: #212529; background-color: transparent; border-color: #212529; } + .form-radio-outline .form-check-input { position: relative; } + .form-radio-outline .form-check-input:checked[type="radio"] { background-image: none; } + .form-radio-outline .form-check-input:checked[type="radio"]::before { content: "\f0765"; font-family: "Material Design Icons"; @@ -7502,94 +8352,118 @@ button { font-size: 8px; left: 2.2px; } + .form-switch-md { padding-left: 2.5rem; min-height: 22px; line-height: 22px; } + .form-switch-md .form-check-input { width: 40px; height: 20px; left: -0.5rem; position: relative; } + .form-switch-md .form-check-label { vertical-align: middle; } + .form-switch-lg { padding-left: 2.75rem; min-height: 28px; line-height: 28px; } + .form-switch-lg .form-check-input { width: 48px; height: 24px; left: -0.75rem; position: relative; } + .input-group-text { margin-bottom: 0; } + .form-switch-primary .form-check-input:checked { background-color: #405189; border-color: #405189; } + .form-switch-custom.form-switch-primary .form-check-input:checked::before { color: #405189; } + .form-switch-secondary .form-check-input:checked { background-color: #3577f1; border-color: #3577f1; } + .form-switch-custom.form-switch-secondary .form-check-input:checked::before { color: #3577f1; } + .form-switch-success .form-check-input:checked { background-color: #0ab39c; border-color: #0ab39c; } + .form-switch-custom.form-switch-success .form-check-input:checked::before { color: #0ab39c; } + .form-switch-info .form-check-input:checked { background-color: #299cdb; border-color: #299cdb; } + .form-switch-custom.form-switch-info .form-check-input:checked::before { color: #299cdb; } + .form-switch-warning .form-check-input:checked { background-color: #f7b84b; border-color: #f7b84b; } + .form-switch-custom.form-switch-warning .form-check-input:checked::before { color: #f7b84b; } + .form-switch-danger .form-check-input:checked { background-color: #f06548; border-color: #f06548; } + .form-switch-custom.form-switch-danger .form-check-input:checked::before { color: #f06548; } + .form-switch-light .form-check-input:checked { background-color: #f3f6f9; border-color: #f3f6f9; } + .form-switch-custom.form-switch-light .form-check-input:checked::before { color: #f3f6f9; } + .form-switch-dark .form-check-input:checked { background-color: #212529; border-color: #212529; } + .form-switch-custom.form-switch-dark .form-check-input:checked::before { color: #212529; } + .form-switch-custom .form-check-input { position: relative; background-image: none; } + .form-switch-custom .form-check-input::before { content: "\f0765"; font-family: "Material Design Icons"; @@ -7601,50 +8475,60 @@ button { -webkit-transition: background-position 0.15s ease-in-out; transition: background-position 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .form-switch-custom .form-check-input::before { -webkit-transition: none; transition: none; } } + .form-switch-custom .form-check-input:checked { background-image: none; background-color: var(--vz-input-bg-custom); -webkit-transition: background-position 0.15s ease-in-out; transition: background-position 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .form-switch-custom .form-check-input:checked { -webkit-transition: none; transition: none; } } + .form-switch-custom .form-check-input:checked::before { right: -3px; left: auto; } + .form-switch-custom .form-check-input:focus { background-image: none; } + .form-switch-right { display: inline-block; padding-right: 0.8em; margin-bottom: 0; padding-left: 0 !important; } + .form-switch-right .form-check-input { float: right; margin-left: 0; margin-right: -1.6em; margin-top: 0.1em !important; } + .form-switch-right label { margin-bottom: 0; margin-right: 1rem; } + .card-radio { padding: 0; } + .card-radio .form-check-label { background-color: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); @@ -7657,16 +8541,20 @@ button { position: relative; padding-right: 32px; } + .card-radio .form-check-label:hover { cursor: pointer; } + .card-radio .form-check-input { display: none; } -.card-radio .form-check-input:checked + .form-check-label { + +.card-radio .form-check-input:checked+.form-check-label { border-color: #405189 !important; } -.card-radio .form-check-input:checked + .form-check-label:before { + +.card-radio .form-check-input:checked+.form-check-label:before { content: "\eb80"; font-family: remixicon; position: absolute; @@ -7675,16 +8563,20 @@ button { font-size: 16px; color: #405189; } -.card-radio.dark .form-check-input:checked + .form-check-label:before { + +.card-radio.dark .form-check-input:checked+.form-check-label:before { color: #fff; } + .form-icon { position: relative; } + .form-icon .form-control-icon { padding-left: calc(0.9rem * 3); position: relative; } + .form-icon i { position: absolute; top: 0; @@ -7697,71 +8589,87 @@ button { -ms-flex-align: center; align-items: center; } + .form-icon.right .form-control-icon { padding-right: calc(0.9rem * 3); padding-left: 0.9rem; position: relative; } + .form-icon.right i { left: auto; right: 18px; } + .list-group-fill-primary.list-group-item { color: #fff; background-color: var(--vz-primary) !important; border-color: var(--vz-primary); } + .list-group-fill-secondary.list-group-item { color: #fff; background-color: var(--vz-secondary) !important; border-color: var(--vz-secondary); } + .list-group-fill-success.list-group-item { color: #fff; background-color: var(--vz-success) !important; border-color: var(--vz-success); } + .list-group-fill-info.list-group-item { color: #fff; background-color: var(--vz-info) !important; border-color: var(--vz-info); } + .list-group-fill-warning.list-group-item { color: #fff; background-color: var(--vz-warning) !important; border-color: var(--vz-warning); } + .list-group-fill-danger.list-group-item { color: #fff; background-color: var(--vz-danger) !important; border-color: var(--vz-danger); } + .list-group-fill-light.list-group-item { color: #000; background-color: var(--vz-light) !important; border-color: var(--vz-light); } + .list-group-fill-dark.list-group-item { color: #fff; background-color: var(--vz-dark) !important; border-color: var(--vz-dark); } + .list-group-item { margin-bottom: 0; } + .list-group-item .list-text { color: var(--vz-secondary-color); } + .list-group-item.active { -webkit-box-shadow: none; box-shadow: none; } + .list-group-item.active .list-title { color: #fff; } + .list-group-item.active .list-text { color: rgba(255, 255, 255, 0.5); } + [data-simplebar] { position: relative; -webkit-box-orient: vertical; @@ -7779,6 +8687,7 @@ button { -ms-flex-align: start; align-items: flex-start; } + .simplebar-wrapper { overflow: hidden; width: inherit; @@ -7786,6 +8695,7 @@ button { max-width: inherit; max-height: inherit; } + .simplebar-mask { direction: inherit; position: absolute; @@ -7800,6 +8710,7 @@ button { height: auto !important; z-index: 0; } + .simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; @@ -7814,6 +8725,7 @@ button { margin: 0; -webkit-overflow-scrolling: touch; } + .simplebar-content-wrapper { direction: inherit; -webkit-box-sizing: border-box !important; @@ -7829,21 +8741,25 @@ button { scrollbar-width: none; padding: 0 !important; } + .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; } + .simplebar-content:after, .simplebar-content:before { content: " "; display: table; } + .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } + .simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; @@ -7866,6 +8782,7 @@ button { -ms-flex-preferred-size: 0; flex-basis: 0; } + .simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; @@ -7882,6 +8799,7 @@ button { pointer-events: none; z-index: -1; } + .simplebar-track { z-index: 1; position: absolute; @@ -7890,6 +8808,7 @@ button { pointer-events: none; overflow: hidden; } + [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; @@ -7897,15 +8816,18 @@ button { user-select: none; -webkit-user-select: none; } + [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } + .simplebar-scrollbar { position: absolute; right: 2px; width: 6px; min-height: 10px; } + .simplebar-scrollbar:before { position: absolute; content: ""; @@ -7917,28 +8839,34 @@ button { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } + .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; -webkit-transition: opacity 0s linear; transition: opacity 0s linear; } + .simplebar-track.simplebar-vertical { top: 0; width: 11px; } + .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } + .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } + .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } + .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; @@ -7948,10 +8876,12 @@ button { min-width: 10px; width: auto; } + [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { right: auto; left: 0; } + .hs-dummy-scrollbar-size { direction: rtl; position: fixed; @@ -7962,6 +8892,7 @@ button { overflow-y: hidden; overflow-x: scroll; } + .simplebar-hide-scrollbar { position: fixed; left: 0; @@ -7969,33 +8900,43 @@ button { overflow-y: scroll; scrollbar-width: none; } + .custom-scroll { height: 100%; } + [data-simplebar-track="primary"] .simplebar-scrollbar:before { background: #405189; } + [data-simplebar-track="secondary"] .simplebar-scrollbar:before { background: #3577f1; } + [data-simplebar-track="success"] .simplebar-scrollbar:before { background: #0ab39c; } + [data-simplebar-track="info"] .simplebar-scrollbar:before { background: #299cdb; } + [data-simplebar-track="warning"] .simplebar-scrollbar:before { background: #f7b84b; } + [data-simplebar-track="danger"] .simplebar-scrollbar:before { background: #f06548; } + [data-simplebar-track="light"] .simplebar-scrollbar:before { background: #f3f6f9; } + [data-simplebar-track="dark"] .simplebar-scrollbar:before { background: #212529; } + code[class*="language-"], pre[class*="language-"] { color: #000; @@ -8016,6 +8957,7 @@ pre[class*="language-"] { -ms-hyphens: none; hyphens: none; } + code[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, @@ -8023,6 +8965,7 @@ pre[class*="language-"]::-moz-selection { text-shadow: none; background: #b3d4fc; } + code[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, @@ -8030,6 +8973,7 @@ pre[class*="language-"]::-moz-selection { text-shadow: none; background: #b3d4fc; } + code[class*="language-"] ::selection, code[class*="language-"]::selection, pre[class*="language-"] ::selection, @@ -8037,38 +8981,47 @@ pre[class*="language-"]::selection { text-shadow: none; background: #b3d4fc; } + @media print { + code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } + pre[class*="language-"] { padding: 1em; margin: 0; overflow: auto; } -:not(pre) > code[class*="language-"], + +:not(pre)>code[class*="language-"], pre[class*="language-"] { background: var(--vz-light) !important; } -:not(pre) > code[class*="language-"] { + +:not(pre)>code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } + .token.cdata, .token.comment, .token.doctype, .token.prolog { color: #708090; } + .token.punctuation { color: #999; } + .token.namespace { opacity: 0.7; } + .token.boolean, .token.constant, .token.deleted, @@ -8078,6 +9031,7 @@ pre[class*="language-"] { .token.tag { color: #f06548; } + .token.attr-name, .token.builtin, .token.char, @@ -8086,6 +9040,7 @@ pre[class*="language-"] { .token.string { color: #690; } + .language-css .token.string, .style .token.string, .token.entity, @@ -8094,57 +9049,71 @@ pre[class*="language-"] { color: #9a6e3a; background: hsla(0, 0%, 100%, 0.5); } + .token.atrule, .token.attr-value, .token.keyword { color: #07a; } + .token.class-name, .token.function { color: #dd4a68; } + .token.important, .token.regex, .token.variable { color: #e90; } + .token.bold, .token.important { font-weight: 700; } + .token.italic { font-style: italic; } + .token.entity { cursor: help; } -:not(pre) > code[class*="language-"], + +:not(pre)>code[class*="language-"], pre[class*="language-"] { background: #eff2f7; } + code[class*="language-"], pre[class*="language-"] { color: #878a99; text-shadow: none; } + .language-markup::-webkit-scrollbar { -webkit-appearance: none; } + .language-markup::-webkit-scrollbar:vertical { width: 10px; } + .language-markup::-webkit-scrollbar:horizontal { height: 10px; } + .language-markup::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-body-color-rgb), 0.1); border-radius: 10px; border: 2px solid var(--vz-light); } + .language-markup::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-light); } + #scroll-top { width: 30px; height: 30px; @@ -8158,15 +9127,18 @@ pre[class*="language-"] { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .btn-clipboard { position: absolute !important; right: 15px !important; z-index: 1 !important; } -div.code-toolbar > .toolbar { + +div.code-toolbar>.toolbar { opacity: 1 !important; } -div.code-toolbar > .toolbar button { + +div.code-toolbar>.toolbar button { display: inline-block !important; margin: 0.375rem 0.5rem !important; padding: 0.25rem 0.75rem !important; @@ -8187,89 +9159,107 @@ div.code-toolbar > .toolbar button { -webkit-box-shadow: none !important; box-shadow: none !important; } -div.code-toolbar > .toolbar button:focus { + +div.code-toolbar>.toolbar button:focus { outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } -div.code-toolbar > .toolbar button:hover { + +div.code-toolbar>.toolbar button:hover { background-color: #405189 !important; color: #fff !important; } + .swal2-container .swal2-title { padding: 24px 24px 0; font-size: 20px; font-weight: 500; } + .swal2-popup { padding-bottom: 24px; border-radius: var(--vz-border-radius-lg); background-color: var(--vz-secondary-bg); color: var(--vz-body-color); } + .swal2-popup .swal2-title { color: var(--vz-heading-color); } + .swal2-popup .swal2-html-container { color: var(--vz-body-color); } + .swal2-footer { border-top: 1px solid var(--vz-border-color); color: var(--vz-body-color); } + .swal2-html-container { font-size: 16px; } + .swal2-icon.swal2-question { border-color: #299cdb; color: #299cdb; } + .swal2-icon.swal2-success [class^="swal2-success-line"] { background-color: #0ab39c; } + .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(10, 179, 156, 0.3); } + .swal2-icon.swal2-warning { border-color: #f7b84b; color: #f7b84b; } + .swal2-styled:focus { -webkit-box-shadow: none; box-shadow: none; } + .swal2-loader { border-color: #405189 transparent #405189 transparent; } + .swal2-timer-progress-bar { background-color: rgba(10, 179, 156, 0.4); } + .swal2-progress-steps .swal2-progress-step { background: #405189; } + .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #405189; } -.swal2-progress-steps - .swal2-progress-step.swal2-active-progress-step - ~ .swal2-progress-step, -.swal2-progress-steps - .swal2-progress-step.swal2-active-progress-step - ~ .swal2-progress-step-line { + +.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step, +.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line { background: rgba(64, 81, 137, 0.3); } + .swal2-progress-steps .swal2-progress-step-line { background: #405189; } + .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { border-left-color: #405189 !important; border-right-color: #405189 !important; } + .swal2-file, .swal2-input, .swal2-textarea { border: 1px solid var(--vz-input-border-custom); } + .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { @@ -8277,6 +9267,7 @@ div.code-toolbar > .toolbar button:hover { box-shadow: none; border-color: var(--vz-primary-border-subtle); } + .swal2-input { height: auto; display: block; @@ -8289,44 +9280,54 @@ div.code-toolbar > .toolbar button:hover { background-clip: padding-box; border: var(--vz-border-width) solid var(--vz-input-border-custom); } + .swal2-close { font-family: var(--vz-font-sans-serif); font-weight: 300; font-size: 28px; } + .swal2-close:focus { -webkit-box-shadow: none; box-shadow: none; } + .swal2-close:hover { color: #405189; } + .swal2-validation-message { background-color: transparent; } + .dropzone { min-height: 230px; border: 2px dashed var(--vz-border-color); background: var(--vz-secondary-bg); border-radius: 6px; } + .dropzone .dz-message { font-size: 24px; width: 100%; margin: 1em 0; } + .noUi-connect { background: #0ab39c; } + .noUi-handle { background: #0ab39c; border: 2px solid var(--vz-card-bg); -webkit-box-shadow: none; box-shadow: none; } + .noUi-horizontal { height: 4px; } + .noUi-horizontal .noUi-handle { height: 16px; width: 16px; @@ -8334,16 +9335,20 @@ div.code-toolbar > .toolbar button:hover { right: -10px !important; top: -7px; } + .noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before { display: none; } + .noUi-horizontal .noUi-handle:focus { outline: 0; } + .noUi-pips-horizontal { height: 50px; } + .noUi-tooltip { padding: 0.4rem 0.7rem; border-color: var(--vz-border-color); @@ -8351,9 +9356,11 @@ div.code-toolbar > .toolbar button:hover { background-color: var(--vz-secondary-bg); color: var(--vz-body-color); } + .noUi-vertical { width: 4px; } + .noUi-vertical .noUi-handle { height: 16px; width: 16px; @@ -8362,34 +9369,43 @@ div.code-toolbar > .toolbar button:hover { left: auto; border-radius: 50%; } + .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { display: none; } + .noUi-vertical .noUi-handle:focus { outline: 0; } + .noUi-vertical .noUi-origin { top: 0; } + .noUi-value { font-size: 12px; } + .noUi-marker-horizontal.noUi-marker-large { height: 12px; } + .noUi-value-horizontal { padding-top: 4px; } + .noUi-target { -webkit-box-shadow: none; box-shadow: none; background-color: var(--vz-light); border-color: var(--vz-light); } + .noUi-touch-area:focus { outline: 0; } + #blue, #green, #red { @@ -8397,6 +9413,7 @@ div.code-toolbar > .toolbar button:hover { display: inline-block; height: 200px; } + #colorpicker { height: 240px; width: 310px; @@ -8404,6 +9421,7 @@ div.code-toolbar > .toolbar button:hover { padding: 10px; border: 1px solid var(--vz-border-color); } + #result { margin: 60px 26px; height: 100px; @@ -8415,177 +9433,228 @@ div.code-toolbar > .toolbar button:hover { box-shadow: 0 0 3px; border-radius: 7px; } + #red .noUi-connect { background: #f06548; } + #green .noUi-connect { background: #0ab39c; } + #blue .noUi-connect { background: #405189; } + .form-control.keyboard { max-width: 340px !important; } + .example-val { font-size: 12px; color: var(--vz-secondary-color); display: block; margin: 15px 0; } + .example-val:before { content: "Value: "; font-size: 12px; font-weight: 600; } + .noUi-tooltip { display: none; } + .noUi-active .noUi-tooltip { display: block; } + .c-1-color { background: #f06548; } + .c-2-color { background: #f7b84b; } + .c-3-color { background: #0ab39c; } + .c-4-color { background: #405189; } + .c-5-color { background: #6559cc; } + #slider-toggle { height: 50px; } + #slider-toggle.off .noUi-handle { border-color: #f06548; } + .noUi-marker { background-color: var(--vz-border-color); } + .noUi-pips { color: var(--vz-body-color); } + [data-slider-color="primary"] .noUi-connect { background: #405189; } + [data-slider-color="primary"] .noUi-handle { background: #405189; } + [data-slider-color="primary"][data-slider-style="border"] .noUi-handle, [data-slider-color="primary"][data-slider-style="square"] .noUi-handle { border-color: #405189; } + [data-slider-color="secondary"] .noUi-connect { background: #3577f1; } + [data-slider-color="secondary"] .noUi-handle { background: #3577f1; } + [data-slider-color="secondary"][data-slider-style="border"] .noUi-handle, [data-slider-color="secondary"][data-slider-style="square"] .noUi-handle { border-color: #3577f1; } + [data-slider-color="success"] .noUi-connect { background: #0ab39c; } + [data-slider-color="success"] .noUi-handle { background: #0ab39c; } + [data-slider-color="success"][data-slider-style="border"] .noUi-handle, [data-slider-color="success"][data-slider-style="square"] .noUi-handle { border-color: #0ab39c; } + [data-slider-color="info"] .noUi-connect { background: #299cdb; } + [data-slider-color="info"] .noUi-handle { background: #299cdb; } + [data-slider-color="info"][data-slider-style="border"] .noUi-handle, [data-slider-color="info"][data-slider-style="square"] .noUi-handle { border-color: #299cdb; } + [data-slider-color="warning"] .noUi-connect { background: #f7b84b; } + [data-slider-color="warning"] .noUi-handle { background: #f7b84b; } + [data-slider-color="warning"][data-slider-style="border"] .noUi-handle, [data-slider-color="warning"][data-slider-style="square"] .noUi-handle { border-color: #f7b84b; } + [data-slider-color="danger"] .noUi-connect { background: #f06548; } + [data-slider-color="danger"] .noUi-handle { background: #f06548; } + [data-slider-color="danger"][data-slider-style="border"] .noUi-handle, [data-slider-color="danger"][data-slider-style="square"] .noUi-handle { border-color: #f06548; } + [data-slider-color="light"] .noUi-connect { background: #f3f6f9; } + [data-slider-color="light"] .noUi-handle { background: #f3f6f9; } + [data-slider-color="light"][data-slider-style="border"] .noUi-handle, [data-slider-color="light"][data-slider-style="square"] .noUi-handle { border-color: #f3f6f9; } + [data-slider-color="dark"] .noUi-connect { background: #212529; } + [data-slider-color="dark"] .noUi-handle { background: #212529; } + [data-slider-color="dark"][data-slider-style="border"] .noUi-handle, [data-slider-color="dark"][data-slider-style="square"] .noUi-handle { border-color: #212529; } + [data-slider-size="lg"].noUi-horizontal { height: 12px; } + [data-slider-size="lg"].noUi-horizontal .noUi-handle { width: 24px; height: 24px; } + [data-slider-size="md"].noUi-horizontal { height: 8px; } + [data-slider-size="md"].noUi-horizontal .noUi-handle { width: 20px; height: 20px; } + [data-slider-size="sm"].noUi-horizontal { height: 4px; } + [data-slider-size="sm"].noUi-horizontal .noUi-handle { width: 16px; height: 16px; } + [data-slider-style="line"].noUi-horizontal .noUi-handle { width: 8px; border-radius: 4px; right: -8px; } + [data-slider-style="line"].noUi-vertical .noUi-handle { height: 8px; border-radius: 4px; top: -3px; } + [data-slider-style="border"] .noUi-handle { border-color: #0ab39c; background-color: var(--vz-secondary-bg); } + [data-slider-style="square"] .noUi-handle { border-radius: 0; -webkit-transform: rotate(45deg); @@ -8596,16 +9665,19 @@ div.code-toolbar > .toolbar button:hover { border-color: #0ab39c; background-color: var(--vz-secondary-bg); } + .nested-list .list-group-item { background-color: rgba(64, 81, 137, 0.05); border-color: rgba(64, 81, 137, 0.05); } + .nested-1, .nested-2, .nested-3, .nested-list { margin-top: 5px; } + .nested-sortable-handle .handle { position: absolute; left: 0; @@ -8624,53 +9696,65 @@ div.code-toolbar > .toolbar button:hover { cursor: -webkit-grab; cursor: grab; } + .nested-sortable-handle .list-group-item { padding-left: 42px; } + .shepherd-element { background: var(--vz-secondary-bg); -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); } + .shepherd-has-title .shepherd-content .shepherd-header { background-color: var(--vz-light); padding: 0.5rem 0.75rem; } + .shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: rgba(var(--vz-body-color-rgb), 0.75); } + .shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover { color: rgba(var(--vz-body-color-rgb), 1); } -.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] - > .shepherd-arrow:before { + +.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"]>.shepherd-arrow:before { background-color: var(--vz-light); } + .shepherd-title { font-size: 15px; font-weight: 500; color: var(--vz-body-color); } + .shepherd-text { padding: 0.75rem; font-size: 0.8125rem; color: var(--vz-body-color); } + .shepherd-button.btn-success:not(:disabled):hover { background: #09a791; color: #fff; } + .shepherd-button.btn-light:not(:disabled):hover { background: rgba(var(--vz-light-rgb), 0.75); color: var(--vz-body-color); } + .shepherd-button.btn-primary:not(:disabled):hover { background: #3c4c80; color: #fff; } + .shepherd-footer { padding: 0 0.75rem 0.75rem; } + .shepherd-arrow, .shepherd-arrow:before { content: "\ea75"; @@ -8682,12 +9766,15 @@ div.code-toolbar > .toolbar button:hover { transform: rotate(0); color: var(--vz-primary); } -.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow { + +.shepherd-element[data-popper-placement^="bottom"]>.shepherd-arrow { top: -18px; } + .shepherd-button { margin-right: 0.5rem; } + .swiper-button-next, .swiper-button-prev { height: 32px; @@ -8697,6 +9784,7 @@ div.code-toolbar > .toolbar button:hover { backdrop-filter: blur(2px); border-radius: 8px; } + .swiper-button-next::after, .swiper-button-prev::after { font-family: remixicon; @@ -8705,12 +9793,15 @@ div.code-toolbar > .toolbar button:hover { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } + .swiper-button-prev::after { content: "\ea64" !important; } + .swiper-button-next::after { content: "\ea6e" !important; } + .swiper-pagination-bullet { width: 22px; height: 5px; @@ -8719,9 +9810,11 @@ div.code-toolbar > .toolbar button:hover { -webkit-box-shadow: none; box-shadow: none; } + .swiper-pagination-bullet .swiper-pagination-bullet-active { opacity: 1; } + .dynamic-pagination .swiper-pagination-bullet { width: 8px; height: 8px; @@ -8730,10 +9823,12 @@ div.code-toolbar > .toolbar button:hover { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .dynamic-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 20px; } + .swiper-pagination-fraction { color: #fff; font-size: 16px; @@ -8741,6 +9836,7 @@ div.code-toolbar > .toolbar button:hover { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } + .pagination-custom .swiper-pagination-bullet { height: 25px; width: 25px; @@ -8751,17 +9847,21 @@ div.code-toolbar > .toolbar button:hover { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #3577f1; opacity: 1; } + .swiper-pagination-progressbar { height: 6px !important; background-color: rgba(10, 179, 156, 0.25); } + .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #0ab39c; } + .swiper-scrollbar { background-color: rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(2px); @@ -8769,29 +9869,36 @@ div.code-toolbar > .toolbar button:hover { padding: 1.2px; height: 6px !important; } + .swiper-scrollbar .swiper-scrollbar-drag { background-color: #fff; } + .swiper-pagination-dark .swiper-pagination-bullet { background-color: #3577f1; } + .swiper-pagination-dark .dynamic-pagination .swiper-pagination-bullet { background-color: #3577f1; } + .swiper-pagination-dark.pagination-custom .swiper-pagination-bullet { color: #fff; } -.swiper-pagination-dark.pagination-custom - .swiper-pagination-bullet.swiper-pagination-bullet-active { + +.swiper-pagination-dark.pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } + .swiper-pagination-dark.swiper-scrollbar { background-color: rgba(33, 37, 41, 0.35); } + .multi-wrapper { border: none; position: relative; } + .multi-wrapper::before { content: "\ea61"; position: absolute; @@ -8817,50 +9924,61 @@ div.code-toolbar > .toolbar button:hover { background-color: var(--vz-light); z-index: 1; } + .multi-wrapper .non-selected-wrapper { border: 1px solid var(--vz-input-border-custom); background-color: var(--vz-input-bg-custom); border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + .multi-wrapper .non-selected-wrapper::-webkit-scrollbar, .multi-wrapper .selected-wrapper::-webkit-scrollbar { -webkit-appearance: none; } + .multi-wrapper .non-selected-wrapper::-webkit-scrollbar:vertical, .multi-wrapper .selected-wrapper::-webkit-scrollbar:vertical { width: 10px; } + .multi-wrapper .non-selected-wrapper::-webkit-scrollbar:horizontal, .multi-wrapper .selected-wrapper::-webkit-scrollbar:horizontal { height: 9px; } + .multi-wrapper .non-selected-wrapper::-webkit-scrollbar-thumb, .multi-wrapper .selected-wrapper::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb), 0.2); border-radius: 10px; border: 2px solid var(--vz-input-bg-custom); } + .multi-wrapper .non-selected-wrapper::-webkit-scrollbar-track, .multi-wrapper .selected-wrapper::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-input-bg-custom); } + .multi-wrapper .item-group .group-label { font-size: 12px; } + .multi-wrapper .item { color: var(--vz-body-color); } + .multi-wrapper .item:hover { background-color: rgba(64, 81, 137, 0.1); } + .multi-wrapper .selected-wrapper { border: 1px solid var(--vz-input-border-custom); background: var(--vz-input-bg-custom); border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } + .multi-wrapper .search-input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; @@ -8873,25 +9991,32 @@ div.code-toolbar > .toolbar button:hover { border-radius: var(--vz-border-radius); margin-bottom: 16px; } + .multi-wrapper .search-input::-webkit-input-placeholder { color: var(--vz-secondary-color); } + .multi-wrapper .search-input::-moz-placeholder { color: var(--vz-secondary-color); } + .multi-wrapper .search-input:-ms-input-placeholder { color: var(--vz-secondary-color); } + .multi-wrapper .search-input::-ms-input-placeholder { color: var(--vz-secondary-color); } + .multi-wrapper .search-input::placeholder { color: var(--vz-secondary-color); } + .multi-wrapper .header { font-weight: 600; color: var(--vz-gray-600); } + .pcr-app { background: var(--vz-secondary-bg); -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); @@ -8899,6 +10024,7 @@ div.code-toolbar > .toolbar button:hover { border-radius: 4px; border: 1px solid var(--vz-border-color); } + .pickr .pcr-button { border: 4px solid var(--vz-secondary-bg); -webkit-box-shadow: 0 0 0 2px var(--vz-border-color); @@ -8907,74 +10033,93 @@ div.code-toolbar > .toolbar button:hover { -webkit-box-shadow: none; box-shadow: none; } + .pickr .pcr-button::after, .pickr .pcr-button::before { border-radius: 50%; } + .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview { margin-right: 0.75em; margin-left: 0; } + .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity { margin-left: 0.75em; margin-right: 0; } + .pcr-app[data-theme="monolith"] .pcr-result { min-width: 100%; } + .pcr-app .pcr-interaction .pcr-type.active { background: #405189; } + .pcr-app .pcr-interaction .pcr-result { background-color: var(--vz-input-bg-custom); color: var(--vz-body-color); border: 1px solid var(--vz-input-border-custom); border-radius: var(--vz-border-radius); } + .pcr-app .pcr-interaction input { border-radius: var(--vz-border-radius) !important; } + .pcr-app .pcr-interaction input:focus { -webkit-box-shadow: none; box-shadow: none; background-color: var(--vz-input-bg-custom); border-color: var(--vz-primary-border-subtle); } + .pcr-app .pcr-interaction .pcr-save { background: #0ab39c !important; } + .pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear { background: #f06548 !important; } + .filepond--root { margin-bottom: 0; } + .filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label label { font-size: 14px; } + .filepond--panel-root { border: 2px dashed var(--vz-border-color); background: var(--vz-secondary-bg); } + .filepond--drop-label { color: var(--vz-body-color); } + .filepond--drop-label label { font-weight: 500; } + .filepond--credits { display: none; } + .filepond--item-panel { background-color: #405189 !important; } + [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; height: auto; } + .input-step { border: 1px solid var(--vz-input-border-custom); display: -webkit-inline-box; @@ -8986,6 +10131,7 @@ div.code-toolbar > .toolbar button:hover { background: var(--vz-input-bg-custom); padding: 4px; } + .input-step input { width: 4em; height: 100%; @@ -8995,9 +10141,11 @@ div.code-toolbar > .toolbar button:hover { color: var(--vz-body-color); border-radius: var(--vz-border-radius); } + .input-step input:focus-visible { outline: 0; } + .input-step button { width: 1.4em; font-weight: 300; @@ -9010,95 +10158,119 @@ div.code-toolbar > .toolbar button:hover { border: none; border-radius: var(--vz-border-radius); } + .input-step.light { background: var(--vz-light); } + .input-step.light button { background-color: var(--vz-input-bg-custom); } + .input-step.light-input { background: var(--vz-light); } + .input-step.light-input input { background-color: var(--vz-input-bg-custom); } + .input-step.full-width { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } + .input-step.full-width button { -ms-flex-negative: 0; flex-shrink: 0; } + .input-step.full-width input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .input-step.step-primary button { background-color: #405189; color: #fff; } + .input-step.step-secondary button { background-color: #3577f1; color: #fff; } + .input-step.step-success button { background-color: #0ab39c; color: #fff; } + .input-step.step-info button { background-color: #299cdb; color: #fff; } + .input-step.step-warning button { background-color: #f7b84b; color: #fff; } + .input-step.step-danger button { background-color: #f06548; color: #fff; } + .input-step.step-light button { background-color: #f3f6f9; color: #fff; } + .input-step.step-dark button { background-color: #212529; color: #fff; } + .ck { font-family: var(--vz-font-sans-serif) !important; } + .ck.ck-reset_all, .ck.ck-reset_all * { color: var(--vz-body-color) !important; } + .ck.ck-toolbar { background: rgba(var(--vz-light-rgb), 0.75) !important; } + .ck p { margin-bottom: 0; } + .ck.ck-toolbar { border: 1px solid var(--vz-input-border-custom) !important; } -.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { + +.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } + .ck.ck-toolbar .ck.ck-toolbar__separator { background: 0 0 !important; } -.ck.ck-editor__main > .ck-editor__editable { + +.ck.ck-editor__main>.ck-editor__editable { border-top: 0 !important; background-color: var(--vz-secondary-bg) !important; border-color: var(--vz-input-border-custom) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } + .ck.ck-dropdown__panel { background: var(--vz-secondary-bg) !important; -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); @@ -9111,23 +10283,28 @@ div.code-toolbar > .toolbar button:hover { animation-fill-mode: both; border-radius: var(--vz-border-radius-lg); } + .ck.ck-list { background: var(--vz-secondary-bg) !important; } + .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se { left: 0; right: auto !important; } + .ck.ck-editor__editable_inline[dir="ltr"] { text-align: left !important; } + .ck.ck-dropdown__panel { -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12) !important; box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12) !important; border-radius: var(--vz-border-radius-lg) !important; border: 1px solid var(--vz-border-color) !important; } + .ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, @@ -9136,32 +10313,39 @@ a.ck.ck-button:focus { box-shadow: none !important; border: 1px solid var(--vz-light) !important; } + .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--vz-light) !important; } + .ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--vz-light) !important; } + .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners { border-radius: 0.25rem !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } -.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, -.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { + +.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, +.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners { border-radius: 0.25rem !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } + .ck-editor__editable { min-height: 245px !important; } + .ck[class*="ck-heading_heading"] { font-weight: 500 !important; } + .ck.ck-button.ck-on:not(.ck-disabled):active, .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):active, @@ -9169,34 +10353,40 @@ a.ck.ck-button.ck-on:not(.ck-disabled):hover { -webkit-box-shadow: none !important; box-shadow: none !important; } + .ck.ck-tooltip .ck-tooltip__text { background: #212529 !important; color: #f3f6f9 !important; } + .ck.ck-input-text { background: var(--vz-input-bg-custom) !important; border: 1px solid var(--vz-input-border-custom) !important; } + .ck.ck-input-text:focus { border: 1px solid var(--vz-primary-border-subtle) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } + .ck.ck-balloon-panel { background: var(--vz-secondary-bg) !important; border: 1px solid var(--vz-border-color) !important; } + .ck.ck-balloon-panel[class*="arrow_n"]:after { border-bottom-color: var(--vz-secondary-bg) !important; } + .ck.ck-balloon-panel[class*="arrow_n"]::before { border-bottom-color: var(--vz-border-color) !important; } -.ck.ck-labeled-field-view - > .ck.ck-labeled-field-view__input-wrapper - > .ck.ck-label { + +.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label { background: var(--vz-secondary-bg) !important; } + .ck-editor-reverse .ck-editor { display: -webkit-box; display: -ms-flexbox; @@ -9206,164 +10396,188 @@ a.ck.ck-button.ck-on:not(.ck-disabled):hover { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } -.ck-editor-reverse .ck.ck-editor__main > .ck-editor__editable { + +.ck-editor-reverse .ck.ck-editor__main>.ck-editor__editable { border: 1px solid var(--vz-input-border-custom) !important; border-bottom: 0 !important; } -.ck-editor-reverse - .ck-rounded-corners - .ck.ck-editor__main - > .ck-editor__editable, -.ck-editor-reverse - .ck.ck-editor__main - > .ck-editor__editable.ck-rounded-corners { + +.ck-editor-reverse .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, +.ck-editor-reverse .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners { border-radius: 0.25rem !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } -.ck-editor-reverse - .ck-rounded-corners - .ck.ck-editor__top - .ck-sticky-panel - .ck-toolbar, -.ck-editor-reverse - .ck.ck-editor__top - .ck-sticky-panel - .ck-toolbar.ck-rounded-corners { + +.ck-editor-reverse .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, +.ck-editor-reverse .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners { border-radius: 0.25rem !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } -[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items { + +[dir="rtl"] .ck.ck-toolbar>.ck-toolbar__items { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } + .ql-editor { text-align: left; } + .ql-editor ol, .ql-editor ul { padding-left: 1.5em; padding-right: 0; } + .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } + .ql-container { font-family: var(--vz-font-sans-serif); } + .ql-container.ql-snow { border-color: var(--vz-input-border-custom); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } + .ql-bubble { border: var(--vz-border-width) solid var(--vz-input-border-custom); border-radius: var(--vz-border-radius); } + .ql-toolbar { font-family: var(--vz-font-sans-serif) !important; } + .ql-toolbar span { outline: 0 !important; color: var(--vz-body-color); } + .ql-toolbar span:hover { color: #405189 !important; } + .ql-toolbar.ql-snow { border-top-left-radius: 4px; border-top-right-radius: 4px; border-color: var(--vz-input-border-custom); } + .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: transparent; } + .ql-toolbar.ql-snow .ql-picker-options { -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); border-radius: var(--vz-border-radius-lg); } + .ql-snow .ql-script, .ql-snow .ql-strike svg, .ql-snow .ql-stroke { stroke: var(--vz-body-color); } + .ql-snow .ql-fill { fill: var(--vz-body-color); } + .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: 0; left: auto; } + .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: var(--vz-secondary-color); } + .ql-snow .ql-picker-options { background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color) !important; } + .gridjs-container { color: var(--vz-body-color); padding: 0; display: block; } + .gridjs-wrapper { -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--vz-border-color); border-radius: 0; } + .gridjs-wrapper::-webkit-scrollbar { -webkit-appearance: none; } + .gridjs-wrapper::-webkit-scrollbar:vertical { width: 12px; } + .gridjs-wrapper::-webkit-scrollbar:horizontal { height: 12px; } + .gridjs-wrapper::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb), 0.075); border-radius: 10px; border: 2px solid var(--vz-secondary-bg); } + .gridjs-wrapper::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-secondary-bg); } + .gridjs-footer { border: none !important; padding: 12px 0 0; } + .gridjs-table { width: 100%; } + .gridjs-tbody, td.gridjs-td { background-color: transparent; } + td.gridjs-td, th.gridjs-th { border: 1px solid var(--vz-border-color); padding: 0.75rem 0.6rem; } + th.gridjs-th { border-top: 0; color: var(--vz-body-color); background-color: rgba(var(--vz-light-rgb), 0.75); } + th.gridjs-th-sort:focus, th.gridjs-th-sort:hover { background-color: rgba(var(--vz-light-rgb), 0.85); } + .gridjs-head { padding-top: 0; } + .gridjs-footer { -webkit-box-shadow: none; box-shadow: none; @@ -9371,10 +10585,12 @@ th.gridjs-th-sort:hover { border-top: 0; background-color: transparent; } + .gridjs-summary { color: var(--vz-secondary-color); margin-top: 8px !important; } + .gridjs-pagination .gridjs-pages button { margin-left: 0.3rem; border-radius: 0.25rem !important; @@ -9382,37 +10598,45 @@ th.gridjs-th-sort:hover { background-color: var(--vz-secondary-bg); color: var(--vz-link-color); } + .gridjs-pagination .gridjs-pages button:last-child { border-right: 1px solid var(--vz-border-color); } + .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] { color: var(--vz-secondary-color); background-color: var(--vz-secondary-bg); } + .gridjs-pagination .gridjs-pages button:hover { background-color: var(--vz-tertiary-bg); color: var(--vz-link-hover-color); } + .gridjs-pagination .gridjs-pages button:focus { -webkit-box-shadow: none; box-shadow: none; } + .gridjs-pagination .gridjs-pages button:first-child:hover, .gridjs-pagination .gridjs-pages button:last-child:hover { background-color: transparent; } + .gridjs-pagination .gridjs-pages button.gridjs-currentPage { background-color: #405189; color: #fff; border-color: #405189; font-weight: 500; } + .gridjs-search { position: relative; float: left; } + .gridjs-search::before { content: "\f0d1"; font-family: remixicon; @@ -9424,6 +10648,7 @@ th.gridjs-th-sort:hover { font-size: 14px; color: var(--vz-secondary-color); } + input.gridjs-input { border-color: var(--vz-input-border-custom); background-color: var(--vz-input-bg-custom); @@ -9433,33 +10658,41 @@ input.gridjs-input { border-radius: var(--vz-border-radius); font-size: 0.8125rem; } + input.gridjs-input:focus { -webkit-box-shadow: none; box-shadow: none; border-color: var(--vz-primary-border-subtle); background-color: var(--vz-input-bg-custom); } + input.gridjs-input::-webkit-input-placeholder { color: var(--vz-secondary-color); } + input.gridjs-input::-moz-placeholder { color: var(--vz-secondary-color); } + input.gridjs-input:-ms-input-placeholder { color: var(--vz-secondary-color); } + input.gridjs-input::-ms-input-placeholder { color: var(--vz-secondary-color); } + input.gridjs-input::placeholder { color: var(--vz-secondary-color); } + th.gridjs-th .gridjs-th-content { float: none; display: inline-block; vertical-align: middle; font-weight: 600; } + button.gridjs-sort { float: none; display: inline-block; @@ -9467,32 +10700,40 @@ button.gridjs-sort { width: 10px; height: 20px; } + th.gridjs-th-sort .gridjs-th-content { width: calc(100% - 10px); } + button.gridjs-sort-asc, button.gridjs-sort-desc { background-size: 7px; } + .table-card .gridjs-head { padding: 16px 16px 5px; } + .table-card .gridjs-wrapper { border-top: 0; border-radius: 0; border-width: 1px 0; } + .table-card .gridjs-footer { padding: 8px 16px; } + .gridjs-tr-selected td { background-color: rgba(var(--vz-body-color-rgb), 0.04); } + .gridjs-tr-selected .gridjs-td .gridjs-checkbox[type="checkbox"] { background-color: #405189; border-color: #405189; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } + .gridjs-td .gridjs-checkbox { width: 1.1em; height: 1.1em; @@ -9508,22 +10749,26 @@ button.gridjs-sort-desc { -webkit-print-color-adjust: exact; color-adjust: exact; } + .gridjs-td .gridjs-checkbox[type="checkbox"] { border-radius: 0.25em; } + .gridjs-border-none td.gridjs-td, .gridjs-border-none th.gridjs-th { border-right-width: 0; border-left-width: 0; } + .gridjs-loading-bar { background-color: var(--vz-secondary-bg); } -[data-bs-theme="dark"] - button:is(.gridjs-sort-neutral, .gridjs-sort-asc, .gridjs-sort-desc) { + +[data-bs-theme="dark"] button:is(.gridjs-sort-neutral, .gridjs-sort-asc, .gridjs-sort-desc) { -webkit-filter: invert(1) grayscale(100%) brightness(200%); filter: invert(1) grayscale(100%) brightness(200%); } + .listjs-pagination { margin-bottom: 0; -webkit-box-pack: end; @@ -9531,6 +10776,7 @@ button.gridjs-sort-desc { justify-content: flex-end; gap: 8px; } + .listjs-pagination li .page { display: block; padding: 0.375rem 0.75rem; @@ -9539,11 +10785,13 @@ button.gridjs-sort-desc { border: var(--vz-border-width) solid var(--vz-border-color); border-radius: 0.25rem; } + .listjs-pagination li.active .page { color: #fff; background-color: #405189; border-color: #405189; } + .pagination-wrap { -webkit-user-select: none; -moz-user-select: none; @@ -9556,10 +10804,12 @@ button.gridjs-sort-desc { -ms-flex-align: center; align-items: center; } + .pagination-wrap a { text-decoration: none; display: inline-block; } + .pagination-next, .pagination-prev { color: #405189; @@ -9569,56 +10819,71 @@ button.gridjs-sort-desc { border: var(--vz-border-width) solid var(--vz-border-color); border-radius: 0.25rem; } + .pagination-next:hover, .pagination-prev:hover { color: #7283bd; } + .pagination-next.disabled, .pagination-prev.disabled { color: var(--vz-secondary-color); cursor: default; } + .pagination-next.disabled:hover, .pagination-prev.disabled:hover { color: var(--vz-secondary-color); } + .apex-charts { min-height: 10px !important; } + .apex-charts text { font-family: var(--vz-font-sans-serif) !important; } + .apex-charts .apexcharts-canvas { margin: 0 auto; } + @-webkit-keyframes opaque { 0% { opacity: 0; } + to { opacity: 1; } } + @keyframes opaque { 0% { opacity: 0; } + to { opacity: 1; } } + @-webkit-keyframes resizeanim { + 0%, to { opacity: 0; } } + @keyframes resizeanim { + 0%, to { opacity: 0; } } + .apexcharts-canvas { position: relative; -webkit-user-select: none; @@ -9626,54 +10891,61 @@ button.gridjs-sort-desc { -ms-user-select: none; user-select: none; } + .apexcharts-canvas ::-webkit-scrollbar { -webkit-appearance: none; width: 6px; } + .apexcharts-canvas ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } -.apexcharts-canvas - :is( - .apexcharts-reset-zoom-icon, - .apexcharts-selection-icon, - .apexcharts-zoom-icon - ).apexcharts-selected - svg { + +.apexcharts-canvas :is(.apexcharts-reset-zoom-icon, + .apexcharts-selection-icon, + .apexcharts-zoom-icon).apexcharts-selected svg { fill: var(--vz-primary); } + @media screen and (min-width: 768px) { .apexcharts-canvas:hover .apexcharts-toolbar { opacity: 1; } } + .apexcharts-inner { position: relative; } + .apexcharts-gridline { pointer-events: none; stroke: rgba(var(--vz-light-rgb), 1); } + .apexcharts-text tspan { font-family: inherit; } + .apexcharts-xaxis text, .apexcharts-yaxis text { font-family: var(--vz-font-sans-serif) !important; fill: #878a99; } + .apexcharts-subtitle-text, .apexcharts-title-text { fill: #adb5bd; } + .legend-mouseover-inactive { -webkit-transition: 0.15s ease all; transition: 0.15s ease all; opacity: 0.2; } + .apexcharts-legend-text { color: #878a99 !important; font-family: var(--vz-font-sans-serif) !important; @@ -9681,15 +10953,19 @@ button.gridjs-sort-desc { padding-left: 15px; margin-left: -15px; } + .apexcharts-series-collapsed { opacity: 0; } + .apexcharts-xaxis-tick { stroke: var(--vz-border-color); } + .apexcharts-marker { stroke: var(--vz-secondary-bg); } + .apexcharts-tooltip { border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15) !important; @@ -9713,35 +10989,43 @@ button.gridjs-sort-desc { -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-tooltip.apexcharts-active { opacity: 1; -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-tooltip.apexcharts-theme-light { border: 1px solid var(--vz-border-color) !important; background: rgba(var(--vz-secondary-bg-rgb), 0.96) !important; } + .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { background: var(--vz-secondary-bg) !important; border-bottom: 1px solid var(--vz-border-color) !important; } + .apexcharts-tooltip.apexcharts-theme-dark { color: #fff; background: rgba(30, 30, 30, 0.8); } + .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title { background: rgba(0, 0, 0, 0.7); border-bottom: 1px solid #333; } + .apexcharts-tooltip * { font-family: inherit; } + .apexcharts-tooltip .apexcharts-tooltip-title { padding: 6px; font-size: 15px; margin-bottom: 4px; } + .apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value { @@ -9749,6 +11033,7 @@ button.gridjs-sort-desc { margin-left: 5px; font-weight: 600; } + .apexcharts-tooltip-text-goals-label:empty, .apexcharts-tooltip-text-goals-value:empty, .apexcharts-tooltip-text-y-label:empty, @@ -9757,10 +11042,12 @@ button.gridjs-sort-desc { .apexcharts-tooltip-title:empty { display: none; } + .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value { padding: 6px 0 5px; } + .apexcharts-tooltip-goals-group, .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value { @@ -9768,10 +11055,12 @@ button.gridjs-sort-desc { display: -ms-flexbox; display: flex; } + .apexcharts-tooltip-text-goals-label:not(:empty), .apexcharts-tooltip-text-goals-value:not(:empty) { margin-top: -6px; } + .apexcharts-tooltip-marker { width: 12px; height: 12px; @@ -9780,6 +11069,7 @@ button.gridjs-sort-desc { margin-right: 10px; border-radius: 50%; } + .apexcharts-tooltip-series-group { padding: 0 10px; display: none; @@ -9791,26 +11081,32 @@ button.gridjs-sort-desc { -ms-flex-align: center; align-items: center; } + .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker { opacity: 1; } + .apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child { padding-bottom: 4px; } + .apexcharts-tooltip-series-group-hidden { opacity: 0; height: 0; line-height: 0; padding: 0 !important; } + .apexcharts-tooltip-y-group { padding: 6px 0 5px; } + .apexcharts-custom-tooltip, .apexcharts-tooltip-box { padding: 4px 8px; } + .apexcharts-tooltip-boxPlot { display: -webkit-box; display: -ms-flexbox; @@ -9820,24 +11116,30 @@ button.gridjs-sort-desc { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } -.apexcharts-tooltip-box > div { + +.apexcharts-tooltip-box>div { margin: 4px 0; } + .apexcharts-tooltip-box span.value { font-weight: 700; } + .apexcharts-tooltip-rangebar { padding: 5px 8px; } + .apexcharts-tooltip-rangebar .category { font-weight: 600; color: #777; } + .apexcharts-tooltip-rangebar .series-name { font-weight: 700; display: block; margin-bottom: 5px; } + .apexcharts-xaxistooltip, .apexcharts-yaxistooltip { opacity: 0; @@ -9851,16 +11153,19 @@ button.gridjs-sort-desc { background: #eceff1; border: 1px solid #90a4ae; } + .apexcharts-xaxistooltip { padding: 9px 10px; -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-xaxistooltip.apexcharts-theme-dark { background: rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.5); color: #fff; } + .apexcharts-xaxistooltip::after, .apexcharts-xaxistooltip::before { left: 50%; @@ -9871,57 +11176,71 @@ button.gridjs-sort-desc { position: absolute; pointer-events: none; } + .apexcharts-xaxistooltip::after { border-color: transparent; border-width: 6px; margin-left: -6px; } + .apexcharts-xaxistooltip::before { border-color: transparent; border-width: 7px; margin-left: -7px; } + .apexcharts-xaxistooltip.apexcharts-active { opacity: 1; -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-xaxistooltip-bottom::after, .apexcharts-xaxistooltip-bottom::before { bottom: 100%; } + .apexcharts-xaxistooltip-bottom::after { border-bottom-color: #eceff1; } + .apexcharts-xaxistooltip-bottom::before { border-bottom-color: #90a4ae; } + .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark::after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark::before { border-bottom-color: rgba(0, 0, 0, 0.5); } + .apexcharts-xaxistooltip-top::after, .apexcharts-xaxistooltip-top::before { top: 100%; } + .apexcharts-xaxistooltip-top::after { border-top-color: #eceff1; } + .apexcharts-xaxistooltip-top::before { border-top-color: #90a4ae; } + .apexcharts-xaxistooltip-top.apexcharts-theme-dark::after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark::before { border-top-color: rgba(0, 0, 0, 0.5); } + .apexcharts-yaxistooltip { padding: 4px 10px; } + .apexcharts-yaxistooltip .apexcharts-theme-dark { background: rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.5); color: #fff; } + .apexcharts-yaxistooltip::after, .apexcharts-yaxistooltip::before { top: 50%; @@ -9932,50 +11251,63 @@ button.gridjs-sort-desc { position: absolute; pointer-events: none; } + .apexcharts-yaxistooltip::after { border-color: transparent; border-width: 6px; margin-top: -6px; } + .apexcharts-yaxistooltip::before { border-color: transparent; border-width: 7px; margin-top: -7px; } + .apexcharts-yaxistooltip.apexcharts-active { opacity: 1; } + .apexcharts-yaxistooltip-left::after, .apexcharts-yaxistooltip-left::before { left: 100%; } + .apexcharts-yaxistooltip-left::after { border-left-color: #eceff1; } + .apexcharts-yaxistooltip-left::before { border-left-color: #90a4ae; } + .apexcharts-yaxistooltip-left.apexcharts-theme-dark::after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark::before { border-left-color: rgba(0, 0, 0, 0.5); } + .apexcharts-yaxistooltip-right::after, .apexcharts-yaxistooltip-right::before { right: 100%; } + .apexcharts-yaxistooltip-right::after { border-right-color: #eceff1; } + .apexcharts-yaxistooltip-right::before { border-right-color: #90a4ae; } + .apexcharts-yaxistooltip-right.apexcharts-theme-dark::after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark::before { border-right-color: rgba(0, 0, 0, 0.5); } + .apexcharts-yaxistooltip-hidden { display: none; } + .apexcharts-xcrosshairs, .apexcharts-ycrosshairs { pointer-events: none; @@ -9983,45 +11315,55 @@ button.gridjs-sort-desc { -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active { opacity: 1; -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-ycrosshairs-hidden { opacity: 0; } + .apexcharts-selection-rect { cursor: move; } + .svg_select_boundingRect, .svg_select_points_rot { pointer-events: none; opacity: 0; visibility: hidden; } -.apexcharts-selection-rect + g .svg_select_boundingRect, -.apexcharts-selection-rect + g .svg_select_points_rot { + +.apexcharts-selection-rect+g .svg_select_boundingRect, +.apexcharts-selection-rect+g .svg_select_points_rot { opacity: 0; visibility: hidden; } -.apexcharts-selection-rect + g .svg_select_points_l, -.apexcharts-selection-rect + g .svg_select_points_r { + +.apexcharts-selection-rect+g .svg_select_points_l, +.apexcharts-selection-rect+g .svg_select_points_r { cursor: ew-resize; opacity: 1; visibility: visible; } + .svg_select_points { fill: #efefef; stroke: #333; } + .apexcharts-svg.apexcharts-zoomable.hovering-zoom { cursor: crosshair; } + .apexcharts-svg.apexcharts-zoomable.hovering-pan { cursor: move; } + .apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, @@ -10037,74 +11379,75 @@ button.gridjs-sort-desc { color: #6e8192; text-align: center; } -:is( - .apexcharts-menu-icon, - .apexcharts-reset-icon, - .apexcharts-zoom-icon, - .apexcharts-zoomin-icon, - .apexcharts-zoomout-icon - ) - svg { + +:is(.apexcharts-menu-icon, + .apexcharts-reset-icon, + .apexcharts-zoom-icon, + .apexcharts-zoomin-icon, + .apexcharts-zoomout-icon) svg { fill: #6e8192; } + .apexcharts-selection-icon svg { fill: #444; -webkit-transform: scale(0.76); transform: scale(0.76); } -.apexcharts-theme-dark - :is( - .apexcharts-menu-icon, - .apexcharts-pan-icon, - .apexcharts-reset-icon, - .apexcharts-selection-icon, - .apexcharts-toolbar-custom-icon, - .apexcharts-zoom-icon, - .apexcharts-zoomin-icon, - .apexcharts-zoomout-icon - ) - svg { + +.apexcharts-theme-dark :is(.apexcharts-menu-icon, + .apexcharts-pan-icon, + .apexcharts-reset-icon, + .apexcharts-selection-icon, + .apexcharts-toolbar-custom-icon, + .apexcharts-zoom-icon, + .apexcharts-zoomin-icon, + .apexcharts-zoomout-icon) svg { fill: #f3f4f5; } + .apexcharts-theme-dark .apexcharts-menu { background: rgba(0, 0, 0, 0.7); color: #fff; } + .apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, -.apexcharts-theme-light - .apexcharts-selection-icon:not(.apexcharts-selected):hover - svg, -.apexcharts-theme-light - .apexcharts-zoom-icon:not(.apexcharts-selected):hover - svg, +.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, +.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg { fill: #333; } + .apexcharts-theme-light .apexcharts-menu-item:hover { background: #eee; } + .apexcharts-menu-icon, .apexcharts-selection-icon { position: relative; } + .apexcharts-reset-icon { margin-left: 5px; } + .apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon { -webkit-transform: scale(0.85); transform: scale(0.85); } + .apexcharts-zoomin-icon, .apexcharts-zoomout-icon { -webkit-transform: scale(0.7); transform: scale(0.7); } + .apexcharts-zoomout-icon { margin-right: 3px; } + .apexcharts-pan-icon { -webkit-transform: scale(0.62); transform: scale(0.62); @@ -10112,14 +11455,17 @@ button.gridjs-sort-desc { left: 1px; top: 0; } + .apexcharts-pan-icon svg { fill: #fff; stroke: #6e8192; stroke-width: 2; } + .apexcharts-pan-icon:not(.apexcharts-selected):hover svg { stroke: #333; } + .apexcharts-toolbar { position: absolute; z-index: 11; @@ -10137,6 +11483,7 @@ button.gridjs-sort-desc { -ms-flex-align: center; align-items: center; } + .apexcharts-menu { background: #fff; position: absolute; @@ -10151,22 +11498,26 @@ button.gridjs-sort-desc { transition: 0.15s ease all; pointer-events: none; } + .apexcharts-menu .apexcharts-menu-open { opacity: 1; pointer-events: all; -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .apexcharts-menu-item { padding: 6px 7px; font-size: 12px; cursor: pointer; } + .apexcharts-canvas .apexcharts-element-hidden, .apexcharts-datalabel.apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points { opacity: 0; } + .apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, @@ -10175,6 +11526,7 @@ button.gridjs-sort-desc { cursor: default; pointer-events: none; } + .apexcharts-pie-label-delay { opacity: 0; -webkit-animation-name: opaque; @@ -10186,16 +11538,13 @@ button.gridjs-sort-desc { -webkit-animation-timing-function: ease; animation-timing-function: ease; } + .apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, -.apexcharts-area-series - .apexcharts-series-markers - .apexcharts-marker.no-pointer-events, +.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-gridline, .apexcharts-line, -.apexcharts-line-series - .apexcharts-series-markers - .apexcharts-marker.no-pointer-events, +.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-point-annotation-label, .apexcharts-radar-series path, .apexcharts-radar-series polygon, @@ -10206,10 +11555,12 @@ button.gridjs-sort-desc { .apexcharts-zoom-rect { pointer-events: none; } + .apexcharts-marker { -webkit-transition: 0.15s ease all; transition: 0.15s ease all; } + .resize-triggers { -webkit-animation: 1ms resizeanim; animation: 1ms resizeanim; @@ -10219,26 +11570,30 @@ button.gridjs-sort-desc { width: 100%; overflow: hidden; } + .contract-trigger:before, .resize-triggers, -.resize-triggers > div { +.resize-triggers>div { content: " "; display: block; position: absolute; top: 0; left: 0; } -.resize-triggers > div { + +.resize-triggers>div { height: 100%; width: 100%; background: #eee; overflow: auto; } + .resize-triggers::before { overflow: hidden; width: 200%; height: 200%; } + #chart-quarter, #chart-year { width: 96%; @@ -10250,6 +11605,7 @@ button.gridjs-sort-desc { background: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); } + #chart-year { float: left; position: relative; @@ -10257,12 +11613,14 @@ button.gridjs-sort-desc { transition: 1s ease transform; z-index: 3; } + #chart-year.chart-quarter-activated { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 1s ease transform; transition: 1s ease transform; } + #chart-quarter { float: left; position: relative; @@ -10270,6 +11628,7 @@ button.gridjs-sort-desc { -webkit-transition: 1s ease transform; transition: 1s ease transform; } + #chart-quarter.active { -webkit-transition: 1.1s ease-in-out transform; transition: 1.1s ease-in-out transform; @@ -10277,41 +11636,51 @@ button.gridjs-sort-desc { transform: translateX(0); z-index: 1; } + @media screen and (min-width: 480px) { #chart-year { -webkit-transform: translateX(50%); transform: translateX(50%); } + #chart-quarter { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } + .apexcharts-heatmap-series rect, .apexcharts-treemap rect { stroke: var(--vz-secondary-bg); } + .apexcharts-bar-series path, .apexcharts-pie-series path { stroke: var(--vz-secondary-bg); } + .apexcharts-radialbar .apexcharts-datalabels-group text { fill: var(--vz-body-color); } + .apexcharts-radialbar-track path { stroke: var(--vz-border-color); } + .apexcharts-radar-series line, .apexcharts-radar-series polygon { stroke: var(--vz-border-color); } + .apexcharts-pie circle, .apexcharts-pie line { stroke: var(--vz-border-color); } + .apexcharts-pie text { fill: var(--vz-white); } + .apexcharts-xaxistooltip.apexcharts-theme-light { -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); @@ -10320,31 +11689,39 @@ button.gridjs-sort-desc { border: 1px solid var(--vz-border-color); font-family: var(--vz-font-sans-serif); } + .apexcharts-xaxistooltip.apexcharts-theme-light::before { border-bottom-color: var(--vz-border-color); } + .effect-chart :is(.apexcharts-pie-series, .apexcharts-bar-series) path { -webkit-clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0); } + .apexcharts-grid-borders line { stroke: var(--vz-border-color); } + .chartjs-chart { max-height: 320px; } + .e-charts { height: 350px; } + .e-charts-height { height: 300px; } + .gmaps, .gmaps-panaroma { height: 300px; background: #f3f6f9; border-radius: 3px; } + .gmaps-overlay { display: block; text-align: center; @@ -10355,6 +11732,7 @@ button.gridjs-sort-desc { border-radius: 4px; padding: 10px 20px; } + .gmaps-overlay_arrow { left: 50%; margin-left: -16px; @@ -10362,22 +11740,26 @@ button.gridjs-sort-desc { height: 0; position: absolute; } + .gmaps-overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #405189; } + .gmaps-overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #405189; } + .autoComplete_wrapper { display: block; } -.autoComplete_wrapper > input { + +.autoComplete_wrapper>input { display: block; width: 100%; height: auto; @@ -10392,39 +11774,47 @@ button.gridjs-sort-desc { border-radius: var(--vz-border-radius); background-image: none; } -.autoComplete_wrapper > input::-webkit-input-placeholder { + +.autoComplete_wrapper>input::-webkit-input-placeholder { padding: 0 !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; } -.autoComplete_wrapper > input::-moz-placeholder { + +.autoComplete_wrapper>input::-moz-placeholder { padding: 0 !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; } -.autoComplete_wrapper > input:-ms-input-placeholder { + +.autoComplete_wrapper>input:-ms-input-placeholder { padding: 0 !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; } -.autoComplete_wrapper > input::-ms-input-placeholder { + +.autoComplete_wrapper>input::-ms-input-placeholder { padding: 0 !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; } -.autoComplete_wrapper > input::placeholder { + +.autoComplete_wrapper>input::placeholder { padding: 0 !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; } -.autoComplete_wrapper > input:focus { + +.autoComplete_wrapper>input:focus { border: var(--vz-border-width) solid var(--vz-primary-border-subtle); color: var(--vz-body-color); } -.autoComplete_wrapper > input:hover { + +.autoComplete_wrapper>input:hover { color: var(--vz-body-color); } -.autoComplete_wrapper > ul { + +.autoComplete_wrapper>ul { border-radius: 0.25rem; border-color: var(--vz-border-color); background-color: var(--vz-secondary-bg); @@ -10441,7 +11831,8 @@ button.gridjs-sort-desc { -webkit-animation-fill-mode: both; animation-fill-mode: both; } -.autoComplete_wrapper > ul > li { + +.autoComplete_wrapper>ul>li { font-size: 0.8125rem; margin: 0; padding: 0.35rem 1.2rem; @@ -10449,21 +11840,25 @@ button.gridjs-sort-desc { background-color: var(--vz-secondary-bg); color: var(--vz-body-color); } -.autoComplete_wrapper > ul > li mark { + +.autoComplete_wrapper>ul>li mark { color: #f06548; font-weight: 600; padding: 1px; } -.autoComplete_wrapper > ul > li:hover, -.autoComplete_wrapper > ul > li[aria-selected="true"] { + +.autoComplete_wrapper>ul>li:hover, +.autoComplete_wrapper>ul>li[aria-selected="true"] { color: var(--vz-body-color); background-color: var(--vz-tertiary-bg); } -.autoComplete_wrapper > ul .no_result { + +.autoComplete_wrapper>ul .no_result { padding: 0.7rem 1.2rem; font-style: italic; font-weight: 500; } + .jvm-tooltip { border-radius: 3px; background-color: var(--vz-primary); @@ -10472,36 +11867,45 @@ button.gridjs-sort-desc { box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); padding: 5px 9px; } + .jvm-container text { font-family: var(--vz-font-sans-serif); font-size: 0.8125rem; fill: var(--vz-body-color); } + .jvm-zoom-btn { background-color: var(--vz-primary); } + .leaflet-map { height: 300px; } + .leaflet-map.leaflet-container { z-index: 0; font-family: Poppins, sans-serif; } + :root { --fc-border-color: var(--vz-border-color); --fc-page-bg-color: var(--vz-secondary-bg); --fc-neutral-bg-color: var(--vz-light); } + .fc td, .fc th { border: var(--vz-border-width) solid var(--vz-border-color); } + .fc .fc-toolbar h2 { font-size: 16px; line-height: 30px; text-transform: uppercase; } + @media (max-width: 767.98px) { + .fc .fc-toolbar .fc-center, .fc .fc-toolbar .fc-left, .fc .fc-toolbar .fc-right { @@ -10511,24 +11915,30 @@ button.gridjs-sort-desc { clear: both; margin: 10px 0; } - .fc .fc-toolbar > * > * { + + .fc .fc-toolbar>*>* { float: none; } + .fc .fc-toolbar .fc-today-button { display: none; } } + .fc .fc-toolbar .btn { text-transform: capitalize; } + .fc .fc-col-header-cell { background-color: var(--vz-light); } + .fc .fc-col-header-cell-cushion { display: block; padding: 8px 4px; color: var(--vz-body-color); } + .fc .fc-daygrid-day-number { width: 24px; height: 24px; @@ -10548,49 +11958,63 @@ button.gridjs-sort-desc { margin: 2px; color: var(--vz-body-color); } + .fc .fc-daygrid-day.fc-day-today { background-color: rgba(64, 81, 137, 0.1); } + .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { background-color: #405189; color: #fff; } + .fc .fc-daygrid-day.fc-day-today { background-color: rgba(64, 81, 137, 0.1); } + .fc .fc-timegrid-col.fc-day-today { background-color: rgba(64, 81, 137, 0.1); } + .fc .fc-list-event:hover td { background: 0 0; } + .fc .fc-list-event-title a { color: #fff !important; } + .fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table { width: 100% !important; } -.fc .fc-scrollgrid-section > * { + +.fc .fc-scrollgrid-section>* { border-left: var(--vz-border-width) solid var(--vz-border-color); border-top: var(--vz-border-width) solid var(--vz-border-color); } + .fc .fc-scrollgrid { border: 0; } -.fc .fc-scrollgrid-section-liquid > td { + +.fc .fc-scrollgrid-section-liquid>td { border-top: 0; } + .fc .fc-multimonth { border-color: var(--vz-border-color); } + .fc-theme-bootstrap a:not([href]) { color: var(--vz-body-color); } + .fc-event { color: #fff; } + .fc th.fc-widget-header { background: #e9ebec; line-height: 20px; @@ -10598,6 +12022,7 @@ button.gridjs-sort-desc { text-transform: uppercase; font-weight: 700; } + .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, @@ -10610,9 +12035,11 @@ button.gridjs-sort-desc { .fc-unthemed thead { border-color: #e9ebec; } + .fc-unthemed td.fc-today { background: #f6f8fa; } + .fc-button { background: var(--vz-secondary-bg); border-color: var(--vz-border-color); @@ -10623,6 +12050,7 @@ button.gridjs-sort-desc { padding: 6px 12px !important; height: auto !important; } + .fc .fc-multimonth-multicol .fc-daygrid-more-link { border: 1px solid #405189; display: block; @@ -10631,6 +12059,7 @@ button.gridjs-sort-desc { font-weight: 500; font-family: Poppins, sans-serif; } + .fc-state-active, .fc-state-disabled, .fc-state-down { @@ -10638,6 +12067,7 @@ button.gridjs-sort-desc { color: #fff; text-shadow: none; } + .fc-event { border-radius: 2px; border: none; @@ -10647,50 +12077,62 @@ button.gridjs-sort-desc { padding: 5px 5px; text-align: center; } + .fc-theme-standard .fc-popover .fc-popover-header { padding: 8px 14px; } + .fc-event, .fc-event-dot { background-color: #405189; } + .fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background-color: #405189; } + .fc-event-title, .fc-sticky { font-weight: 600 !important; text-overflow: ellipsis; white-space: nowrap; } + .fc-daygrid-event-dot { border-color: #fff !important; display: none; } + .fc-event-time { display: none; } + .fc-event .fc-content { color: #fff; } + #external-events .external-event { text-align: left; padding: 8px 16px; margin: 6px 0; } + .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content { color: #f3f6f9; } + .fc-next-button, .fc-prev-button { position: relative; padding: 6px 8px !important; } + .fc-toolbar-chunk .fc-button-group { -webkit-box-shadow: none; box-shadow: none; } + .fc-toolbar-chunk .fc-button-group .fc-button { color: #3577f1; background-color: rgba(53, 119, 241, 0.15); @@ -10698,24 +12140,29 @@ button.gridjs-sort-desc { -webkit-box-shadow: none; box-shadow: none; } + .fc-toolbar-chunk .fc-button-group .fc-button.active, .fc-toolbar-chunk .fc-button-group .fc-button:hover { color: #fff; background-color: #3577f1; } + .fc-toolbar-chunk .fc-today-button { background-color: #3577f1 !important; border: #3577f1; } + .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: #3577f1 !important; border-color: #3577f1 !important; color: #fff !important; } + .fc .fc-button-primary { text-transform: capitalize; } + @media (max-width: 575.98px) { .fc-toolbar { -webkit-box-orient: vertical; @@ -10725,183 +12172,226 @@ button.gridjs-sort-desc { gap: 16px; } } + #upcoming-event-list .card:last-child { margin-bottom: 6px !important; } + #event-modal .event-details { display: none; } + #event-modal .view-event .event-form { display: none; } + #event-modal .view-event #event-category-tag { display: none; } + #event-modal .view-event .event-details { display: block; } + .fc-daygrid-event-harness .fc-daygrid-event { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } + .fc-timegrid-event-harness .fc-timegrid-event { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } + .fc-timegrid-slots table tr { border-color: var(--vz-border-color) !important; } + .fc-list-table { border-color: var(--vz-border-color); } + .fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-title { color: #405189 !important; } -.fc-timegrid-event-harness - .fc-timegrid-event.bg-primary-subtle - .fc-event-title { + +.fc-timegrid-event-harness .fc-timegrid-event.bg-primary-subtle .fc-event-title { color: #405189 !important; } + .fc-list-table .fc-list-event.bg-primary-subtle { color: #405189 !important; } -.fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-title>a { color: #405189 !important; } + .fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-dot { border-color: #405189; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-main, -.fc-daygrid-event-harness - .fc-daygrid-event.bg-secondary-subtle - .fc-event-title { +.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-title { color: #3577f1 !important; } -.fc-timegrid-event-harness - .fc-timegrid-event.bg-secondary-subtle - .fc-event-title { + +.fc-timegrid-event-harness .fc-timegrid-event.bg-secondary-subtle .fc-event-title { color: #3577f1 !important; } + .fc-list-table .fc-list-event.bg-secondary-subtle { color: #3577f1 !important; } -.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-title>a { color: #3577f1 !important; } + .fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-dot { border-color: #3577f1; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-title { color: #0ab39c !important; } -.fc-timegrid-event-harness - .fc-timegrid-event.bg-success-subtle - .fc-event-title { + +.fc-timegrid-event-harness .fc-timegrid-event.bg-success-subtle .fc-event-title { color: #0ab39c !important; } + .fc-list-table .fc-list-event.bg-success-subtle { color: #0ab39c !important; } -.fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-title>a { color: #0ab39c !important; } + .fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-dot { border-color: #0ab39c; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-title { color: #299cdb !important; } + .fc-timegrid-event-harness .fc-timegrid-event.bg-info-subtle .fc-event-title { color: #299cdb !important; } + .fc-list-table .fc-list-event.bg-info-subtle { color: #299cdb !important; } -.fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-title>a { color: #299cdb !important; } + .fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-dot { border-color: #299cdb; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-title { color: #f7b84b !important; } -.fc-timegrid-event-harness - .fc-timegrid-event.bg-warning-subtle - .fc-event-title { + +.fc-timegrid-event-harness .fc-timegrid-event.bg-warning-subtle .fc-event-title { color: #f7b84b !important; } + .fc-list-table .fc-list-event.bg-warning-subtle { color: #f7b84b !important; } -.fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-title>a { color: #f7b84b !important; } + .fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-dot { border-color: #f7b84b; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-title { color: #f06548 !important; } + .fc-timegrid-event-harness .fc-timegrid-event.bg-danger-subtle .fc-event-title { color: #f06548 !important; } + .fc-list-table .fc-list-event.bg-danger-subtle { color: #f06548 !important; } -.fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-title>a { color: #f06548 !important; } + .fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-dot { border-color: #f06548; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-title { color: #f3f6f9 !important; } + .fc-timegrid-event-harness .fc-timegrid-event.bg-light-subtle .fc-event-title { color: #f3f6f9 !important; } + .fc-list-table .fc-list-event.bg-light-subtle { color: #f3f6f9 !important; } -.fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-title>a { color: #f3f6f9 !important; } + .fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-dot { border-color: #f3f6f9; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-title { color: #212529 !important; } + .fc-timegrid-event-harness .fc-timegrid-event.bg-dark-subtle .fc-event-title { color: #212529 !important; } + .fc-list-table .fc-list-event.bg-dark-subtle { color: #212529 !important; } -.fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-title > a { + +.fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-title>a { color: #212529 !important; } + .fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-dot { border-color: #212529; } + .fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-title { color: var(--vz-dark-text-emphasis) !important; } + .fc-direction-ltr { direction: ltr; } -.fc-direction-ltr .fc-toolbar > * > :not(:first-child) { + +.fc-direction-ltr .fc-toolbar>*> :not(:first-child) { margin-left: 0.75em; } + .fg-emoji-picker { width: 250px !important; -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15) !important; @@ -10909,10 +12399,12 @@ button.gridjs-sort-desc { top: auto !important; bottom: 130px; } + .fg-emoji-picker * { font-family: var(--vz-font-sans-serif) !important; color: var(--vz-body-color) !important; } + @media (max-width: 991.98px) { .fg-emoji-picker { left: 14px !important; @@ -10920,53 +12412,68 @@ button.gridjs-sort-desc { bottom: 118px; } } + .fg-emoji-picker .fg-emoji-picker-container-title { color: #212529 !important; } + .fg-emoji-picker .fg-emoji-picker-search { height: 40px !important; } + .fg-emoji-picker .fg-emoji-picker-search input { background-color: var(--vz-input-bg-custom) !important; color: var(--vz-body-color) !important; padding: 0.5rem 0.9rem !important; font-size: 0.8125rem !important; } + .fg-emoji-picker .fg-emoji-picker-search input::-webkit-input-placeholder { color: var(--vz-secondary-color) !important; } + .fg-emoji-picker .fg-emoji-picker-search input::-moz-placeholder { color: var(--vz-secondary-color) !important; } + .fg-emoji-picker .fg-emoji-picker-search input:-ms-input-placeholder { color: var(--vz-secondary-color) !important; } + .fg-emoji-picker .fg-emoji-picker-search input::-ms-input-placeholder { color: var(--vz-secondary-color) !important; } + .fg-emoji-picker .fg-emoji-picker-search input::placeholder { color: var(--vz-secondary-color) !important; } + .fg-emoji-picker .fg-emoji-picker-search svg { fill: var(--vz-body-color) !important; right: 11px; top: 12px; } + .fg-emoji-picker .fg-emoji-picker-categories { background-color: #f3f6f9 !important; } + .fg-emoji-picker .fg-emoji-picker-categories li.active { background-color: rgba(var(--bs-primary-rgb), 0.2); } + .fg-emoji-picker .fg-emoji-picker-categories a:hover { background-color: rgba(var(--bs-primary-rgb), 0.2); } -.fg-emoji-picker-grid > li:hover { + +.fg-emoji-picker-grid>li:hover { background-color: rgba(var(--bs-primary-rgb), 0.2) !important; } + a.fg-emoji-picker-close-button { background-color: #e5ecf2 !important; } + table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; @@ -10974,11 +12481,12 @@ table.dataTable th.dataTables_empty { font-weight: 600; --vz-table-accent-bg: var(--vz-secondary-bg); } -table.dataTable > thead .sorting:before, -table.dataTable > thead .sorting_asc:before, -table.dataTable > thead .sorting_asc_disabled:before, -table.dataTable > thead .sorting_desc:before, -table.dataTable > thead .sorting_desc_disabled:before { + +table.dataTable>thead .sorting:before, +table.dataTable>thead .sorting_asc:before, +table.dataTable>thead .sorting_asc_disabled:before, +table.dataTable>thead .sorting_desc:before, +table.dataTable>thead .sorting_desc_disabled:before { content: "\f0360"; position: absolute; right: 0.5rem; @@ -10986,11 +12494,12 @@ table.dataTable > thead .sorting_desc_disabled:before { font-size: 0.8rem; font-family: "Material Design Icons"; } -table.dataTable > thead .sorting:after, -table.dataTable > thead .sorting_asc:after, -table.dataTable > thead .sorting_asc_disabled:after, -table.dataTable > thead .sorting_desc:after, -table.dataTable > thead .sorting_desc_disabled:after { + +table.dataTable>thead .sorting:after, +table.dataTable>thead .sorting_asc:after, +table.dataTable>thead .sorting_asc_disabled:after, +table.dataTable>thead .sorting_desc:after, +table.dataTable>thead .sorting_desc_disabled:after { content: "\f035d"; position: absolute; right: 0.5rem; @@ -10998,48 +12507,53 @@ table.dataTable > thead .sorting_desc_disabled:after { font-size: 0.8rem; font-family: "Material Design Icons"; } -table.dataTable > tbody > tr.child span.dtr-title { + +table.dataTable>tbody>tr.child span.dtr-title { font-weight: 600; min-width: 150px; } -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before { + +table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before, +table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before { background-color: #405189; border-color: var(--vz-secondary-bg); } -table.dataTable.dtr-inline.collapsed - > tbody - > tr.parent.parent - > th.dtr-control::before { + +table.dataTable.dtr-inline.collapsed>tbody>tr.parent.parent>th.dtr-control::before { background-color: #f06548; } -table.dataTable.dtr-inline.collapsed - > tbody - > tr.parent - > td.dtr-control::before { + +table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control::before { background-color: #f06548; } -table.dataTable > tbody > tr.child span.dtr-title { + +table.dataTable>tbody>tr.child span.dtr-title { min-width: 135px; } + .table-card .dataTables_filter, .table-card .dataTables_length { padding: 1rem 1rem; padding-bottom: 0; } + .table-card .dataTables_info, .table-card .dataTables_paginate { padding: 1rem 1rem; } + .table-card div.dataTables_wrapper .col-md-6 { width: 100%; } + .table-card div.dataTables_wrapper div.dataTables_filter input { width: calc(100% - 52px); } + .table-card div.dataTables_wrapper div.dataTables_filter label { display: block; } + div.dtr-modal div.dtr-modal-display { background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color); @@ -11047,17 +12561,21 @@ div.dtr-modal div.dtr-modal-display { box-shadow: none; height: 70%; } + div.dtr-modal div.dtr-modal-content { padding: 1.25rem; } + div.dtr-modal div.dtr-modal-content h2 { font-size: 1.015625rem; font-weight: 600; margin-bottom: 15px; } + div.dtr-modal div.dtr-modal-content .dtr-details tr td { padding: 0.75rem 0.6rem; } + div.dtr-modal div.dtr-modal-close { font-size: 24px; top: 9px; @@ -11068,19 +12586,23 @@ div.dtr-modal div.dtr-modal-close { background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color); } + div.dtr-modal div.dtr-modal-close:hover { background-color: var(--vz-light); } + .dt-buttons :is(button.dt-button, div.dt-button, a.dt-button, input.dt-button) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); } + :is(button, div, a, input):is(.dt-button:hover:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); } + :is(button, div, a, input):is(.dt-button.active:not(.disabled)), :is(button, div, a, input):is(.dt-button:active:not(.disabled)) { border-color: var(--vz-border-color); @@ -11089,6 +12611,7 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-box-shadow: none; box-shadow: none; } + :is(button, div, a, input):is(.dt-button:focus:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); @@ -11097,12 +12620,9 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-box-shadow: none; box-shadow: none; } -:is(button, div, a, input):is( - .dt-button.active:not(.disabled):hover:not(.disabled) - ), -:is(button, div, a, input):is( - .dt-button:active:not(.disabled):hover:not(.disabled) - ) { + +:is(button, div, a, input):is(.dt-button.active:not(.disabled):hover:not(.disabled)), +:is(button, div, a, input):is(.dt-button:active:not(.disabled):hover:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); @@ -11110,41 +12630,44 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-box-shadow: none; box-shadow: none; } + .select2.select2-container { width: 100% !important; } + .select2-container .select2-selection--single { border: var(--vz-border-width) solid var(--vz-input-border-custom); height: calc(1.5em + 1rem + calc(var(--vz-border-width) * 2)); background-color: var(--vz-input-bg-custom); outline: 0; } + .select2-container .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-left: 12px; color: var(--vz-body-color); } + .select2-container .select2-selection--single .select2-selection__arrow { height: 34px; width: 34px; right: 3px; } + .select2-container .select2-selection--single .select2-selection__arrow b { - border-color: var(--vz-input-border-custom) transparent transparent - transparent; + border-color: var(--vz-input-border-custom) transparent transparent transparent; border-width: 6px 6px 0 6px; } -.select2-container--open - .select2-selection--single - .select2-selection__arrow - b { - border-color: transparent transparent var(--vz-input-border-custom) - transparent !important; + +.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent var(--vz-input-border-custom) transparent !important; border-width: 0 6px 6px 6px !important; } + .select2-results__option { padding: 6px 12px; } + .select2-dropdown { border: var(--vz-dropdown-border-width) solid var(--vz-border-color); -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); @@ -11152,13 +12675,16 @@ div.dtr-modal div.dtr-modal-close:hover { background-color: var(--vz-secondary-bg); z-index: 1056; } + .select2-container--default .select2-results__option--selected { background-color: var(--vz-tertiary-bg); } + .select2-container--default .select2-search--dropdown { padding: 10px; background-color: var(--vz-secondary-bg); } + .select2-container--default .select2-search--dropdown .select2-search__field { outline: 0; border: 1px solid var(--vz-input-border-custom); @@ -11166,43 +12692,46 @@ div.dtr-modal div.dtr-modal-close:hover { color: var(--vz-body-color); border-radius: var(--vz-border-radius); } -.select2-container--default - .select2-results__option--highlighted[aria-selected] { + +.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #405189; } + .select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--vz-secondary-bg); color: var(--vz-dropdown-link-active-color); } -.select2-container--default - .select2-results__option[aria-selected="true"]:hover { + +.select2-container--default .select2-results__option[aria-selected="true"]:hover { background-color: #405189; color: #fff; } -.select2-container--default - .select2-selection--multiple - .select2-selection__choice__display { + +.select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 36px; padding-right: 5px; } -.select2-container--default - .select2-selection--single - .select2-selection__arrow { + +.select2-container--default .select2-selection--single .select2-selection__arrow { right: 1px; left: auto; } + .select2-container .select2-selection--multiple { min-height: calc(1.5em + 1rem + calc(var(--vz-border-width) * 2)); border: var(--vz-border-width) solid var(--vz-input-border-custom) !important; background-color: var(--vz-input-bg-custom); } + .select2-container .select2-selection--multiple .select2-selection__rendered { padding: 1px 4px; } + .select2-container .select2-selection--multiple .select2-search__field { border: 0; color: var(--vz-body-color); } + .select2-container .select2-selection--multiple .select2-selection__choice { background-color: #405189; border: none; @@ -11211,48 +12740,52 @@ div.dtr-modal div.dtr-modal-close:hover { padding: 3px; margin-top: 6px; } -.select2-container - .select2-selection--multiple - .select2-selection__choice__remove { + +.select2-container .select2-selection--multiple .select2-selection__choice__remove { color: #fff; margin-right: 7px; border-color: #536295; padding: 0 8px; top: 3px; } -.select2-container - .select2-selection--multiple - .select2-selection__choice__remove:hover { + +.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; background-color: #405189; } + .select2-container .select2-search--inline .select2-search__field { margin-top: 7px; height: 22px; font-family: var(--vz-font-sans-serif); } + .select2-container .select2-search textarea::-webkit-input-placeholder { color: var(--vz-secondary-color); } + .select2-container .select2-search textarea::-moz-placeholder { color: var(--vz-secondary-color); } + .select2-container .select2-search textarea:-ms-input-placeholder { color: var(--vz-secondary-color); } + .select2-container .select2-search textarea::-ms-input-placeholder { color: var(--vz-secondary-color); } + .select2-container .select2-search textarea::placeholder { color: var(--vz-secondary-color); } -.select2-container--default.select2-container--disabled - .select2-selection--multiple, -.select2-container--default.select2-container--disabled - .select2-selection--single { + +.select2-container--default.select2-container--disabled .select2-selection--multiple, +.select2-container--default.select2-container--disabled .select2-selection--single { background-color: var(--vz-tertiary-bg); cursor: default; } + .toastify { padding: 12px 16px; color: #fff; @@ -11272,9 +12805,11 @@ div.dtr-modal div.dtr-modal-close:hover { max-width: calc(50% - 20px); z-index: 2147483647; } + .toastify.on { opacity: 1; } + .toast-close { opacity: 0.4; padding: 0 5px; @@ -11285,32 +12820,40 @@ div.dtr-modal div.dtr-modal-close:hover { background: 0 0; color: #fff; } + .toastify-right { right: 15px; } + .toastify-left { left: 15px; } + .toastify-left .toast-close { left: -4px; margin-left: 0; margin-right: 4px; } + .toastify-top { top: -150px; } + .toastify-bottom { bottom: -150px; } + .toastify-rounded { border-radius: 25px; } + .toastify-avatar { width: 1.5em; height: 1.5em; margin: -7px 5px; border-radius: 2px; } + .toastify-center { margin-left: auto; margin-right: auto; @@ -11320,7 +12863,9 @@ div.dtr-modal div.dtr-modal-close:hover { max-width: fit-content; max-width: -moz-fit-content; } + @media only screen and (max-width: 360px) { + .toastify-left, .toastify-right { margin-left: auto; @@ -11332,17 +12877,21 @@ div.dtr-modal div.dtr-modal-close:hover { max-width: fit-content; } } + .choices { position: relative; margin-bottom: 24px; font-size: 16px; } + .choices:focus { outline: 0; } + .choices:last-child { margin-bottom: 0; } + .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: rgba(var(--vz-light-rgb), 0.75); @@ -11352,18 +12901,23 @@ div.dtr-modal div.dtr-modal-close:hover { -ms-user-select: none; user-select: none; } + .choices.is-disabled .choices__item { cursor: not-allowed; } + .choices [hidden] { display: none !important; } + .choices[data-type*="select-one"] { cursor: pointer; } + .choices[data-type*="select-one"] .choices__inner { padding-bottom: 0.25rem; } + .choices[data-type*="select-one"] .choices__input { display: block; width: 100%; @@ -11375,6 +12929,7 @@ div.dtr-modal div.dtr-modal-close:hover { color: var(--vz-body-color); margin-bottom: 10px; } + .choices[data-type*="select-one"] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; @@ -11391,19 +12946,21 @@ div.dtr-modal div.dtr-modal-close:hover { border-radius: 10em; opacity: 0.5; } + .choices[data-type*="select-one"] .choices__button:focus, .choices[data-type*="select-one"] .choices__button:hover { opacity: 1; } + .choices[data-type*="select-one"] .choices__button:focus { -webkit-box-shadow: 0 0 0 2px #00bcd4; box-shadow: 0 0 0 2px #00bcd4; } -.choices[data-type*="select-one"] - .choices__item[data-value=""] - .choices__button { + +.choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button { display: none; } + .choices[data-type*="select-one"]:after { content: "\f0140"; position: absolute; @@ -11420,16 +12977,19 @@ div.dtr-modal div.dtr-modal-close:hover { transform: translateY(-50%); pointer-events: none; } + .choices[data-type*="select-one"].is-open:after { margin-top: 0; -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } + .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner { cursor: text; padding-right: 0.9rem; } + .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button { position: relative; @@ -11448,27 +13008,33 @@ div.dtr-modal div.dtr-modal-close:hover { opacity: 0.75; border-radius: 0; } + .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover { opacity: 1; } + .choices[data-type*="select-multiple"] .choices__list--dropdown, .choices[data-type*="text"] .choices__list--dropdown { padding-bottom: 10px; } + .choices[data-type*="select-multiple"] .choices__list--dropdown .choices__list, .choices[data-type*="text"] .choices__list--dropdown .choices__list { margin-bottom: 0; } + .choices[data-type*="select-multiple"] .choices__input { padding-top: 3px; } + .input-light .choices__inner { background-color: var(--vz-light); border: none; } + .choices__inner { display: inline-block; vertical-align: middle; @@ -11481,26 +13047,32 @@ div.dtr-modal div.dtr-modal-close:hover { min-height: 37.5px; overflow: hidden; } + .is-focused .choices__inner, .is-open .choices__inner { border-color: var(--vz-primary-border-subtle); } + .choices__list { margin: 0; padding-left: 0; list-style: none; } + .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } + .choices__list--single .choices__item { width: 100%; } + .choices__list--multiple { display: inline; } + .choices__list--multiple .choices__item { display: inline-block; vertical-align: initial; @@ -11520,17 +13092,21 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-box-shadow: none; box-shadow: none; } + .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } + .choices__list--multiple .choices__item.is-highlighted { background-color: #405189; border: 1px solid #405189; } + .is-disabled .choices__list--multiple .choices__item { background-color: #3577f1; border: 1px solid #3577f1; } + .choices__list--dropdown { visibility: hidden; z-index: 1; @@ -11555,27 +13131,34 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-transform: translateY(1px); transform: translateY(1px); } + .choices__list--dropdown.is-active { visibility: visible; -webkit-animation-name: DropDownSlide; animation-name: DropDownSlide; } + .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--vz-tertiary-bg); } + .choices__list--dropdown .choices__list { margin: 0 -16px -16px; } + .choices__list--dropdown .has-no-results { font-style: italic; font-weight: 500; } + .choices__list--dropdown .choices__item--selectable:after { display: none; } + .is-open .choices__list--dropdown { border-color: var(--vz-border-color); } + .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; @@ -11583,12 +13166,14 @@ div.dtr-modal div.dtr-modal-close:hover { margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } + .is-flipped .choices__list--dropdown.is-active { -webkit-animation-name: DropDownSlideDown; animation-name: DropDownSlideDown; -webkit-transform: translateY(-1px); transform: translateY(-1px); } + .choices__list--dropdown .choices__list { position: relative; max-height: 300px; @@ -11596,11 +13181,13 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-overflow-scrolling: touch; will-change: scroll-position; } + .choices__list--dropdown .choices__item { position: relative; font-size: 0.8125rem; padding: 0.35rem 1.2rem 0.35rem 16px; } + @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); @@ -11612,16 +13199,20 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } } + .choices__item { cursor: default; } + .choices__item--selectable { cursor: pointer; } + .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; @@ -11630,6 +13221,7 @@ div.dtr-modal div.dtr-modal-close:hover { user-select: none; opacity: 0.5; } + .choices__heading { font-weight: 600; font-size: 12px; @@ -11637,6 +13229,7 @@ div.dtr-modal div.dtr-modal-close:hover { border-bottom: 1px solid var(--vz-border-color); color: var(--vz-secondary-color); } + .choices__button { text-indent: -9999px; -webkit-appearance: none; @@ -11648,9 +13241,11 @@ div.dtr-modal div.dtr-modal-close:hover { background-position: center; cursor: pointer; } + .choices__button:focus { outline: 0; } + .choices__input { display: inline-block; vertical-align: baseline; @@ -11663,32 +13258,41 @@ div.dtr-modal div.dtr-modal-close:hover { max-width: 100%; padding: 2px 0 2px 2px; } + .choices__input:focus { outline: 0; } + .choices__input::-webkit-input-placeholder { color: var(--vz-secondary-color); } + .choices__input::-moz-placeholder { color: var(--vz-secondary-color); } + .choices__input:-ms-input-placeholder { color: var(--vz-secondary-color); } + .choices__input::-ms-input-placeholder { color: var(--vz-secondary-color); } + .choices__input::placeholder { color: var(--vz-secondary-color); } + .choices__placeholder { color: var(--vz-secondary-color); opacity: 1; } + [data-bs-theme="dark"] .choices[data-type*="select-one"] .choices__button { -webkit-filter: invert(1) grayscale(100%) brightness(200%); filter: invert(1) grayscale(100%) brightness(200%); } + .flatpickr-calendar { background: 0 0; opacity: 0; @@ -11717,20 +13321,24 @@ div.dtr-modal div.dtr-modal-close:hover { 0 1px 0 var(--vz-border-color), 0 -1px 0 var(--vz-border-color), 0 3px 13px rgba(0, 0, 0, 0.08); } + .flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible; } + .flatpickr-calendar.open { display: inline-block; z-index: 1056; } + .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1); } + .flatpickr-calendar.inline { display: block; position: relative; @@ -11739,71 +13347,75 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-box-shadow: none; box-shadow: none; } + .flatpickr-calendar.inline .flatpickr-rContainer { display: block; width: 100%; } + .flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days { width: 100%; border: var(--vz-border-width) solid var(--vz-input-border-custom); border-top: none; border-radius: 0 0 5px 5px; } + .flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer { width: 100%; min-width: 100%; max-width: 100%; } -.flatpickr-calendar.inline - .flatpickr-rContainer - .flatpickr-days - .dayContainer - .flatpickr-day { + +.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day { max-width: 100%; border-radius: 4px; } + .flatpickr-calendar.inline .flatpickr-time { border: var(--vz-border-width) solid var(--vz-input-border-custom) !important; border-radius: var(--vz-border-radius); } + .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } + .flatpickr-calendar.static.open { z-index: 999; display: block; } -.flatpickr-calendar.multiMonth - .flatpickr-days - .dayContainer:nth-child(n + 1) - .flatpickr-day.inRange:nth-child(7n + 7) { + +.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) { -webkit-box-shadow: none !important; box-shadow: none !important; } -.flatpickr-calendar.multiMonth - .flatpickr-days - .dayContainer:nth-child(n + 2) - .flatpickr-day.inRange:nth-child(7n + 1) { + +.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } + .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } + .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid var(--vz-border-color); } + .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } + .flatpickr-calendar::after, .flatpickr-calendar::before { position: absolute; @@ -11815,6 +13427,7 @@ div.dtr-modal div.dtr-modal-close:hover { width: 0; left: 22px; } + .flatpickr-calendar.arrowRight::after, .flatpickr-calendar.arrowRight::before, .flatpickr-calendar.rightMost::after, @@ -11822,46 +13435,58 @@ div.dtr-modal div.dtr-modal-close:hover { left: auto; right: 22px; } + .flatpickr-calendar.arrowCenter::after, .flatpickr-calendar.arrowCenter::before { left: 50%; right: 50%; } + .flatpickr-calendar::before { border-width: 5px; margin: 0 -5px; } + .flatpickr-calendar::after { border-width: 4px; margin: 0 -4px; } + .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowTop::before { bottom: 100%; } + .flatpickr-calendar.arrowTop::before { border-bottom-color: #405189; } + .flatpickr-calendar.arrowTop::after { border-bottom-color: #405189; } + .flatpickr-calendar.arrowBottom::after, .flatpickr-calendar.arrowBottom::before { top: 100%; } + .flatpickr-calendar.arrowBottom::before { border-top-color: #405189; } + .flatpickr-calendar.arrowBottom::after { border-top-color: #405189; } + .flatpickr-calendar:focus { outline: 0; } + .flatpickr-wrapper { position: relative; display: inline-block; } + .flatpickr-months { display: -webkit-box; display: -ms-flexbox; @@ -11869,6 +13494,7 @@ div.dtr-modal div.dtr-modal-close:hover { background-color: #405189; border-radius: 5px 5px 0 0; } + .flatpickr-months .flatpickr-month { background: 0 0; color: rgba(255, 255, 255, 0.9); @@ -11886,6 +13512,7 @@ div.dtr-modal div.dtr-modal-close:hover { -ms-flex: 1; flex: 1; } + .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { text-decoration: none; @@ -11898,60 +13525,74 @@ div.dtr-modal div.dtr-modal-close:hover { color: rgba(255, 255, 255, 0.9); fill: rgba(255, 255, 255, 0.9); } + .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: none; } + .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative; } + .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0; } + .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0; } + .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: #959ea9; } + .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: rgba(255, 255, 255, 0.9); } + .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 14px; height: 14px; } + .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } + .numInputWrapper { position: relative; height: auto; } + .numInputWrapper input, .numInputWrapper span { display: inline-block; } + .numInputWrapper input { width: 100%; } + .numInputWrapper input::-ms-clear { display: none; } + .numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } + .numInputWrapper span { position: absolute; right: 0; @@ -11965,49 +13606,61 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-box-sizing: border-box; box-sizing: border-box; } + .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } + .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } + .numInputWrapper span:after { display: block; content: ""; position: absolute; } + .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } + .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } + .numInputWrapper span.arrowDown { top: 50%; } + .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } + .numInputWrapper span svg { width: inherit; height: auto; } + .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } + .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } + .numInputWrapper:hover span { opacity: 1; } + .flatpickr-current-month { font-size: 100%; line-height: inherit; @@ -12024,6 +13677,7 @@ div.dtr-modal div.dtr-modal-close:hover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; @@ -12032,19 +13686,24 @@ div.dtr-modal div.dtr-modal-close:hover { margin-left: 0.5ch; padding: 0; } + .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } + .flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; } + .flatpickr-current-month span.arrowUp::after { border-bottom-color: rgba(0, 0, 0, 0.9); } + .flatpickr-current-month span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } + .flatpickr-current-month input.cur-year { background: 0 0; -webkit-box-sizing: border-box; @@ -12066,9 +13725,11 @@ div.dtr-modal div.dtr-modal-close:hover { -moz-appearance: textfield; appearance: textfield; } + .flatpickr-current-month input.cur-year:focus { outline: 0; } + .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; @@ -12076,6 +13737,7 @@ div.dtr-modal div.dtr-modal-close:hover { background: 0 0; pointer-events: none; } + .flatpickr-current-month .flatpickr-monthDropdown-months { -webkit-appearance: menulist; -moz-appearance: menulist; @@ -12099,21 +13761,23 @@ div.dtr-modal div.dtr-modal-close:hover { vertical-align: initial; width: auto; } + .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus { outline: 0; } + .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background-color: transparent; } -.flatpickr-current-month - .flatpickr-monthDropdown-months - .flatpickr-monthDropdown-month { + +.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: 0; padding: 0; color: rgba(0, 0, 0, 0.8); } + .flatpickr-weekdays { background-color: #405189; text-align: center; @@ -12128,6 +13792,7 @@ div.dtr-modal div.dtr-modal-close:hover { height: 36px; border-bottom: 1px solid var(--vz-border-color); } + .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -ms-flexbox; @@ -12136,6 +13801,7 @@ div.dtr-modal div.dtr-modal-close:hover { -ms-flex: 1; flex: 1; } + span.flatpickr-weekday { cursor: default; font-size: 90%; @@ -12150,10 +13816,12 @@ span.flatpickr-weekday { flex: 1; font-weight: 500; } + .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } + .flatpickr-days { position: relative; overflow: hidden; @@ -12165,9 +13833,11 @@ span.flatpickr-weekday { align-items: flex-start; width: 307.875px; } + .flatpickr-days:focus { outline: 0; } + .dayContainer { padding: 0; outline: 0; @@ -12189,10 +13859,12 @@ span.flatpickr-weekday { transform: translate3d(0, 0, 0); opacity: 1; } -.dayContainer + .dayContainer { + +.dayContainer+.dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } + .flatpickr-day { background: 0 0; border: 1px solid transparent; @@ -12216,10 +13888,12 @@ span.flatpickr-weekday { justify-content: center; text-align: center; } + .flatpickr-day:focus, .flatpickr-day:hover { background-color: rgba(var(--vz-light-rgb), 0.7); } + .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, @@ -12237,18 +13911,21 @@ span.flatpickr-weekday { background-color: var(--vz-light); border-color: var(--vz-light); } + .flatpickr-day.today { border-color: #405189; background-color: rgba(64, 81, 137, 0.1); -webkit-box-shadow: none; box-shadow: none; } + .flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: #405189; background-color: rgba(64, 81, 137, 0.15); color: var(--vz-body-color); } + .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, @@ -12273,32 +13950,38 @@ span.flatpickr-weekday { color: #fff; border-color: #405189; } + .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0 0 50px; } -.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)), -.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), -.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) { + +.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n + 1)), +.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n + 1)), +.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n + 1)) { -webkit-box-shadow: -10px 0 0 #405189; box-shadow: -10px 0 0 #405189; } + .flatpickr-day.endRange.startRange .endRange, .flatpickr-day.selected.startRange .endRange, .flatpickr-day.startRange.startRange .endRange { border-radius: 50px; } + .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0 50px 50px 0; } + .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 var(--vz-light), 5px 0 0 var(--vz-light); box-shadow: -5px 0 0 var(--vz-light), 5px 0 0 var(--vz-light); } + .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, @@ -12311,35 +13994,43 @@ span.flatpickr-weekday { border-color: transparent; cursor: default; } + .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(var(--vz-body-color-rgb), 0.3); } + .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #405189, 5px 0 0 #405189; box-shadow: -5px 0 0 #405189, 5px 0 0 #405189; } + .flatpickr-day.hidden { visibility: hidden; } + .rangeMode .flatpickr-day { margin-top: 1px; } + .flatpickr-weekwrapper { float: left; } + .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 var(--vz-border-color); box-shadow: 1px 0 0 var(--vz-border-color); } + .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 35px; } + .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; @@ -12350,6 +14041,7 @@ span.flatpickr-weekday { cursor: default; border: none; } + .flatpickr-innerContainer { display: block; display: -webkit-box; @@ -12359,12 +14051,14 @@ span.flatpickr-weekday { box-sizing: border-box; overflow: hidden; } + .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } + .flatpickr-time { text-align: center; outline: 0; @@ -12379,11 +14073,13 @@ span.flatpickr-weekday { display: -ms-flexbox; display: flex; } + .flatpickr-time:after { content: ""; display: table; clear: both; } + .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -ms-flex: 1; @@ -12392,16 +14088,20 @@ span.flatpickr-weekday { height: 40px; float: left; } + .flatpickr-time .numInputWrapper span.arrowDown:after, .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: var(--vz-border-color); } + .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } + .flatpickr-time.time24hr .numInputWrapper { width: 49%; } + .flatpickr-time input { background: 0 0; -webkit-box-shadow: none; @@ -12422,17 +14122,21 @@ span.flatpickr-weekday { -moz-appearance: textfield; appearance: textfield; } + .flatpickr-time input.flatpickr-hour { font-weight: 700; } + .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } + .flatpickr-time input:focus { outline: 0; border: 0; } + .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; @@ -12448,6 +14152,7 @@ span.flatpickr-weekday { -ms-flex-item-align: center; align-self: center; } + .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; @@ -12455,12 +14160,14 @@ span.flatpickr-weekday { text-align: center; font-weight: 400; } + .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: rgba(64, 81, 137, 0.04); } + .flatpickr-am-pm:focus, .flatpickr-am-pm:hover, .numInput:focus, @@ -12469,69 +14176,80 @@ span.flatpickr-weekday { .numInputWrapper:hover { background-color: transparent; } + .flatpickr-input[readonly] { cursor: pointer; background-color: var(--vz-input-bg-custom); } + [data-inline-date="true"], [data-time-inline] { display: none; } + @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } + to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } + to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + [datepicker-inline], [timepicker-inline] { display: none; } + [data-input-flag] { position: relative; } + [data-input-flag] .dropdown-menu .dropdown-menu-list { max-height: 158px; overflow-y: auto; } + [data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar { -webkit-appearance: none; } -[data-input-flag] - .dropdown-menu - .dropdown-menu-list::-webkit-scrollbar:vertical { + +[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar:vertical { width: 8px; } -[data-input-flag] - .dropdown-menu - .dropdown-menu-list::-webkit-scrollbar:horizontal { + +[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar:horizontal { height: 10px; } + [data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb), 0.075); border-radius: 8px; } + [data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar-track { border-radius: 8px; } + [data-option-flag-img-name] .flag-input { padding-left: 45px; background-image: url(../images/flags/us.svg); @@ -12539,6 +14257,7 @@ span.flatpickr-weekday { background-position: 14px 8px; background-size: 18px; } + [data-option-flag-img-name]::before, [data-option-flag-name]::before { content: "\f0140"; @@ -12548,23 +14267,28 @@ span.flatpickr-weekday { top: 0.5rem; font-size: 16px; } + [data-option-countrycode="false"] .country-codeno { display: none; } + [data-search-input="false"] .searchlist-input { display: none; } + .auth-page-wrapper .auth-page-content { padding-bottom: 60px; position: relative; z-index: 2; width: 100%; } + .auth-page-wrapper .footer { left: 0; background-color: transparent; color: var(--vz-body-color); } + .auth-one-bg-position { position: absolute; top: 0; @@ -12573,27 +14297,29 @@ span.flatpickr-weekday { width: 100%; height: 380px; } + @media (max-width: 575.98px) { .auth-one-bg-position { height: 280px; } } + .auth-one-bg { background-image: url(../images/auth-one-bg.jpg); background-position: center; background-size: cover; } + .auth-one-bg .bg-overlay { - background: -webkit-gradient( - linear, - left top, - right top, - from(#364574), - to(#405189) - ); + background: -webkit-gradient(linear, + left top, + right top, + from(#364574), + to(#405189)); background: linear-gradient(to right, #364574, #405189); opacity: 0.9; } + .shape { position: absolute; bottom: 0; @@ -12602,20 +14328,25 @@ span.flatpickr-weekday { z-index: 1; pointer-events: none; } -.shape > svg { + +.shape>svg { width: 100%; height: auto; fill: var(--vz-body-bg); } -.auth-pass-inputgroup input[type="text"] + .btn .ri-eye-fill:before { + +.auth-pass-inputgroup input[type="text"]+.btn .ri-eye-fill:before { content: "\ecb6"; } + .particles-js-canvas-el { position: relative; } + .signin-other-title { position: relative; } + .signin-other-title:after { content: ""; position: absolute; @@ -12626,6 +14357,7 @@ span.flatpickr-weekday { border-top: 1px dashed var(--vz-border-color); top: 10px; } + .signin-other-title .title { display: inline-block; position: relative; @@ -12633,52 +14365,65 @@ span.flatpickr-weekday { background-color: var(--vz-secondary-bg); padding: 2px 16px; } + .auth-bg-cover { background: linear-gradient(-45deg, #405189 50%, #0ab39c); } -.auth-bg-cover > .bg-overlay { + +.auth-bg-cover>.bg-overlay { background-image: url(../images/cover-pattern.png); background-position: center; background-size: cover; opacity: 1; background-color: transparent; } + .auth-bg-cover .footer { color: rgba(255, 255, 255, 0.5); } + #password-contain { display: none; } + #password-contain p { padding-left: 13px; } + #password-contain p.valid { color: #0ab39c; } + #password-contain p.valid::before { position: relative; left: -8px; content: "✔"; } + #password-contain p.invalid { color: #f06548; } + #password-contain p.invalid::before { position: relative; left: -8px; content: "✖"; } + .dash-filter-picker { min-width: 210px !important; } + .upcoming-scheduled { position: relative; } + @media (max-width: 575.98px) { .upcoming-scheduled { top: 35px !important; } } + .upcoming-scheduled .flatpickr-months { position: absolute !important; top: -45px !important; @@ -12687,119 +14432,143 @@ span.flatpickr-weekday { width: 200px; background-color: transparent; } + .upcoming-scheduled .flatpickr-months .flatpickr-month { color: #878a99 !important; fill: #878a99 !important; } + .upcoming-scheduled .flatpickr-months .flatpickr-next-month, .upcoming-scheduled .flatpickr-months .flatpickr-prev-month { display: none; } + .upcoming-scheduled .flatpickr-calendar { -webkit-box-shadow: none !important; box-shadow: none !important; } + .upcoming-scheduled .flatpickr-calendar .flatpickr-current-month { font-size: 13px; width: 100%; left: 0; } + .upcoming-scheduled .flatpickr-calendar .flatpickr-monthDropdown-months { border: 1px solid var(--vz-border-color); border-radius: 4px; height: 26px; } + .upcoming-scheduled .flatpickr-calendar .flatpickr-weekdays { background-color: var(--vz-light); border: none; } -.upcoming-scheduled - .flatpickr-calendar - .flatpickr-weekdays - span.flatpickr-weekday { + +.upcoming-scheduled .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday { color: var(--vz-body-color); background-color: var(--vz-light); } + .upcoming-scheduled .flatpickr-calendar .flatpickr-day.today { color: #fff !important; background-color: #0ab39c; border-color: #0ab39c !important; } + .upcoming-scheduled .flatpickr-calendar .flatpickr-day.today:hover { color: #0ab39c !important; background-color: rgba(10, 179, 156, 0.2) !important; } + .upcoming-scheduled .flatpickr-calendar .flatpickr-day.selected { background-color: #0ab39c !important; border-color: #0ab39c !important; color: #fff; } + .upcoming-scheduled .flatpickr-calendar .numInputWrapper { width: 7.5ch; margin-left: 10px; } + .upcoming-scheduled .flatpickr-days { border: none !important; } + .crm-widget .col { border-right: 1px solid var(--vz-border-color); } + .crm-widget .col:last-child { border: 0; } + @media (min-width: 768px) and (max-width: 1399.98px) { .crm-widget .col:nth-child(3) { border-right: 0; } + .crm-widget .col:last-child { border-right: 1px solid var(--vz-border-color); } } + @media (max-width: 767.98px) { .crm-widget .col { border-right: 0; border-bottom: 1px solid var(--vz-border-color); } } + @media (min-width: 1400px) and (max-width: 1599.98px) { + .project-wrapper .col-xxl-4, - .project-wrapper > .col-xxl-8 { + .project-wrapper>.col-xxl-8 { width: 100%; } } + .crypto-widget { max-width: 130px !important; } + .bg-marketplace { background-image: url(../images/nft/marketplace.png); background-size: cover; } + .dash-countdown .countdownlist .count-num { background-color: var(--vz-secondary-bg); padding: 16px 8px; font-size: 22px; } + @media (max-width: 575.98px) { .dash-countdown .countdownlist .count-num { font-size: 16px; padding: 8px 6px; } } + @media (max-width: 575.98px) { .dash-countdown .countdownlist .count-title { font-size: 10px; } } + [data-layout-width="boxed"] .dash-countdown .countdownlist { -ms-flex-wrap: wrap; flex-wrap: wrap; } + .marketplace-icon { position: absolute; float: right; top: 30px; left: 30px; } + .marketplace-swiper .swiper-button-next, .marketplace-swiper .swiper-button-prev { top: 34px; @@ -12810,37 +14579,45 @@ span.flatpickr-weekday { border-radius: 0.3rem; right: 16px !important; } + .marketplace-swiper .swiper-button-prev { right: 58px !important; left: auto !important; } + .dash-collection .content { background-color: rgba(255, 255, 255, 0.25); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } + @media (max-width: 1441.98px) { + .dash-nft .col-xxl-3, .dash-nft .col-xxl-9 { width: 100% !important; max-width: 100% !important; } } + .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { width: 32px; height: 32px; display: inline-block; vertical-align: middle; } + #portfolio_donut_charts .apexcharts-pie text { fill: var(--vz-body-color); } + .timeline { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; } + .timeline::after { content: ""; position: absolute; @@ -12851,12 +14628,14 @@ span.flatpickr-weekday { left: 50%; margin-left: -1.5px; } + .timeline-item { padding: 30px 60px; position: relative; background: inherit; width: 50%; } + .timeline-item .icon { position: absolute; display: -webkit-inline-box; @@ -12880,6 +14659,7 @@ span.flatpickr-weekday { color: #0ab39c; z-index: 1; } + .timeline-item .date { position: absolute; display: inline-block; @@ -12889,6 +14669,7 @@ span.flatpickr-weekday { font-weight: 500; font-style: italic; } + .timeline-item .content { padding: 20px; background: var(--vz-secondary-bg); @@ -12898,41 +14679,51 @@ span.flatpickr-weekday { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } + .timeline-item.left { left: 0; } + .timeline-item.left .date { left: calc(100% + 48px); text-align: start; } + .timeline-item.right { left: 50%; } + .timeline-item.right .icon { left: -30px; } + .timeline-item.right .date { right: calc(100% + 48px); text-align: end; } + .timeline-item.right::before { left: 28px; border-color: transparent transparent transparent #fff; } + @media (max-width: 991.98px) { .timeline::after { left: 24px; bottom: 180px; } + .timeline-item { width: 100%; padding-left: 48px; padding-right: 0; } + .timeline-item.left, .timeline-item.right { left: 0; } + .timeline-item.left .icon, .timeline-item.right .icon { width: 45px; @@ -12941,11 +14732,13 @@ span.flatpickr-weekday { font-size: 18px; left: 0; } + .timeline-item.left::before, .timeline-item.right::before { left: 110px; border-color: transparent transparent transparent var(--vz-border-color); } + .timeline-item.left .date, .timeline-item.right .date { right: auto; @@ -12955,9 +14748,11 @@ span.flatpickr-weekday { text-align: left; } } + .timeline-2 { position: relative; } + .timeline-2::after { position: absolute; content: ""; @@ -12968,12 +14763,14 @@ span.flatpickr-weekday { margin-left: -1px; background: var(--vz-secondary-bg); } + .timeline-2 .timeline-year { position: relative; width: 100%; text-align: left; z-index: 1; } + .timeline-2 .timeline-year p { display: -webkit-inline-box; display: -ms-inline-flexbox; @@ -12993,6 +14790,7 @@ span.flatpickr-weekday { justify-content: center; text-align: center; } + .timeline-2 .timeline-year p span { display: -webkit-box; -webkit-line-clamp: 2; @@ -13000,12 +14798,14 @@ span.flatpickr-weekday { overflow: hidden; text-overflow: ellipsis; } + .timeline-2 .timeline-date { font-size: 14px; font-weight: 500; margin: 24px 0 0 0; margin-left: 55px; } + .timeline-2 .timeline-date::after { content: ""; display: block; @@ -13022,6 +14822,7 @@ span.flatpickr-weekday { border-radius: 50px; z-index: 1; } + .timeline-2 .timeline-box { position: relative; display: inline-block; @@ -13032,11 +14833,13 @@ span.flatpickr-weekday { background: var(--vz-secondary-bg); max-width: 695px; } + @media (max-width: 991.98px) { .timeline-2 .timeline-box { margin-right: 0; } } + .timeline-2 .timeline-box::after { content: ""; display: block; @@ -13049,6 +14852,7 @@ span.flatpickr-weekday { border-color: transparent var(--vz-secondary-bg) transparent transparent; border-width: 10px; } + .timeline-2 .timeline-box::before { content: ""; display: block; @@ -13061,10 +14865,12 @@ span.flatpickr-weekday { border-color: transparent var(--vz-border-color) transparent transparent; border-width: 12px; } + .timeline-2 .timeline-box .timeline-text { position: relative; float: left; } + .timeline-2 .timeline-launch { position: relative; display: inline-block; @@ -13078,15 +14884,18 @@ span.flatpickr-weekday { text-align: left; background: 0 0; } + .timeline-2 .timeline-launch .timeline-box { margin-left: 0; } + .timeline-2 .timeline-launch .timeline-box::after { left: 30px; margin-left: 0; top: -20px; border-color: transparent transparent var(--vz-border-color) transparent; } + .timeline-2 .timeline-launch .timeline-box::before { left: 30px; margin-left: 0; @@ -13095,11 +14904,13 @@ span.flatpickr-weekday { border-width: 10px; z-index: 1; } + .horizontal-timeline { position: relative; width: 100%; margin: 0 auto; } + .horizontal-timeline::before { content: ""; position: absolute; @@ -13109,12 +14920,14 @@ span.flatpickr-weekday { height: 2px; background-color: var(--vz-secondary-bg); } + .horizontal-timeline .swiper-slide .item-box { margin: 227px 0 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } + .horizontal-timeline .swiper-slide .item-box::after { content: ""; position: absolute; @@ -13128,6 +14941,7 @@ span.flatpickr-weekday { border-radius: 50px; border: 3px solid var(--vz-secondary-bg); } + .horizontal-timeline .swiper-slide .timeline-content { min-height: 110px; display: -webkit-box; @@ -13142,6 +14956,7 @@ span.flatpickr-weekday { position: relative; background-color: var(--vz-secondary-bg); } + .horizontal-timeline .swiper-slide .timeline-content::before { content: ""; display: block; @@ -13156,6 +14971,7 @@ span.flatpickr-weekday { right: 0; margin: 0 auto; } + .horizontal-timeline .swiper-slide .time { position: absolute; top: -86px; @@ -13163,24 +14979,29 @@ span.flatpickr-weekday { left: 0; margin: 0 auto; } + .horizontal-timeline .swiper-slide:nth-child(even) { margin-top: 5px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } + .horizontal-timeline .swiper-slide:nth-child(even) .timeline-content { -webkit-transform: rotate(180deg); transform: rotate(180deg); } + .horizontal-timeline .swiper-slide:nth-child(even) .timeline-content::before { bottom: -23px; top: auto; border-color: var(--vz-secondary-bg) transparent transparent transparent; } + .horizontal-timeline .swiper-slide:nth-child(even) .time { -webkit-transform: rotate(180deg); transform: rotate(180deg); } + .horizontal-timeline .swiper-button-next, .horizontal-timeline .swiper-button-prev { height: 40px; @@ -13189,11 +15010,13 @@ span.flatpickr-weekday { border-radius: 50%; background-color: #445692; } + .horizontal-timeline .swiper-button-next::after, .horizontal-timeline .swiper-button-prev::after { font-size: 24px; color: #fff; } + .horizontal-timeline .swiper-button-next.swiper-button-disabled, .horizontal-timeline .swiper-button-prev.swiper-button-disabled { background-color: rgba(64, 81, 137, 0.5); @@ -13203,36 +15026,45 @@ span.flatpickr-weekday { backdrop-filter: blur(25px); pointer-events: none; } + .horizontal-timeline .swiper-button-next { right: 0; } + .horizontal-timeline .swiper-button-next::after { content: "\ea6e"; font-family: remixicon; } + .horizontal-timeline .swiper-button-prev { left: 0; } + .horizontal-timeline .swiper-button-prev::after { content: "\ea64"; font-family: remixicon; } + .acitivity-timeline { position: relative; overflow: hidden; } + .acitivity-timeline .acitivity-item { position: relative; } + .acitivity-timeline .acitivity-item .flex-shrink-0 { z-index: 2; } + .acitivity-timeline .acitivity-item .acitivity-avatar { background-color: var(--vz-secondary-bg); border: 3px solid var(--vz-secondary-bg); height: 32px; width: 32px; } + .acitivity-timeline .acitivity-item:before { content: ""; position: absolute; @@ -13242,13 +15074,16 @@ span.flatpickr-weekday { top: 5px; z-index: 0; } + .acitivity-timeline .acitivity-item:last-child::before { border-color: transparent; } + .categories-filter .list-inline-item { position: relative; margin-right: 0; } + .categories-filter .list-inline-item a { display: block; color: var(--vz-body-color); @@ -13257,6 +15092,7 @@ span.flatpickr-weekday { margin: 5px; cursor: pointer; } + .gallery-box { position: relative; overflow: hidden; @@ -13267,6 +15103,7 @@ span.flatpickr-weekday { background-color: transparent; padding: 8px; } + .gallery-box::before { content: ""; position: absolute; @@ -13279,14 +15116,17 @@ span.flatpickr-weekday { -webkit-transition: all 0.4s; transition: all 0.4s; } + .gallery-box .gallery-container { position: relative; overflow: hidden; border-radius: 4px; } + .gallery-box .gallery-container a { display: block; } + .gallery-box .gallery-container .gallery-overlay { position: absolute; top: 0; @@ -13294,20 +15134,16 @@ span.flatpickr-weekday { bottom: 0; right: 0; opacity: 0; - background: -webkit-gradient( - linear, - left top, - left bottom, - color-stop(10%, rgba(0, 0, 0, 0)), - color-stop(60%, rgba(0, 0, 0, 0)), - to(rgba(0, 0, 0, 0.5)) - ); - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0) 10%, - rgba(0, 0, 0, 0) 60%, - rgba(0, 0, 0, 0.5) 100% - ); + background: -webkit-gradient(linear, + left top, + left bottom, + color-stop(10%, rgba(0, 0, 0, 0)), + color-stop(60%, rgba(0, 0, 0, 0)), + to(rgba(0, 0, 0, 0.5))); + background: linear-gradient(180deg, + rgba(0, 0, 0, 0) 10%, + rgba(0, 0, 0, 0) 60%, + rgba(0, 0, 0, 0.5) 100%); visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease-in-out 0s; @@ -13321,51 +15157,64 @@ span.flatpickr-weekday { align-items: flex-end; padding: 16px; } + .gallery-box .gallery-container .gallery-overlay .overlay-caption { color: #fff; margin: 0; font-size: 16px; } + .gallery-box .gallery-img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } + .gallery-box .box-content { position: relative; } + .gallery-box .box-content .title { font-size: 14px; margin-bottom: 4px; display: none; } + .gallery-box .box-content .post { margin: 0; -webkit-transition: all 0.2s; transition: all 0.2s; color: var(--vz-secondary-color); } + .gallery-box:hover::before { height: 100%; } + .gallery-box:hover .box-content { bottom: 0; } + .gallery-box:hover .box-content .post { opacity: 1; } + .gallery-box:hover .gallery-overlay { opacity: 1; visibility: visible; } + .gallery-light .gallery-box::before { background-color: var(--vz-light); } + .error-basic-img { max-width: 450px; } + .error-500 .title { font-size: 250px; } + .error-500 .error-500-img { position: absolute; top: 57px; @@ -13373,97 +15222,119 @@ span.flatpickr-weekday { right: 0; margin: 0 auto; } + @media (min-width: 768px) and (max-width: 991.98px) { .error-500 .title { font-size: 150px; } + .error-500 .error-500-img { width: 20% !important; top: 43px; } } + @media (max-width: 767.98px) { .error-500 .title { font-size: 68px; margin-top: 35px; } + .error-500 .error-500-img { position: relative; top: 0; } } + @-webkit-keyframes errorAnimation { 0% { -webkit-transform: translateX(0); transform: translateX(0); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0); transform: translateX(0); } } + @keyframes errorAnimation { 0% { -webkit-transform: translateX(0); transform: translateX(0); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0); transform: translateX(0); } } + .error-img { -webkit-animation: errorAnimation 20s infinite; animation: errorAnimation 20s infinite; } + .error-text { text-shadow: 4px 4px rgba(10, 179, 156, 0.4); } + @media (min-width: 1200px) { .error-text { font-size: 10rem; } } + .profile-wid-bg { position: absolute; left: 0; @@ -13471,11 +15342,13 @@ span.flatpickr-weekday { top: 0; height: 320px; } + @media (max-width: 575.98px) { .profile-wid-bg { height: 445px; } } + .profile-wid-bg::before { content: ""; position: absolute; @@ -13485,79 +15358,96 @@ span.flatpickr-weekday { bottom: 0; opacity: 0.9; background: #405189; - background: -webkit-gradient( - linear, - left bottom, - left top, - from(#171e32), - to(#405189) - ); + background: -webkit-gradient(linear, + left bottom, + left top, + from(#171e32), + to(#405189)); background: linear-gradient(to top, #171e32, #405189); } + .profile-wid-bg .profile-wid-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } + .profile-nav.nav-pills .nav-link { color: rgba(255, 255, 255, 0.8); } + .profile-nav.nav-pills .nav-link::before { background-color: rgba(255, 255, 255, 0.1); } + .profile-project-card { border: 1px solid var(--vz-border-color); border-left: 3px solid var(--vz-border-color); } + .profile-project-card.profile-project-primary { border-left-color: #405189; } + .profile-project-card.profile-project-secondary { border-left-color: #3577f1; } + .profile-project-card.profile-project-success { border-left-color: #0ab39c; } + .profile-project-card.profile-project-info { border-left-color: #299cdb; } + .profile-project-card.profile-project-warning { border-left-color: #f7b84b; } + .profile-project-card.profile-project-danger { border-left-color: #f06548; } + .profile-project-card.profile-project-light { border-left-color: #f3f6f9; } + .profile-project-card.profile-project-dark { border-left-color: #212529; } + .user-profile-img { position: relative; } + .user-profile-img .profile-img { width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; } + @media (max-width: 991px) { .user-profile-img .profile-img { height: 160px; } } + .user-profile-img .profile-foreground-img-file-input { display: none; } + .user-profile-img .profile-photo-edit { cursor: pointer; } + .profile-user { position: relative; display: inline-block; } + .profile-user .profile-photo-edit { position: absolute; right: 0; @@ -13565,22 +15455,28 @@ span.flatpickr-weekday { bottom: 0; cursor: pointer; } + .profile-user .user-profile-image { -o-object-fit: cover; object-fit: cover; } + .profile-user .profile-img-file-input { display: none; } + .profile-timeline .accordion-item { position: relative; } + .profile-timeline .accordion-item .accordion-button { background-color: transparent; } + .profile-timeline .accordion-item .accordion-button::after { background: 0 0; } + .profile-timeline .accordion-item::before { content: ""; border-left: 2px dashed var(--vz-border-color); @@ -13588,65 +15484,80 @@ span.flatpickr-weekday { height: 100%; left: 23px; } + .profile-timeline .accordion-item:first-child::before { top: 8px; } + .profile-timeline .accordion-item:last-child::before { height: 20px; top: 3px; } + .profile-setting-img { position: relative; height: 260px; } + .profile-setting-img .overlay-content { content: ""; position: absolute; top: 0; right: 0; } + .profile-setting-img .profile-img { width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; } + @media (max-width: 991.98px) { .profile-setting-img .profile-img { height: 160px; } } + .profile-setting-img .profile-foreground-img-file-input { display: none; } + .profile-setting-img .profile-photo-edit { cursor: pointer; } + @media (max-width: 575.98px) { [data-layout="horizontal"] .profile-foreground { margin-top: 0 !important; } } + [data-layout="semibox"] .profile-wrapper { padding: 0 1rem; } + .sitemap-content { width: 100%; max-width: 1142px; margin: 0 auto; padding: 0 20px; } + .sitemap-content * { position: relative; } + .sitemap-horizontal { position: relative; } + .sitemap-horizontal ul { padding: 0; margin: 0; list-style: none; } + .sitemap-horizontal ul a { display: block; background: var(--vz-light); @@ -13666,6 +15577,7 @@ span.flatpickr-weekday { -ms-flex-align: center; align-items: center; } + .sitemap-horizontal ul a span { display: -webkit-box; -webkit-line-clamp: 2; @@ -13673,15 +15585,18 @@ span.flatpickr-weekday { overflow: hidden; text-overflow: ellipsis; } -.administration .director > li > a { + +.administration .director>li>a { width: 50%; margin: 0 auto 0 auto; border-radius: 4px; } + .administration .subdirector { position: absolute; width: 100%; } + .administration .subdirector::after { content: ""; display: block; @@ -13691,7 +15606,8 @@ span.flatpickr-weekday { left: 45.45%; position: relative; } -.administration .subdirector > li:first-child { + +.administration .subdirector>li:first-child { width: 18.59%; height: 64px; margin: 0 auto 92px auto; @@ -13702,24 +15618,29 @@ span.flatpickr-weekday { right: 27.2%; border-left: 2px dashed var(--vz-border-color); } -.administration .subdirector > li:first-child a { + +.administration .subdirector>li:first-child a { width: 100%; left: 25px; } + @media screen and (max-width: 767px) { - .administration .subdirector > li:first-child { + .administration .subdirector>li:first-child { width: 40%; right: 10%; margin-right: 2px; } + .administration .subdirector::after { left: 49.8%; } } + .departments { width: 100%; } -.departments > li:first-child { + +.departments>li:first-child { width: 18.59%; height: 64px; margin: 0 auto 92px auto; @@ -13729,17 +15650,21 @@ span.flatpickr-weekday { float: left; left: 27%; } -.departments > li:first-child a { + +.departments>li:first-child a { width: 100%; right: 25px; } -.departments > li:nth-child(2) { + +.departments>li:nth-child(2) { margin-left: 0; clear: left; } -.departments > li:nth-child(2).department:before { + +.departments>li:nth-child(2).department:before { border: none; } + .departments::after { content: ""; display: block; @@ -13753,18 +15678,21 @@ span.flatpickr-weekday { top: 130px; left: 9.1%; } + @media screen and (max-width: 767px) { - .departments > li:first-child { + .departments>li:first-child { width: 40%; left: 10%; margin-left: 2px; } + .departments::after { border-right: none; left: 0; width: 50%; } } + .department { border-left: 2px dashed var(--vz-border-color); float: left; @@ -13772,6 +15700,7 @@ span.flatpickr-weekday { margin-bottom: 60px; width: 18.25%; } + .department::before { content: ""; display: block; @@ -13784,19 +15713,23 @@ span.flatpickr-weekday { left: 50%; margin-left: -4px; } -.department > a { + +.department>a { margin: 0 0 -26px -4px; z-index: 1; } + .department ul { margin-top: 0; margin-bottom: 0; } + .department ul li { padding-left: 25px; border-bottom: 2px dashed var(--vz-border-color); height: 80px; } + .department ul li a { background: var(--vz-secondary-bg); margin-top: 48px; @@ -13808,21 +15741,25 @@ span.flatpickr-weekday { right: -1px; text-align: center; } + .department:first-child { margin-left: 0; clear: left; } + @media screen and (min-width: 768px) { .department:last-child:before { border: none; } } + @media screen and (max-width: 767px) { .department { float: none; width: 100%; margin-left: 0; } + .department::before { content: ""; display: block; @@ -13835,45 +15772,56 @@ span.flatpickr-weekday { left: 0; margin-left: -4px; } + .department:nth-child(2)::before { display: none; } } + .hori-sitemap ul { padding: 0; padding-top: 10px; text-align: center; } + .hori-sitemap ul li { position: relative; } + @media (max-width: 575.98px) { .hori-sitemap ul { text-align: left; } + .hori-sitemap ul .parent-title a { padding-left: 0; } + .hori-sitemap ul .parent-title a:after { display: none; } + .hori-sitemap ul .parent-title:before { display: none; } } + @media (max-width: 575.98px) { - .hori-sitemap > ul { + .hori-sitemap>ul { position: relative; } - .hori-sitemap > ul li { + + .hori-sitemap>ul li { padding-top: 10px; } - .hori-sitemap > ul li .second-list, - .hori-sitemap > ul li .sub-list { + + .hori-sitemap>ul li .second-list, + .hori-sitemap>ul li .sub-list { position: relative; } - .hori-sitemap > ul li .second-list:before, - .hori-sitemap > ul li .sub-list:before { + + .hori-sitemap>ul li .second-list:before, + .hori-sitemap>ul li .sub-list:before { content: ""; height: calc(100% - 14px); border-right: 2px dashed var(--vz-border-color); @@ -13881,14 +15829,17 @@ span.flatpickr-weekday { top: 0; left: 0; } - .hori-sitemap > ul li .sub-list:before { + + .hori-sitemap>ul li .sub-list:before { height: 38%; } - .hori-sitemap > ul li a { + + .hori-sitemap>ul li a { position: relative; padding: 4px 16px 4px 36px; } - .hori-sitemap > ul li a:after { + + .hori-sitemap>ul li a:after { content: ""; width: 24px; border-top: 2px dashed var(--vz-border-color); @@ -13898,17 +15849,21 @@ span.flatpickr-weekday { transform: translateY(-50%); left: 0; } - .hori-sitemap > ul li ul { + + .hori-sitemap>ul li ul { margin-left: 36px; } } + @media (min-width: 576px) { .hori-sitemap ul { padding-top: 20px; } + .hori-sitemap ul li { padding-top: 30px; } + .hori-sitemap ul li:before { content: ""; height: 24px; @@ -13920,6 +15875,7 @@ span.flatpickr-weekday { right: 0; margin: 0 auto; } + .hori-sitemap ul li:after { content: ""; width: 100%; @@ -13928,9 +15884,11 @@ span.flatpickr-weekday { top: 0; left: 50%; } + .hori-sitemap ul li:last-of-type:after { display: none; } + .hori-sitemap ul li.parent-title::before { content: ""; height: 23px; @@ -13939,12 +15897,15 @@ span.flatpickr-weekday { top: 28px; left: 0; } + .hori-sitemap ul li.parent-title::after { border: none; } + .hori-sitemap ul li .sub-title { position: relative; } + .hori-sitemap ul li .sub-title::before { content: ""; height: 21px; @@ -13955,28 +15916,35 @@ span.flatpickr-weekday { margin: 0 auto; } } + .hori-sitemap a { color: var(--vz-body-color); padding: 4px 0; display: block; } + .verti-sitemap a { color: var(--vz-body-color); display: block; } + .verti-sitemap .parent-title a { padding-left: 0; } + .verti-sitemap .parent-title a:before { display: none; } + .verti-sitemap .parent-title:before { display: none; } + .verti-sitemap .first-list { position: relative; padding-top: 10px; } + .verti-sitemap .first-list:before { content: ""; border-left: 2px dashed var(--vz-border-color); @@ -13986,11 +15954,13 @@ span.flatpickr-weekday { bottom: 0; left: 0; } + .verti-sitemap .first-list .list-wrap a, .verti-sitemap .first-list li a { position: relative; padding: 10px 16px 4px 36px; } + .verti-sitemap .first-list .list-wrap a::before, .verti-sitemap .first-list li a::before { content: ""; @@ -14002,18 +15972,22 @@ span.flatpickr-weekday { transform: translateY(-50%); left: 0; } + .verti-sitemap .first-list .second-list, .verti-sitemap .first-list .third-list { margin-left: 42px; } + .verti-sitemap .first-list .second-list, .verti-sitemap .first-list .third-list { position: relative; } + .verti-sitemap .first-list .second-list li, .verti-sitemap .first-list .third-list li { position: relative; } + .verti-sitemap .first-list .second-list li:before, .verti-sitemap .first-list .third-list li:before { content: ""; @@ -14024,13 +15998,16 @@ span.flatpickr-weekday { left: 0; margin: 0 auto; } + .verti-sitemap .first-list .second-list li:last-child::before, .verti-sitemap .first-list .third-list li:last-child::before { height: 13px; } + .verti-sitemap .first-list:last-child::before { height: 25px; } + .modal-team-cover, .profile-offcanvas .team-cover, .team-box .team-cover { @@ -14038,6 +16015,7 @@ span.flatpickr-weekday { position: relative; margin-bottom: -140px; } + .modal-team-cover img, .profile-offcanvas .team-cover img, .team-box .team-cover img { @@ -14046,6 +16024,7 @@ span.flatpickr-weekday { -o-object-fit: cover; object-fit: cover; } + .modal-team-cover::before, .profile-offcanvas .team-cover::before, .team-box .team-cover::before { @@ -14053,54 +16032,62 @@ span.flatpickr-weekday { position: absolute; width: 100%; height: 100%; - background: -webkit-gradient( - linear, - left bottom, - left top, - from(#171e32), - to(#405189) - ); + background: -webkit-gradient(linear, + left bottom, + left top, + from(#171e32), + to(#405189)); background: linear-gradient(to top, #171e32, #405189); opacity: 0.6; } + .team-list.grid-view-filter { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } + .team-list.grid-view-filter .col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } + .team-list.grid-view-filter .team-box { overflow: hidden; } + .team-list.grid-view-filter .team-box .team-row { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } + .team-list.grid-view-filter .team-box .team-row .col { width: 100%; } + .team-list.grid-view-filter .team-box .team-cover { display: block; } + .team-list.grid-view-filter .team-box .team-settings .col { width: 50% !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } + .team-list.grid-view-filter .team-box .team-settings .btn-star { color: #fff; } -.team-list.grid-view-filter .team-box .team-settings .dropdown > a { + +.team-list.grid-view-filter .team-box .team-settings .dropdown>a { color: #fff; } + .team-list.grid-view-filter .team-box .team-profile-img { display: -webkit-box; display: -ms-flexbox; @@ -14115,18 +16102,22 @@ span.flatpickr-weekday { margin-bottom: 25px; margin-top: 36px; } + .team-list.grid-view-filter .team-box .team-profile-img .avatar-lg { font-size: 22px; } + .team-list.grid-view-filter .team-box .team-profile-img .team-content { margin-left: 0; margin-top: 25px; text-align: center; } + .team-list.grid-view-filter .team-box .view-btn { width: 100%; margin-top: 25px; } + @media (min-width: 1200px) and (max-width: 1399.98px) { .team-list.grid-view-filter .col { -webkit-box-flex: 0; @@ -14135,6 +16126,7 @@ span.flatpickr-weekday { width: 33.33%; } } + @media (max-width: 1199.98px) { .team-list.grid-view-filter .col { -webkit-box-flex: 0; @@ -14143,6 +16135,7 @@ span.flatpickr-weekday { width: 50%; } } + @media (max-width: 767.98px) { .team-list.grid-view-filter .col { -webkit-box-flex: 0; @@ -14151,15 +16144,18 @@ span.flatpickr-weekday { width: 100%; } } + .team-list.list-view-filter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } + .team-list.list-view-filter .team-box { margin-bottom: 10px; } + .team-list.list-view-filter .team-box .team-row { -webkit-box-align: center; -ms-flex-align: center; @@ -14168,6 +16164,7 @@ span.flatpickr-weekday { -ms-flex-pack: justify; justify-content: space-between; } + .team-list.list-view-filter .team-box .team-profile-img { display: -webkit-box; display: -ms-flexbox; @@ -14176,14 +16173,17 @@ span.flatpickr-weekday { -ms-flex-align: center; align-items: center; } + .team-list.list-view-filter .team-box .team-profile-img .avatar-lg { height: 4rem; width: 4rem; font-size: 16px; } + .team-list.list-view-filter .team-box .team-profile-img .team-content { margin-left: 15px; } + .team-list.list-view-filter .team-box .team-settings { width: auto; -webkit-box-flex: 0; @@ -14193,9 +16193,11 @@ span.flatpickr-weekday { -ms-flex-order: 6; order: 6; } + .team-list.list-view-filter .team-box .btn-star { color: #405189; } + @media (max-width: 767.98px) { .team-list.list-view-filter { -webkit-box-orient: horizontal; @@ -14203,12 +16205,14 @@ span.flatpickr-weekday { -ms-flex-direction: row; flex-direction: row; } + .team-list.list-view-filter .col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } + .team-list.list-view-filter .team-box .team-settings { width: 100%; -webkit-box-flex: 0; @@ -14219,35 +16223,44 @@ span.flatpickr-weekday { order: -1; margin-bottom: 10px; } + .team-list.list-view-filter .team-box .team-settings .col { width: 50%; } + .team-list.list-view-filter .team-box .team-profile-img { margin-bottom: 25px; } + .team-list.list-view-filter .team-box .view-btn { width: 100%; margin-top: 25px; } } + .modal-team-cover { display: block; } + .list-grid-nav .nav-link.active { background-color: #299cdb; color: #fff; } + .profile-offcanvas .team-cover { margin-bottom: -132px; display: block; z-index: -1; } + .profile-offcanvas .btn-star { color: #fff; } -.profile-offcanvas .dropdown > a { + +.profile-offcanvas .dropdown>a { color: #fff; } + .countdownlist { text-align: center; display: -webkit-box; @@ -14255,12 +16268,15 @@ span.flatpickr-weekday { display: flex; gap: 24px; } + .countdownlist .countdownlist-item { width: 25%; } + .countdownlist .countdownlist-item:last-of-type .count-num::after { display: none; } + .countdownlist .count-title { font-size: 13px; font-weight: 500; @@ -14269,6 +16285,7 @@ span.flatpickr-weekday { color: rgba(var(--vz-body-color-rgb), 0.5); text-transform: uppercase; } + .countdownlist .count-num { background-color: var(--vz-secondary-bg); padding: 16px 8px; @@ -14279,11 +16296,13 @@ span.flatpickr-weekday { font-weight: 600; font-size: 32px; } + @media (max-width: 575.98px) { .countdownlist .count-num { font-size: 18px; } } + .countdownlist .count-num::after { content: ":"; font-size: 20px; @@ -14294,43 +16313,52 @@ span.flatpickr-weekday { transform: translateY(-50%); color: var(--vz-body-color); } + .move-animation { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } + @-webkit-keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0); } + 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } + @keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0); } + 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } + .coming-soon-text { font-weight: 600; text-transform: uppercase; color: #fff; text-shadow: 3px 4px #0ab39c; } + .countdown-input-group { max-width: 400px; } + .search-more-results { position: relative; overflow: hidden; } + .search-more-results .nav-icon { font-size: 14px; color: #fff; @@ -14342,29 +16370,37 @@ span.flatpickr-weekday { left: 0; right: 0; } + .search-more-results .nav-icon i { font-size: 20px; } + @media (max-width: 767.98px) { .search-more-results .nav-icon { font-size: 14px; } + .search-more-results .nav-icon i { font-size: 18px; } } + .video-list .list-element { display: none; } + .video-list .list-element:nth-child(1) { display: block; } + .video-list .list-element:nth-child(2) { display: block; } + .video-list .list-element:nth-child(3) { display: block; } + .search-voice { height: 120px; width: 120px; @@ -14375,10 +16411,12 @@ span.flatpickr-weekday { z-index: 1; position: relative; } + .search-voice i { line-height: 56px; font-size: 30px; } + .search-voice .voice-wave { position: absolute; width: 120px; @@ -14393,106 +16431,127 @@ span.flatpickr-weekday { animation: voice-wave 1.8s infinite; background-color: var(--vz-light); } + .search-voice .voice-wave:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } + .search-voice .voice-wave:nth-child(3) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } + @-webkit-keyframes voice-wave { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } + 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } + @keyframes voice-wave { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } + 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } + .images-menu .swiper-slide { width: auto; display: inline-block; } + #selection-element { display: none; } + .filter-choices-input .choices__inner { padding: 0; border: none; background-color: var(--vz-secondary-bg); } + .filter-choices-input .choices__input { background-color: var(--vz-secondary-bg); } + @media (min-width: 992px) { .sticky-side-div { position: sticky; top: calc(70px + 1.5rem); } } + .product-img-slider .product-nav-slider .nav-slide-item { border: 1px solid var(--vz-border-color); border-radius: 0.25rem; padding: 0.5rem; cursor: pointer; } -.product-img-slider - .product-nav-slider - .swiper-slide-thumb-active - .nav-slide-item { + +.product-img-slider .product-nav-slider .swiper-slide-thumb-active .nav-slide-item { background-color: var(--vz-light); } + .filter-list a.active .listname { color: var(--vz-success); } + #remove-actions { display: none; } + .invoice-table tbody:last-child { border: none; } + .currency-select .choices__inner { padding: 0; padding-right: 15px; min-height: 0; } + .currency-select .choices__list--single { padding: 0 16px 0 4px; } + .currency-select .choices[data-type*="select-one"] { bottom: 0; } + .currency-select .choices[data-type*="select-one"] :after { top: 4px; } + .currency-select .choices[data-type*="select-one"] .choices__inner { padding-bottom: 0; } + .chat-wrapper { position: relative; overflow-x: hidden; } + .chat-leftsidebar { height: calc(100vh - 137px); position: relative; background-color: var(--vz-secondary-bg); } + @media (min-width: 992px) { .chat-leftsidebar { min-width: 300px; @@ -14500,18 +16559,22 @@ span.flatpickr-weekday { height: calc(100vh - 70px - 60px - 8px); } } + .chat-list { margin: 0; } -.chat-list > li.active a { + +.chat-list>li.active a { background-color: rgba(var(--vz-success-rgb), 0.15); color: var(--vz-success); } -.chat-list > li.active a .badge { + +.chat-list>li.active a .badge { background-color: rgba(var(--vz-success-rgb), 0.15) !important; color: #0ab39c !important; } -.chat-list > li a { + +.chat-list>li a { display: block; padding: 7px 24px; color: var(--vz-body-color); @@ -14521,27 +16584,33 @@ span.flatpickr-weekday { font-weight: 500; font-size: 0.8125rem; } -.chat-list > li .chat-user-message { + +.chat-list>li .chat-user-message { font-size: 14px; } -.chat-list > li .unread-msg-user { + +.chat-list>li .unread-msg-user { font-weight: 600; } -.chat-list > li .unread-message { + +.chat-list>li .unread-message { position: absolute; display: inline-block; right: 24px; left: auto; top: 33px; } -.chat-list > li .unread-message .badge { + +.chat-list>li .unread-message .badge { line-height: 16px; font-weight: 600; font-size: 10px; } + .chat-user-img { position: relative; } + .chat-user-img .user-status { width: 10px; height: 10px; @@ -14553,20 +16622,25 @@ span.flatpickr-weekday { left: auto; bottom: 0; } + .chat-user-img.online .user-status { background-color: #0ab39c; } + .chat-user-img.away .user-status { background-color: #f7b84b; } + .chat-room-list { max-height: calc(100vh - 296px); } + @media (max-width: 991.98px) { .chat-room-list { height: calc(100vh - 296px); } } + .contact-list li { cursor: pointer; padding: 8px 24px; @@ -14577,6 +16651,7 @@ span.flatpickr-weekday { font-weight: 500; font-size: 0.8125rem; } + .contact-list-title { padding: 6px 24px; color: #405189; @@ -14584,6 +16659,7 @@ span.flatpickr-weekday { position: relative; font-size: 12px; } + .contact-list-title:after { content: ""; height: 1px; @@ -14595,6 +16671,7 @@ span.flatpickr-weekday { right: 0; background-color: var(--vz-light); } + .user-chat { background: url(../images/chat-bg-pattern.png); -webkit-transition: all 0.4s; @@ -14602,6 +16679,7 @@ span.flatpickr-weekday { position: relative; background-color: var(--vz-body-bg); } + @media (max-width: 991.98px) { .user-chat { position: absolute; @@ -14615,18 +16693,22 @@ span.flatpickr-weekday { z-index: 99; padding-top: 70px; } + .user-chat.user-chat-show { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } } + .user-chat .chat-content { position: relative; } + .user-chat.user-chat-show .chat-welcome-section { display: none; } + @media (min-width: 992px) { .user-chat.user-chat-show .chat-content { display: -webkit-box !important; @@ -14634,10 +16716,12 @@ span.flatpickr-weekday { display: flex !important; } } + .user-chat-topbar { border-bottom: 1px solid transparent; background-color: var(--vz-secondary-bg); } + @media (max-width: 991.98px) { .user-chat-topbar { position: fixed; @@ -14647,6 +16731,7 @@ span.flatpickr-weekday { z-index: 1; } } + .user-chat-nav .nav-btn { height: 40px; width: 40px; @@ -14657,6 +16742,7 @@ span.flatpickr-weekday { font-size: 20px; color: #343a40; } + @media (max-width: 575.98px) { .user-chat-nav { display: -webkit-box; @@ -14667,14 +16753,17 @@ span.flatpickr-weekday { justify-content: flex-end; } } + .chat-conversation { height: calc(100vh - 299px); } + @media (max-width: 991.98px) { .chat-conversation { height: calc(100vh - 275px); } } + .chat-conversation .simplebar-content-wrapper { display: -webkit-box; display: -ms-flexbox; @@ -14684,38 +16773,48 @@ span.flatpickr-weekday { -ms-flex-direction: column; flex-direction: column; } + .chat-conversation .simplebar-content-wrapper .simplebar-content { margin-top: auto; } + .chat-conversation .chat-conversation-list { padding-top: 10px; margin-bottom: 0; } -.chat-conversation .chat-conversation-list > li { + +.chat-conversation .chat-conversation-list>li { display: -webkit-box; display: -ms-flexbox; display: flex; } + .chat-conversation li:last-of-type .conversation-list { margin-bottom: 0; } + .chat-conversation .chat-list.left .check-message-icon { display: none; } + .chat-conversation .chat-list .message-box-drop { visibility: hidden; } + .chat-conversation .chat-list:hover .message-box-drop { visibility: visible; } + .chat-conversation .chat-avatar { margin: 0 16px 0 0; } + .chat-conversation .chat-avatar img { width: 28px; height: 28px; border-radius: 50%; } + .chat-conversation .chat-day-title { position: relative; text-align: center; @@ -14723,6 +16822,7 @@ span.flatpickr-weekday { margin-top: 12px; width: 100%; } + .chat-conversation .chat-day-title .title { background-color: #fff; position: relative; @@ -14731,6 +16831,7 @@ span.flatpickr-weekday { padding: 6px 12px; border-radius: 5px; } + .chat-conversation .chat-day-title:before { content: ""; position: absolute; @@ -14741,9 +16842,11 @@ span.flatpickr-weekday { background-color: rgba(64, 81, 137, 0.2); top: 10px; } + .chat-conversation .chat-day-title .badge { font-size: 12px; } + .chat-conversation .conversation-list { margin-bottom: 24px; display: -webkit-inline-box; @@ -14755,21 +16858,25 @@ span.flatpickr-weekday { align-items: flex-end; max-width: 80%; } + @media (max-width: 575.98px) { .chat-conversation .conversation-list { max-width: 90%; } } + .chat-conversation .conversation-list .ctext-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } + .chat-conversation .conversation-list .ctext-content { word-wrap: break-word; word-break: break-word; } + .chat-conversation .conversation-list .ctext-wrap-content { padding: 12px 20px; background-color: var(--vz-light); @@ -14778,23 +16885,17 @@ span.flatpickr-weekday { -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); } + @media (max-width: 575.98px) { - .chat-conversation - .conversation-list - .ctext-wrap-content - .attached-file - .attached-file-avatar { + .chat-conversation .conversation-list .ctext-wrap-content .attached-file .attached-file-avatar { display: none; } - .chat-conversation - .conversation-list - .ctext-wrap-content - .attached-file - .dropdown - .dropdown-toggle { + + .chat-conversation .conversation-list .ctext-wrap-content .attached-file .dropdown .dropdown-toggle { display: block; } } + .chat-conversation .conversation-list .conversation-name { font-weight: 500; display: -webkit-box; @@ -14807,24 +16908,29 @@ span.flatpickr-weekday { align-items: center; gap: 8px; } + .chat-conversation .conversation-list .dropdown .dropdown-toggle { font-size: 18px; padding: 4px; color: #878a99; } + .chat-conversation .conversation-list .dropdown .dropdown-toggle::after { display: none; } + @media (max-width: 575.98px) { .chat-conversation .conversation-list .dropdown .dropdown-toggle { display: none; } } + .chat-conversation .conversation-list .chat-time { font-size: 12px; margin-top: 4px; text-align: right; } + .chat-conversation .conversation-list .message-img { border-radius: 0.2rem; position: relative; @@ -14835,19 +16941,23 @@ span.flatpickr-weekday { flex-wrap: wrap; gap: 8px; } + .chat-conversation .conversation-list .message-img .message-img-list { position: relative; } + .chat-conversation .conversation-list .message-img img { max-width: 150px; } + .chat-conversation .conversation-list .message-img .message-img-link { position: absolute; right: 10px; left: auto; bottom: 10px; } -.chat-conversation .conversation-list .message-img .message-img-link li > a { + +.chat-conversation .conversation-list .message-img .message-img-link li>a { font-size: 18px; color: #fff; display: inline-block; @@ -14858,11 +16968,13 @@ span.flatpickr-weekday { background-color: rgba(33, 37, 41, 0.7); text-align: center; } + .chat-conversation .right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } + .chat-conversation .right .chat-avatar { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; @@ -14870,18 +16982,22 @@ span.flatpickr-weekday { margin-right: 0; margin-left: 16px; } + .chat-conversation .right .chat-time { text-align: left; color: #878a99; } + .chat-conversation .right .conversation-list { text-align: right; } + .chat-conversation .right .conversation-list .ctext-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } + .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; @@ -14892,63 +17008,58 @@ span.flatpickr-weekday { -webkit-box-shadow: none; box-shadow: none; } -.chat-conversation - .right - .conversation-list - .ctext-wrap - .ctext-wrap-content - .replymessage-block { + +.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .replymessage-block { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(var(--vz-success-rgb), 1); color: #212529; } -.chat-conversation - .right - .conversation-list - .ctext-wrap - .ctext-wrap-content - .replymessage-block - .conversation-name { + +.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .replymessage-block .conversation-name { color: rgba(var(--vz-success-rgb), 1); } + .chat-conversation .right .conversation-list .conversation-name { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } -.chat-conversation - .right - .conversation-list - .conversation-name - .check-message-icon { + +.chat-conversation .right .conversation-list .conversation-name .check-message-icon { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } + .chat-conversation .right .conversation-list .conversation-name .time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } + .chat-conversation .right .conversation-list .conversation-name .name { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } + .chat-conversation .right .conversation-list .dropdown { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } + .chat-conversation .right .dot { background-color: #212529; } + .chat-input-section { border-top: 1px solid transparent; background-color: var(--vz-secondary-bg); position: relative; z-index: 1; } + .chat-input-section .chat-input-feedback { display: none; position: absolute; @@ -14957,15 +17068,18 @@ span.flatpickr-weekday { font-size: 12px; color: #f06548; } + .chat-input-section .show { display: block; } + .chat-input-links { display: -webkit-box; display: -ms-flexbox; display: flex; } -.chat-input-links .links-list-item > .btn { + +.chat-input-links .links-list-item>.btn { -webkit-box-shadow: none; box-shadow: none; padding: 0; @@ -14973,9 +17087,11 @@ span.flatpickr-weekday { width: 37.5px; height: 37.5px; } -.chat-input-links .links-list-item > .btn.btn-link { + +.chat-input-links .links-list-item>.btn.btn-link { color: #878a99; } + .copyclipboard-alert { position: absolute; bottom: 0; @@ -14984,6 +17100,7 @@ span.flatpickr-weekday { transform: translateX(-50%); display: none; } + .replyCard { position: absolute; left: 0; @@ -14996,22 +17113,26 @@ span.flatpickr-weekday { -webkit-transition: all 0.4s; transition: all 0.4s; } + @media (max-width: 991.98px) { .replyCard { bottom: -12px; } } + .replyCard.show { -webkit-transform: translateY(-88px); transform: translateY(-88px); opacity: 1; } + @media (max-width: 991.98px) { .replyCard.show { -webkit-transform: translateY(-83px); transform: translateY(-83px); } } + .replymessage-block { padding: 12px 20px; margin-bottom: 8px; @@ -15020,60 +17141,74 @@ span.flatpickr-weekday { background-color: rgba(var(--vz-success-rgb), 0.1); border-left: 2px solid rgba(var(--vz-success-rgb), 1); } + .replymessage-block .conversation-name { color: rgba(var(--vz-success-rgb), 1); font-size: 14px; } + .chat-sm .ctext-wrap-content { -webkit-box-shadow: none !important; box-shadow: none !important; } + .chat-sm .message-img img { max-width: 90px !important; } + .chat-sm .message-img-link { bottom: 0 !important; right: 5px !important; } + @media (min-width: 1025px) { [data-layout="horizontal"] .chat-wrapper { margin-left: 0 !important; margin-right: 0 !important; } } + @media (max-width: 991.98px) { [data-layout="horizontal"] .chat-wrapper { margin-top: 0 !important; } } + [data-layout="horizontal"] .chat-leftsidebar { height: calc(100vh - 70px - 60px - 54px); } + @media (max-width: 991.98px) { [data-layout="horizontal"] .chat-leftsidebar { height: calc(100vh - 70px - 60px - 8px); } } + [data-layout="horizontal"] .chat-room-list { height: calc(100vh - 352px); } + @media (max-width: 991.98px) { [data-layout="horizontal"] .chat-room-list { height: calc(100vh - 265px); } } + [data-layout="horizontal"] .chat-conversation { height: calc(100vh - 343px); } + @media (max-width: 991.98px) { [data-layout="horizontal"] .chat-conversation { height: calc(100vh - 275px); } } + .email-wrapper { position: relative; overflow-x: hidden; } + .email-menu-sidebar { height: calc(100vh - 137px); position: relative; @@ -15081,6 +17216,7 @@ span.flatpickr-weekday { -webkit-transition: all 0.2s; transition: all 0.2s; } + @media (min-width: 992px) { .email-menu-sidebar { min-width: 250px; @@ -15088,6 +17224,7 @@ span.flatpickr-weekday { height: calc(100vh - 70px - 60px - 8px); } } + @media (max-width: 991.98px) { .email-menu-sidebar { position: fixed; @@ -15104,20 +17241,24 @@ span.flatpickr-weekday { visibility: hidden; height: 100vh; } + .email-menu-sidebar.menubar-show { visibility: visible; -webkit-transform: none; transform: none; } } + .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(100vh - 295px); } + @media (max-width: 991.98px) { .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(100vh - 150px); } } + .mail-list a { display: -webkit-box; display: -ms-flexbox; @@ -15129,37 +17270,47 @@ span.flatpickr-weekday { padding: 5px 0; font-weight: 500; } + .mail-list a:hover { color: #405189; } + .mail-list a i { font-size: 14px; } + .mail-list a.active { color: #0ab39c; font-weight: 600; } + .mail-list a.active i { color: #0ab39c; } + .email-chat-list a { padding: 6px 24px; } + .email-chat-list a.active { background-color: rgba(var(--vz-light-rgb), 0.7); } + .email-topbar-link .btn-ghost-secondary { color: var(--vz-secondary-color); } + .email-topbar-link .btn-ghost-secondary:hover { color: #3577f1; } + .email-content { width: 100%; background-color: var(--vz-secondary-bg); -webkit-transition: all 0.2s; transition: all 0.2s; } + .unreadConversations-alert { position: fixed; bottom: 60px; @@ -15168,6 +17319,7 @@ span.flatpickr-weekday { transform: translateX(-50%); z-index: 1; } + .email-detail-content { position: relative; top: 0; @@ -15182,36 +17334,44 @@ span.flatpickr-weekday { display: none; border-left: 2px solid var(--vz-body-bg); } + .email-detail-show .email-detail-content { -webkit-transform: none; transform: none; display: block; width: 60%; } + .email-detail-show .email-content { margin-right: 0; } + .email-detail-content-scroll { height: calc(100vh - 400px); } + @media (max-width: 1349.98px) { .email-detail-content-scroll { height: calc(100vh - 257px); } } + .message-list-content { height: calc(100vh - 242px); } + @media (max-width: 575.98px) { .message-list-content { height: calc(100vh - 230px); } } + .message-list { display: block; padding-left: 0; margin: 0; } + .message-list li { position: relative; display: block; @@ -15222,27 +17382,33 @@ span.flatpickr-weekday { transition-duration: 0.3s; clear: both; } + .message-list li a { color: var(--vz-heading-color); } + .message-list li:hover { background: var(--vz-light); -webkit-transition-duration: 50ms; transition-duration: 50ms; } + .message-list li .col-mail { float: left; position: relative; } + .message-list li .col-mail-1 { width: 280px; } + .message-list li .col-mail-1 .checkbox-wrapper-mail, .message-list li .col-mail-1 .dot, .message-list li .col-mail-1 .star-toggle { display: block; float: left; } + .message-list li .col-mail-1 .dot { border: 4px solid transparent; border-radius: 100px; @@ -15252,14 +17418,17 @@ span.flatpickr-weekday { line-height: 0; font-size: 0; } + .message-list li .col-mail-1 .checkbox-wrapper-mail { margin: 15px 0 0 20px; line-height: normal; } + .message-list li .col-mail-1 .star-toggle { margin-top: 18px; margin-left: 5px; } + .message-list li .col-mail-1 .title { position: absolute; top: 0; @@ -15270,11 +17439,13 @@ span.flatpickr-weekday { white-space: nowrap; margin-bottom: 0; } + @media (max-width: 575.98px) { .message-list li .col-mail-1 .title { left: 95px; } } + .message-list li .col-mail-2 { position: absolute; top: 0; @@ -15282,11 +17453,13 @@ span.flatpickr-weekday { right: 0; bottom: 0; } + .message-list li .col-mail-2 .date, .message-list li .col-mail-2 .subject { position: absolute; top: 0; } + .message-list li .col-mail-2 .subject { left: 0; right: 110px; @@ -15294,31 +17467,38 @@ span.flatpickr-weekday { overflow: hidden; white-space: nowrap; } + .message-list li .col-mail-2 .subject .teaser { color: var(--vz-secondary-color); } + .message-list li .col-mail-2 .date { right: 0; width: 100px; padding-left: 20px; } + .message-list li.active, .message-list li.active:hover { -webkit-box-shadow: inset 3px 0 0 #405189; box-shadow: inset 3px 0 0 #405189; background-color: var(--vz-light); } + .message-list li.unread { color: var(--vz-body-color); } + .message-list li.unread a { color: var(--vz-body-color); font-weight: 600; } + #email-topbar-actions, #unreadConversations { display: none; } + #elmLoader { display: -webkit-box; display: -ms-flexbox; @@ -15335,9 +17515,11 @@ span.flatpickr-weekday { top: 0; bottom: 0; } + .email-compose-input { padding-right: 80px; } + @media (max-width: 1349.98px) { .email-detail-content { display: block; @@ -15355,6 +17537,7 @@ span.flatpickr-weekday { transform: translateX(100%); visibility: hidden; } + .email-detail-show .email-detail-content { width: 400px; -webkit-transform: none; @@ -15362,14 +17545,17 @@ span.flatpickr-weekday { visibility: visible; } } + @media (max-width: 575.98px) { .message-list li .col-mail-1 { width: 180px; } } + .email-editor .ck-editor__editable_inline { min-height: 200px !important; } + .email-chat-detail { width: 350px; position: fixed; @@ -15379,76 +17565,94 @@ span.flatpickr-weekday { z-index: 9; display: none; } + .email-chat-detail .card { -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12); } + @media (max-width: 515.98px) { .email-chat-detail { left: 16px; right: 16px; } } + .message-list-scroll { position: relative; overflow-y: auto; } + .message-list-scroll::-webkit-scrollbar { -webkit-appearance: none; } + .message-list-scroll::-webkit-scrollbar:vertical { width: 12px; } + .message-list-scroll::-webkit-scrollbar:horizontal { height: 12px; } + .message-list-scroll::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-body-color-rgb), 0.075); border-radius: 10px; border: 2px solid var(--vz-secondary-bg); } + .message-list-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-secondary-bg); } + @media (min-width: 1025px) { [data-layout="horizontal"] .email-wrapper { margin-left: 0 !important; margin-right: 0 !important; } } + @media (max-width: 991.98px) { [data-layout="horizontal"] .email-wrapper { margin-top: 0 !important; } } + [data-layout="horizontal"] .email-menu-sidebar { height: calc(100vh - 70px - 60px - 54px); } + @media (max-width: 991.98px) { [data-layout="horizontal"] .email-menu-sidebar { height: 100vh; } } + [data-layout="horizontal"] .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(100vh - 330px); } + @media (max-width: 991.98px) { [data-layout="horizontal"] .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(100vh - 150px); } } + [data-layout="horizontal"] .message-list-content { height: calc(100vh - 289px); } + [data-layout="horizontal"] .email-detail-content-scroll { height: calc(100vh - 435px); } + @media (max-width: 1349.98px) { [data-layout="horizontal"] .email-detail-content-scroll { height: calc(100vh - 252px); } } + .tasks-board { display: -webkit-box; display: -ms-flexbox; @@ -15458,29 +17662,37 @@ span.flatpickr-weekday { -ms-flex-align: stretch; align-items: stretch; } + .tasks-board .tasks-list { min-width: 300px; margin-right: 24px; } + .tasks-board::-webkit-scrollbar { -webkit-appearance: none; } + .tasks-board::-webkit-scrollbar:vertical { width: 10px; } + .tasks-board::-webkit-scrollbar:horizontal { height: 8px; } + .tasks-board::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb), 0.075); border-radius: 8px; } + .tasks-board::-webkit-scrollbar-track { border-radius: 8px; } + .tasks-box .progress { border-radius: 0 0 var(--vz-border-radius) var(--vz-border-radius); } + .tasks-box .tasks-img { height: 135px; width: 100%; @@ -15490,16 +17702,20 @@ span.flatpickr-weekday { object-position: center; margin: 12px 0; } + .tasks-box:last-child { margin-bottom: 0; } + .tasks-wrapper { max-height: calc(100vh - 418px); } + .tasks { min-height: 180px; position: relative; } + .tasks.noTask::before { content: ""; position: absolute; @@ -15514,31 +17730,39 @@ span.flatpickr-weekday { background-size: cover; background-position: center; } + #tasksList tr .tasks-list-menu { opacity: 0; } + #tasksList tr:hover .tasks-list-menu { opacity: 1; } + .layout-wrapper.landing { background-color: var(--vz-secondary-bg); font-size: 15px; } + .navbar-show .vertical-overlay { display: block; } + .section { padding: 90px 0; position: relative; } + @media (max-width: 767.98px) { .section { padding: 50px 0; } } + .icon-effect { position: relative; } + .icon-effect::before { content: ""; position: absolute; @@ -15549,11 +17773,13 @@ span.flatpickr-weekday { bottom: 0; left: 0; } + .navbar-landing { padding: 10px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + @media (max-width: 991.98px) { .navbar-landing { background-color: var(--vz-secondary-bg); @@ -15562,6 +17788,7 @@ span.flatpickr-weekday { padding: 10px 8px; } } + .navbar-landing .navbar-nav .nav-item .nav-link { font-size: 16px; font-weight: 500; @@ -15571,45 +17798,57 @@ span.flatpickr-weekday { color: var(--vz-body-color); padding: 14px; } + @media (max-width: 991.98px) { .navbar-landing .navbar-nav .nav-item .nav-link { padding: 8px 0; } } + .navbar-landing .navbar-nav .nav-item .nav-link.active, .navbar-landing .navbar-nav .nav-item .nav-link:focus, .navbar-landing .navbar-nav .nav-item .nav-link:hover { color: #0ab39c !important; } + .navbar-landing.is-sticky { background-color: var(--vz-secondary-bg); -webkit-box-shadow: 0 1px 16px -2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 16px -2px rgba(56, 65, 74, 0.15); } + .navbar-light .navbar-brand .card-logo-dark { display: none; } + .navbar-light .navbar-brand .card-logo-light { display: block; } + .navbar-light .navbar-nav .nav-item .nav-link { color: rgba(var(--vz-white-rgb), 0.75); } + .navbar-light.is-sticky .navbar-nav .nav-item .nav-link { color: var(--vz-body-color); } + .navbar-light.is-sticky .navbar-brand .card-logo-dark { display: block; } + .navbar-light.is-sticky .navbar-brand .card-logo-light { display: none; } + .hero-section { background-color: rgba(var(--vz-light-rgb), 0.5); } + .hero-section .hero-shape-svg svg path { fill: var(--vz-secondary-bg); } + .bg-overlay-pattern { background-image: url(../images/landing/bg-pattern.png); background-color: transparent; @@ -15617,27 +17856,32 @@ span.flatpickr-weekday { background-size: cover; opacity: 0.2; } + .demo-carousel { position: relative; z-index: 1; } + .demo-carousel .carousel-item .demo-item { background-color: var(--vz-secondary-bg); padding: 8px; border-radius: 7px; } + .demo-carousel .demo-img-patten-top { position: absolute; right: -50px; top: -16px; max-width: 230px; } + .demo-carousel .demo-img-patten-bottom { position: absolute; left: -70px; bottom: -50px; max-width: 230px; } + .client-images img { max-height: 45px; width: auto; @@ -15645,14 +17889,17 @@ span.flatpickr-weekday { -webkit-transition: all 0.4s; transition: all 0.4s; } + .plan-box { max-width: 356px; margin-left: auto; margin-right: auto; } + .process-card { position: relative; } + .process-card .process-arrow-img { position: absolute; left: 75%; @@ -15660,9 +17907,11 @@ span.flatpickr-weekday { width: 50%; opacity: 0.1; } + .custom-footer { color: #9ba7b3; } + .footer-list li a { color: #9ba7b3; padding: 7px 0; @@ -15670,35 +17919,44 @@ span.flatpickr-weekday { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } + .footer-list li a:hover { color: rgba(255, 255, 255, 0.9); } + .footer-social-link .avatar-title { color: #778089; background-color: rgba(255, 255, 255, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } + .footer-social-link .avatar-title:hover { color: #fff; background-color: #405189; } + #back-to-top.landing-back-top { bottom: 35px; } + [data-bs-theme="dark"] .layout-wrapper.landing .demo-img-patten-bottom, [data-bs-theme="dark"] .layout-wrapper.landing .demo-img-patten-top { opacity: 0.2; } + [data-bs-theme="dark"] .layout-wrapper.landing footer.bg-dark { background-color: var(--vz-secondary-bg) !important; } + [data-bs-theme="dark"] .navbar-light.is-sticky .navbar-brand .card-logo-dark { display: none; } + [data-bs-theme="dark"] .navbar-light.is-sticky .navbar-brand .card-logo-light { display: block; } + .bookmark-icon .btn { color: var(--vz-secondary-color); background-color: var(--vz-light) !important; @@ -15706,25 +17964,30 @@ span.flatpickr-weekday { box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); font-size: 0.8125rem; } + .bookmark-icon .btn.active, .bookmark-icon .btn:hover { border-color: transparent; color: #f06548; } + .explore-box { border-radius: 9px; overflow: hidden; } + .explore-box .explore-img { height: 280px; -o-object-fit: cover; object-fit: cover; } + .explore-box .explore-place-bid-img { position: relative; overflow: hidden; z-index: 0; } + .explore-box .explore-place-bid-img .bg-overlay { position: absolute; right: 0; @@ -15736,6 +17999,7 @@ span.flatpickr-weekday { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .explore-box .explore-place-bid-img .place-bid-btn { top: 50%; position: absolute; @@ -15743,19 +18007,23 @@ span.flatpickr-weekday { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } + .explore-box .explore-place-bid-img .place-bid-btn .btn { opacity: 0; bottom: -25px; -webkit-transition: 0.5s ease; transition: 0.5s ease; } + .explore-box:hover .explore-place-bid-img .place-bid-btn .btn { opacity: 1; bottom: 0; } + .explore-box:hover .explore-place-bid-img .bg-overlay { opacity: 1; } + .explore-box .discount-time { position: absolute; bottom: 0; @@ -15767,48 +18035,59 @@ span.flatpickr-weekday { backdrop-filter: blur(5px); padding: 8px; } + .nft-hero { background-image: url(../images/nft/bg-home.jpg); background-size: cover; background-position: bottom; padding: 222px 0 150px 0; } + .nft-hero .bg-overlay { background-color: #05175f; opacity: 0.85; } + #explorecard-list .list-element { display: none; } + #explorecard-list .list-element:nth-child(-n + 10) { display: block; } + .file-manager-menu { max-height: calc(100vh - 296px); } + @media (max-width: 991.98px) { .file-manager-menu { height: calc(100vh - 296px); } } + .file-manager-menu li { padding: 5px 0; } + .file-manager-menu li a { color: var(--vz-body-color); font-weight: 500; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .file-manager-menu li a.active, .file-manager-menu li a:hover, .file-manager-menu li a[aria-expanded="true"] { color: #0ab39c; } + .file-manager-menu li .sub-menu li { padding-left: 25px; position: relative; } + .file-manager-menu li .sub-menu li::before { content: "\f0374"; position: absolute; @@ -15816,10 +18095,12 @@ span.flatpickr-weekday { font-family: Material Design Icons; color: rgba(var(--vz-dark-rgb), 0.4); } + .file-manager-sidebar { position: relative; background-color: var(--vz-secondary-bg); } + @media (min-width: 992px) { .file-manager-sidebar { min-width: 300px; @@ -15827,6 +18108,7 @@ span.flatpickr-weekday { height: calc(100vh - 70px - 60px - 8px); } } + @media (max-width: 991.98px) { .file-manager-sidebar { position: fixed; @@ -15843,57 +18125,71 @@ span.flatpickr-weekday { visibility: hidden; height: 100vh; } + .file-manager-sidebar.menubar-show { visibility: visible; -webkit-transform: none; transform: none; } } + .file-menu-sidebar-scroll { height: calc(100vh - 375px); } + @media (max-width: 991.98px) { .file-menu-sidebar-scroll { height: calc(100vh - 190px); } } + .file-manager-content { background-color: var(--vz-secondary-bg); } + .file-manager-content-scroll { height: calc(100vh - 185px); } + @media (max-width: 991.98px) { .file-manager-content-scroll { height: calc(100vh - 144px); } } + .file-manager-content-scroll .simplebar-content { height: 100%; } + .file-detail-content-scroll { height: calc(100vh - 180px); } + @media (max-width: 991.98px) { .file-detail-content-scroll { height: 100vh; } } + .file-detail-content-scroll .simplebar-content { height: 100%; } + .file-manager-detail-content { width: 32%; max-width: 100%; background-color: var(--vz-secondary-bg); display: none; } + .file-detail-show .file-manager-detail-content { display: block; } + #file-overview { display: none; } + @media (max-width: 1399.98px) { .file-manager-detail-content { position: fixed; @@ -15909,11 +18205,13 @@ span.flatpickr-weekday { -webkit-transform: translateX(100%); transform: translateX(100%); } + .file-detail-show .file-manager-detail-content { -webkit-transform: none; transform: none; } } + .file-details-box { height: 195px; display: -webkit-box; @@ -15926,6 +18224,7 @@ span.flatpickr-weekday { -ms-flex-align: center; align-items: center; } + .to-do-menu li .nav-link { color: var(--vz-body-color); padding-left: 0; @@ -15936,102 +18235,128 @@ span.flatpickr-weekday { display: block; margin-bottom: 8px; } + .to-do-menu li .nav-link.active, .to-do-menu li .nav-link:hover { color: #0ab39c; } + .todo-content { height: calc(100vh - 362px); overflow-y: auto; } + .todo-content::-webkit-scrollbar { -webkit-appearance: none; } + .todo-content::-webkit-scrollbar:vertical { width: 8px; } + .todo-content::-webkit-scrollbar:horizontal { height: 10px; } + .todo-content::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-body-color-rgb), 0.075); border-radius: 8px; } + .todo-content::-webkit-scrollbar-track { border-radius: 8px; } -.todo-task table .form-check .form-check-input:checked + .form-check-label { + +.todo-task table .form-check .form-check-input:checked+.form-check-label { text-decoration: line-through; } + .task-handle { cursor: move; } + #task-error-msg { display: none; } + .bg-job { background-image: url(../images/new.png); background-size: cover; background-position: center; } + .job-list-view-card .background { height: 130px; } + @media (min-width: 1400px) and (max-width: 1499.98px) { .job-list-row.row .col-xxl-3 { width: 33%; } } + .custom-container { width: 90%; } + .job-navbar .dropdown-menu .dropdown-item .avatar-sm { height: 2.5rem; width: 2.5rem; } + @media (max-width: 991.98px) { .job-navbar { background-color: var(--vz-secondary-bg); padding: 16px 0; } } + .job-hero-section { position: relative; padding: 165px 0; overflow-x: hidden; } + .job-panel-filter { background-color: var(--vz-secondary-bg); border-radius: 0.25rem; overflow: hidden; } + .job-panel-filter .form-control { height: 45px; border: none; border-radius: 0; background-color: transparent; } + .job-panel-filter .btn { border-radius: 0; } + .job-panel-filter input.form-control { border-right: 1px solid var(--vz-border-color); } + @media (max-width: 767.98px) { .job-panel-filter { background-color: transparent; } + .job-panel-filter .form-control { background-color: #fff; border-radius: var(--vz-border-radius); } + .job-panel-filter input.form-control { border: 0; } + .job-panel-filter .btn { border-radius: var(--vz-border-radius); } } + .circle-effect { position: absolute; top: 0; @@ -16039,6 +18364,7 @@ span.flatpickr-weekday { right: -55px; margin: 0 auto; } + .circle-effect .circle { border: 1px solid var(--vz-border-color); height: 240px; @@ -16046,6 +18372,7 @@ span.flatpickr-weekday { margin: 0 auto; border-radius: 50%; } + .circle-effect .circle2 { position: absolute; top: -20px; @@ -16056,6 +18383,7 @@ span.flatpickr-weekday { margin: 0 auto; border-radius: 50%; } + .circle-effect .circle3 { position: absolute; top: -40px; @@ -16066,6 +18394,7 @@ span.flatpickr-weekday { margin: 0 auto; border-radius: 50%; } + .circle-effect .circle4 { position: absolute; top: -60px; @@ -16076,15 +18405,18 @@ span.flatpickr-weekday { margin: 0 auto; border-radius: 50%; } + @media (max-width: 991.98px) { .circle-effect { display: none; } } + .home-img .user-img { position: relative; z-index: 1; } + .application-box, .feedback-box, .inquiry-box { @@ -16094,40 +18426,48 @@ span.flatpickr-weekday { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } + .application-box:hover, .feedback-box:hover, .inquiry-box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } + .inquiry-box { left: -134px; top: 90px; } + @media (max-width: 991.98px) { .inquiry-box { left: 0; } } + .application-box { bottom: 50px; right: -160px; } + @media (max-width: 991.98px) { .application-box { right: 0; } } + .feedback-box { right: -50px; bottom: -54px; } + @media (max-width: 576.98px) { .feedback-box { right: 0; bottom: 0; } } + .job-icon-effect { height: 30px; width: 30px; @@ -16135,24 +18475,25 @@ span.flatpickr-weekday { top: 0; left: -2%; border-radius: 50%; - background: repeating-linear-gradient( - -55deg, - rgba(255, 255, 255, 0) 0.8px, - #0ab39c 1.6px, - #0ab39c 2px, - rgba(255, 255, 255, 0) 3.8px, - rgba(255, 255, 255, 0) 5px - ); + background: repeating-linear-gradient(-55deg, + rgba(255, 255, 255, 0) 0.8px, + #0ab39c 1.6px, + #0ab39c 2px, + rgba(255, 255, 255, 0) 3.8px, + rgba(255, 255, 255, 0) 5px); z-index: 0; opacity: 0.2; } + .job-icon-effect span { position: relative; z-index: 1; } + .about-img-section { position: relative; } + .about-img-section::before { content: ""; position: absolute; @@ -16164,15 +18505,18 @@ span.flatpickr-weekday { z-index: 0; border-radius: 0.25rem; } + @media (max-width: 576.98px) { .about-img-section::before { right: 20px; top: 20px; } } + .features-company-widgets { position: absolute; bottom: -18px; right: -35px; } + /*# sourceMappingURL=app.min.css.map */ diff --git a/resources/views/client/raffles/pages/resources-template.blade.php b/resources/views/client/raffles/pages/resources-template.blade.php index f0fc8fa..bc8311c 100644 --- a/resources/views/client/raffles/pages/resources-template.blade.php +++ b/resources/views/client/raffles/pages/resources-template.blade.php @@ -37,8 +37,7 @@ aria-labelledby="heading-question-1"> @foreach ($countries as $country) -

{{ $country->title }}

diff --git a/resources/views/client/raffles/pages/study-destination-template.blade.php b/resources/views/client/raffles/pages/study-destination-template.blade.php index 895a394..9d792fe 100644 --- a/resources/views/client/raffles/pages/study-destination-template.blade.php +++ b/resources/views/client/raffles/pages/study-destination-template.blade.php @@ -163,7 +163,7 @@

- {{ \Illuminate\Support\Str::limit($item['key'] ?? '', 10) }} + {{ \Illuminate\Support\Str::limit($item['key'] ?? '', 50) }}