From aeab01def8ccc8ed474446ea4a93fb28c68dc77c Mon Sep 17 00:00:00 2001 From: Francisco Flores Date: Mon, 7 Apr 2025 17:51:40 -0300 Subject: [PATCH 1/2] adicionando traducao --- .../Project/Planning/CriteriaController.php | 12 +- .../QualityAssessment/PaperModal.php | 8 +- .../Conducting/StudySelection/PaperModal.php | 2 +- lang/en/project/conducting.php | 4 +- lang/en/project/planning.php | 5 + lang/pt_BR/project/conducting.php | 9 +- lang/pt_BR/project/planning.php | 5 + public/assets/css/argon-dashboard.css | 3921 ++++++++++++----- 8 files changed, 2960 insertions(+), 1006 deletions(-) diff --git a/app/Http/Controllers/Project/Planning/CriteriaController.php b/app/Http/Controllers/Project/Planning/CriteriaController.php index 168ffa458..0247204fe 100644 --- a/app/Http/Controllers/Project/Planning/CriteriaController.php +++ b/app/Http/Controllers/Project/Planning/CriteriaController.php @@ -38,7 +38,7 @@ public function store(Request $request, string $projectId): RedirectResponse ->back() ->with('activePlanningTab', 'criteria') ->withErrors([ - 'duplicate' => 'The provided ID already exists in this project.', + 'duplicate' => __('project.planning.criteria.duplicate_id'), ]); } @@ -81,7 +81,7 @@ public function update(Request $request, string $projectId, Criteria $criterion) if ($existingCriteria) { return back()->withErrors([ - 'duplicate' => 'The provided ID already exists in this project.', + 'duplicate' => __('project.planning.criteria.duplicate_id'), ]); } @@ -96,7 +96,7 @@ public function update(Request $request, string $projectId, Criteria $criterion) return redirect() ->back() ->with('activePlanningTab', 'criteria') - ->with('success', 'Criteria updated successfully'); + ->with('success', __('project.planning.criteria.updated_success')); } /** @@ -112,7 +112,7 @@ public function destroy(string $projectId, Criteria $criterion): RedirectRespons if ($criterion->id_project != $projectId) { return redirect() ->back() - ->with('error', 'Criteria not found'); + ->with('error', __('project.planning.criteria.not_found')); } @@ -129,7 +129,7 @@ public function destroy(string $projectId, Criteria $criterion): RedirectRespons return redirect() ->back() ->with('activePlanningTab', 'criteria') - ->with('success', 'Criteria deleted successfully'); + ->with('success', __('project.planning.criteria.deleted_success')); } /** @@ -160,7 +160,7 @@ public function change_preselected(Request $request, string $id): RedirectRespon return redirect() ->back() ->with('activePlanningTab', 'criteria') - ->with('success', 'Pre-selected value updated successfully'); + ->with('success', __('project.planning.criteria.preselected_updated')); } /** diff --git a/app/Livewire/Conducting/QualityAssessment/PaperModal.php b/app/Livewire/Conducting/QualityAssessment/PaperModal.php index 480063d21..623663d17 100644 --- a/app/Livewire/Conducting/QualityAssessment/PaperModal.php +++ b/app/Livewire/Conducting/QualityAssessment/PaperModal.php @@ -148,13 +148,13 @@ public function updateStatusManual() $paper->save(); session()->forget('successMessage'); - session()->flash('successMessage', "Status Quality updated successfully. New status: " . $status->status); + session()->flash('successMessage', __("project.conducting.quality-assessment.messages.status_quality_updated", ['status' => $status->status])); } else { session()->forget('successMessage'); - session()->flash('successMessage', "Status updated for your selection. New status: " . $status->status); + session()->flash('successMessage', __("project.conducting.quality-assessment.messages.status_updated_for_selection", ['status' => $status->status])); } session()->forget('successMessage'); - session()->flash('successMessage', "Status Quality updated successfully. New status: " . $status->status); + session()->flash('successMessage', __("project.conducting.quality-assessment.messages.status_quality_updated", ['status' => $status->status])); // Mostra o modal de sucesso $this->dispatch('show-success-quality'); } @@ -211,7 +211,7 @@ public function updateScore($questionId, $scoreId) $this->loadSelectedScores(); session()->forget('successMessage'); - session()->flash('successMessage', "Evaluation Quality Score updated successfully."); + session()->flash('successMessage', __("project.conducting.quality-assessment.messages.evaluation_quality_score_updated")); // Se desejar, você pode adicionar uma mensagem de sucesso ou atualizar algum estado $this->dispatch('reload-paper-modal'); diff --git a/app/Livewire/Conducting/StudySelection/PaperModal.php b/app/Livewire/Conducting/StudySelection/PaperModal.php index 2f806f4c2..93583b6f7 100644 --- a/app/Livewire/Conducting/StudySelection/PaperModal.php +++ b/app/Livewire/Conducting/StudySelection/PaperModal.php @@ -172,7 +172,7 @@ public function changePreSelected($criteriaId, $type) $this->updatePaperStatus($type); session()->forget('successMessage'); - session()->flash('successMessage', "Criteria updated successfully. New status: " . $this->getPaperStatusDescription($this->paper['status_selection'])); + session()->flash('successMessage', __("project.conducting.study-selection.messages.criteria_updated", ['status' => $this->getPaperStatusDescription($this->paper['status_selection'])])); // Atualiza a view para mostrar o alert $this->dispatch('show-success'); diff --git a/lang/en/project/conducting.php b/lang/en/project/conducting.php index 3355cf6f0..dd0f4f506 100644 --- a/lang/en/project/conducting.php +++ b/lang/en/project/conducting.php @@ -120,7 +120,9 @@ 'success'=>'Success', ], - + 'messages' => [ + 'criteria_updated' => 'Criteria updated successfully. New status: :status', + ], 'status' => [ 'duplicate' => 'Duplicate', 'removed' => 'Removed', diff --git a/lang/en/project/planning.php b/lang/en/project/planning.php index 70f887176..1b71a947c 100644 --- a/lang/en/project/planning.php +++ b/lang/en/project/planning.php @@ -535,6 +535,11 @@ ], ], ], + 'duplicate_id' => 'The provided ID already exists in this project.', + 'updated_success' => 'Criteria updated successfully.', + 'not_found' => 'Criteria not found.', + 'deleted_success' => 'Criteria deleted successfully.', + 'preselected_updated' => 'Pre-selected value updated successfully.', ], 'quality-assessment' => [ 'title' => 'Quality Assessment', diff --git a/lang/pt_BR/project/conducting.php b/lang/pt_BR/project/conducting.php index 7110562e5..53192d4b7 100644 --- a/lang/pt_BR/project/conducting.php +++ b/lang/pt_BR/project/conducting.php @@ -152,6 +152,9 @@ 'table-duplicate-no'=>'NÃO', ], + 'messages' => [ + 'criteria_updated' => 'Critério atualizado com sucesso. Novo status: :status', + ], ], 'snowballing' => [ @@ -467,7 +470,11 @@ 'data-refresh' => 'Dados atualizados com sucesso', ], ], - + 'messages' => [ + 'evaluation_quality_score_updated' => 'Pontuação de Avaliação de Qualidade atualizada com sucesso.', + 'status_quality_updated' => 'Status de Qualidade atualizado com sucesso. Novo status: :status', + 'status_updated_for_selection' => 'Status atualizado para sua seleção. Novo status: :status', + ], ], 'data-extraction' => [ diff --git a/lang/pt_BR/project/planning.php b/lang/pt_BR/project/planning.php index 0b6d21b0f..91465c49c 100644 --- a/lang/pt_BR/project/planning.php +++ b/lang/pt_BR/project/planning.php @@ -533,6 +533,11 @@ 'unique-id' => 'Este ID de critério já está em uso. Por favor, insira um ID de critério único.', ], ], + 'duplicate_id' => 'O ID fornecido já existe neste projeto.', + 'updated_success' => 'Critério atualizado com sucesso.', + 'not_found' => 'Critério não encontrado.', + 'deleted_success' => 'Critério excluído com sucesso.', + 'preselected_updated' => 'Valor pré-selecionado atualizado com sucesso.', ], 'quality-assessment' => [ 'title' => 'Avaliação de Qualidade', diff --git a/public/assets/css/argon-dashboard.css b/public/assets/css/argon-dashboard.css index fa49a73ce..30f4b5e55 100644 --- a/public/assets/css/argon-dashboard.css +++ b/public/assets/css/argon-dashboard.css @@ -1,4 +1,5 @@ @charset "UTF-8"; + /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors @@ -98,7 +99,18 @@ hr:not([size]) { height: 1px; } -h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { +h6, +.h6, +h5, +.h5, +h4, +.h4, +h3, +.h3, +h2, +.h2, +h1, +.h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 400; @@ -106,21 +118,25 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #344767; } -h1, .h1 { +h1, +.h1 { font-size: calc(1.425rem + 2.1vw); } + @media (min-width: 1200px) { - h1, .h1 { + + h1, + .h1 { font-size: 3rem; } } -.title-thoth{ +.title-thoth { font-size: 1.8rem; margin-top: 0.6rem; } -.help-thoth-button{ +.help-thoth-button { border-radius: 100%; margin-left: 0.4rem; font-size: 0.6rem; @@ -130,43 +146,57 @@ h1, .h1 { color: white; } -.unique-form-planning{ +.unique-form-planning { margin-bottom: 1rem; margin-top: 1rem; } -h2, .h2 { +h2, +.h2 { font-size: calc(1.35rem + 1.2vw); } + @media (min-width: 1200px) { - h2, .h2 { + + h2, + .h2 { font-size: 2.25rem; } } -h3, .h3 { +h3, +.h3 { font-size: calc(1.3125rem + 0.75vw); } + @media (min-width: 1200px) { - h3, .h3 { + + h3, + .h3 { font-size: 1.875rem; } } -h4, .h4 { +h4, +.h4 { font-size: calc(1.275rem + 0.3vw); } + @media (min-width: 1200px) { - h4, .h4 { + + h4, + .h4 { font-size: 1.5rem; } } -h5, .h5 { +h5, +.h5 { font-size: 1.25rem; } -h6, .h6 { +h6, +.h6 { font-size: 1rem; } @@ -178,10 +208,10 @@ p { abbr[title], abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; + text-decoration-skip-ink: none; } address { @@ -227,11 +257,13 @@ strong { font-weight: 700; } -small, .small { +small, +.small { font-size: 0.875em; } -mark, .mark { +mark, +.mark { padding: 0.2em; background-color: #fcf8e3; } @@ -256,12 +288,14 @@ a { color: #fb6340; text-decoration: none; } + a:hover { color: #ea3005; text-decoration: none; } -a:not([href]):not([class]), a:not([href]):not([class]):hover { +a:not([href]):not([class]), +a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } @@ -272,7 +306,9 @@ kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; - direction: ltr /* rtl:ignore */; + direction: ltr + /* rtl:ignore */ + ; unicode-bidi: bidi-override; } @@ -283,6 +319,7 @@ pre { overflow: auto; font-size: 0.875em; } + pre code { font-size: inherit; color: inherit; @@ -294,7 +331,8 @@ code { color: #d63384; word-wrap: break-word; } -a > code { + +a>code { color: inherit; } @@ -305,6 +343,7 @@ kbd { background-color: #212529; border-radius: 0.25rem; } + kbd kbd { padding: 0; font-size: 1em; @@ -383,6 +422,7 @@ select { select { word-wrap: normal; } + select:disabled { opacity: 1; } @@ -397,6 +437,7 @@ button, [type=submit] { -webkit-appearance: button; } + button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), @@ -428,12 +469,14 @@ legend { font-size: calc(1.275rem + 0.3vw); line-height: inherit; } + @media (min-width: 1200px) { legend { font-size: 1.5rem; } } -legend + * { + +legend+* { clear: left; } @@ -516,6 +559,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-1 { font-size: 5rem; @@ -527,6 +571,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; @@ -538,6 +583,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-3 { font-size: 4rem; @@ -549,6 +595,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; @@ -560,6 +607,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-5 { font-size: 3rem; @@ -571,6 +619,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; @@ -590,6 +639,7 @@ progress { .list-inline-item { display: inline-block; } + .list-inline-item:not(:last-child) { margin-right: 0.5rem; } @@ -603,7 +653,8 @@ progress { margin-bottom: 1rem; font-size: 1.25rem; } -.blockquote > :last-child { + +.blockquote> :last-child { margin-bottom: 0; } @@ -613,6 +664,7 @@ progress { font-size: 0.875em; color: #6c757d; } + .blockquote-footer::before { content: "— "; } @@ -662,38 +714,62 @@ progress { /* Adicione esta regra para telas menores */ @media (max-width: 600px) { - .container-fluid-project - { + .container-fluid-project { padding-right: 0rem; padding-left: 0rem; } } @media (min-width: 768px) { - .container-sm, .container { + + .container-sm, + .container { max-width: 540px; } } + @media (min-width: 768px) { - .container-md, .container-sm, .container { + + .container-md, + .container-sm, + .container { max-width: 720px; } } + @media (min-width: 992px) { - .container-lg, .container-md, .container-sm, .container { + + .container-lg, + .container-md, + .container-sm, + .container { max-width: 960px; } } + @media (min-width: 1200px) { - .container-xl, .container-lg, .container-md, .container-sm, .container { + + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { max-width: 1140px; } } + @media (min-width: 1400px) { - .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + + .container-xxl, + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { max-width: 1320px; } } + .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; @@ -703,7 +779,8 @@ progress { margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } -.row > * { + +.row>* { flex-shrink: 0; width: 100%; max-width: 100%; @@ -716,37 +793,37 @@ progress { flex: 1 0 0%; } -.row-cols-auto > * { +.row-cols-auto>* { flex: 0 0 auto; width: auto; } -.row-cols-1 > * { +.row-cols-1>* { flex: 0 0 auto; width: 100%; } -.row-cols-2 > * { +.row-cols-2>* { flex: 0 0 auto; width: 50%; } -.row-cols-3 > * { +.row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } -.row-cols-4 > * { +.row-cols-4>* { flex: 0 0 auto; width: 25%; } -.row-cols-5 > * { +.row-cols-5>* { flex: 0 0 auto; width: 20%; } -.row-cols-6 > * { +.row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -995,37 +1072,37 @@ progress { flex: 1 0 0%; } - .row-cols-sm-auto > * { + .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-sm-1 > * { + .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-sm-2 > * { + .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-sm-3 > * { + .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-sm-4 > * { + .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-sm-5 > * { + .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-sm-6 > * { + .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1144,171 +1221,172 @@ progress { } .g-sm-0, -.gx-sm-0 { + .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, -.gy-sm-0 { + .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, -.gx-sm-1 { + .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, -.gy-sm-1 { + .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, -.gx-sm-2 { + .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, -.gy-sm-2 { + .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, -.gx-sm-3 { + .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, -.gy-sm-3 { + .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, -.gx-sm-4 { + .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, -.gy-sm-4 { + .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, -.gx-sm-5 { + .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, -.gy-sm-5 { + .gy-sm-5 { --bs-gutter-y: 3rem; } .g-sm-6, -.gx-sm-6 { + .gx-sm-6 { --bs-gutter-x: 4rem; } .g-sm-6, -.gy-sm-6 { + .gy-sm-6 { --bs-gutter-y: 4rem; } .g-sm-7, -.gx-sm-7 { + .gx-sm-7 { --bs-gutter-x: 6rem; } .g-sm-7, -.gy-sm-7 { + .gy-sm-7 { --bs-gutter-y: 6rem; } .g-sm-8, -.gx-sm-8 { + .gx-sm-8 { --bs-gutter-x: 8rem; } .g-sm-8, -.gy-sm-8 { + .gy-sm-8 { --bs-gutter-y: 8rem; } .g-sm-9, -.gx-sm-9 { + .gx-sm-9 { --bs-gutter-x: 10rem; } .g-sm-9, -.gy-sm-9 { + .gy-sm-9 { --bs-gutter-y: 10rem; } .g-sm-10, -.gx-sm-10 { + .gx-sm-10 { --bs-gutter-x: 12rem; } .g-sm-10, -.gy-sm-10 { + .gy-sm-10 { --bs-gutter-y: 12rem; } .g-sm-11, -.gx-sm-11 { + .gx-sm-11 { --bs-gutter-x: 14rem; } .g-sm-11, -.gy-sm-11 { + .gy-sm-11 { --bs-gutter-y: 14rem; } .g-sm-12, -.gx-sm-12 { + .gx-sm-12 { --bs-gutter-x: 16rem; } .g-sm-12, -.gy-sm-12 { + .gy-sm-12 { --bs-gutter-y: 16rem; } } + @media (min-width: 768px) { .col-md { flex: 1 0 0%; } - .row-cols-md-auto > * { + .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-md-1 > * { + .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-md-2 > * { + .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-md-3 > * { + .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-md-4 > * { + .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-md-5 > * { + .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-md-6 > * { + .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1427,171 +1505,172 @@ progress { } .g-md-0, -.gx-md-0 { + .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, -.gy-md-0 { + .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, -.gx-md-1 { + .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, -.gy-md-1 { + .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, -.gx-md-2 { + .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, -.gy-md-2 { + .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, -.gx-md-3 { + .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, -.gy-md-3 { + .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, -.gx-md-4 { + .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, -.gy-md-4 { + .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, -.gx-md-5 { + .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, -.gy-md-5 { + .gy-md-5 { --bs-gutter-y: 3rem; } .g-md-6, -.gx-md-6 { + .gx-md-6 { --bs-gutter-x: 4rem; } .g-md-6, -.gy-md-6 { + .gy-md-6 { --bs-gutter-y: 4rem; } .g-md-7, -.gx-md-7 { + .gx-md-7 { --bs-gutter-x: 6rem; } .g-md-7, -.gy-md-7 { + .gy-md-7 { --bs-gutter-y: 6rem; } .g-md-8, -.gx-md-8 { + .gx-md-8 { --bs-gutter-x: 8rem; } .g-md-8, -.gy-md-8 { + .gy-md-8 { --bs-gutter-y: 8rem; } .g-md-9, -.gx-md-9 { + .gx-md-9 { --bs-gutter-x: 10rem; } .g-md-9, -.gy-md-9 { + .gy-md-9 { --bs-gutter-y: 10rem; } .g-md-10, -.gx-md-10 { + .gx-md-10 { --bs-gutter-x: 12rem; } .g-md-10, -.gy-md-10 { + .gy-md-10 { --bs-gutter-y: 12rem; } .g-md-11, -.gx-md-11 { + .gx-md-11 { --bs-gutter-x: 14rem; } .g-md-11, -.gy-md-11 { + .gy-md-11 { --bs-gutter-y: 14rem; } .g-md-12, -.gx-md-12 { + .gx-md-12 { --bs-gutter-x: 16rem; } .g-md-12, -.gy-md-12 { + .gy-md-12 { --bs-gutter-y: 16rem; } } + @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } - .row-cols-lg-auto > * { + .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-lg-1 > * { + .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-lg-2 > * { + .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-lg-3 > * { + .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-lg-4 > * { + .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-lg-5 > * { + .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-lg-6 > * { + .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1710,171 +1789,172 @@ progress { } .g-lg-0, -.gx-lg-0 { + .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, -.gy-lg-0 { + .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, -.gx-lg-1 { + .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, -.gy-lg-1 { + .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, -.gx-lg-2 { + .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, -.gy-lg-2 { + .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, -.gx-lg-3 { + .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, -.gy-lg-3 { + .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, -.gx-lg-4 { + .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, -.gy-lg-4 { + .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, -.gx-lg-5 { + .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, -.gy-lg-5 { + .gy-lg-5 { --bs-gutter-y: 3rem; } .g-lg-6, -.gx-lg-6 { + .gx-lg-6 { --bs-gutter-x: 4rem; } .g-lg-6, -.gy-lg-6 { + .gy-lg-6 { --bs-gutter-y: 4rem; } .g-lg-7, -.gx-lg-7 { + .gx-lg-7 { --bs-gutter-x: 6rem; } .g-lg-7, -.gy-lg-7 { + .gy-lg-7 { --bs-gutter-y: 6rem; } .g-lg-8, -.gx-lg-8 { + .gx-lg-8 { --bs-gutter-x: 8rem; } .g-lg-8, -.gy-lg-8 { + .gy-lg-8 { --bs-gutter-y: 8rem; } .g-lg-9, -.gx-lg-9 { + .gx-lg-9 { --bs-gutter-x: 10rem; } .g-lg-9, -.gy-lg-9 { + .gy-lg-9 { --bs-gutter-y: 10rem; } .g-lg-10, -.gx-lg-10 { + .gx-lg-10 { --bs-gutter-x: 12rem; } .g-lg-10, -.gy-lg-10 { + .gy-lg-10 { --bs-gutter-y: 12rem; } .g-lg-11, -.gx-lg-11 { + .gx-lg-11 { --bs-gutter-x: 14rem; } .g-lg-11, -.gy-lg-11 { + .gy-lg-11 { --bs-gutter-y: 14rem; } .g-lg-12, -.gx-lg-12 { + .gx-lg-12 { --bs-gutter-x: 16rem; } .g-lg-12, -.gy-lg-12 { + .gy-lg-12 { --bs-gutter-y: 16rem; } } + @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } - .row-cols-xl-auto > * { + .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-xl-1 > * { + .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-xl-2 > * { + .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-xl-3 > * { + .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-xl-4 > * { + .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-xl-5 > * { + .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-xl-6 > * { + .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1993,171 +2073,172 @@ progress { } .g-xl-0, -.gx-xl-0 { + .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, -.gy-xl-0 { + .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, -.gx-xl-1 { + .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, -.gy-xl-1 { + .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, -.gx-xl-2 { + .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, -.gy-xl-2 { + .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, -.gx-xl-3 { + .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, -.gy-xl-3 { + .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, -.gx-xl-4 { + .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, -.gy-xl-4 { + .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, -.gx-xl-5 { + .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, -.gy-xl-5 { + .gy-xl-5 { --bs-gutter-y: 3rem; } .g-xl-6, -.gx-xl-6 { + .gx-xl-6 { --bs-gutter-x: 4rem; } .g-xl-6, -.gy-xl-6 { + .gy-xl-6 { --bs-gutter-y: 4rem; } .g-xl-7, -.gx-xl-7 { + .gx-xl-7 { --bs-gutter-x: 6rem; } .g-xl-7, -.gy-xl-7 { + .gy-xl-7 { --bs-gutter-y: 6rem; } .g-xl-8, -.gx-xl-8 { + .gx-xl-8 { --bs-gutter-x: 8rem; } .g-xl-8, -.gy-xl-8 { + .gy-xl-8 { --bs-gutter-y: 8rem; } .g-xl-9, -.gx-xl-9 { + .gx-xl-9 { --bs-gutter-x: 10rem; } .g-xl-9, -.gy-xl-9 { + .gy-xl-9 { --bs-gutter-y: 10rem; } .g-xl-10, -.gx-xl-10 { + .gx-xl-10 { --bs-gutter-x: 12rem; } .g-xl-10, -.gy-xl-10 { + .gy-xl-10 { --bs-gutter-y: 12rem; } .g-xl-11, -.gx-xl-11 { + .gx-xl-11 { --bs-gutter-x: 14rem; } .g-xl-11, -.gy-xl-11 { + .gy-xl-11 { --bs-gutter-y: 14rem; } .g-xl-12, -.gx-xl-12 { + .gx-xl-12 { --bs-gutter-x: 16rem; } .g-xl-12, -.gy-xl-12 { + .gy-xl-12 { --bs-gutter-y: 16rem; } } + @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } - .row-cols-xxl-auto > * { + .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-xxl-1 > * { + .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-xxl-2 > * { + .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-xxl-3 > * { + .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-xxl-4 > * { + .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-xxl-5 > * { + .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-xxl-6 > * { + .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -2276,135 +2357,136 @@ progress { } .g-xxl-0, -.gx-xxl-0 { + .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, -.gy-xxl-0 { + .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, -.gx-xxl-1 { + .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, -.gy-xxl-1 { + .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, -.gx-xxl-2 { + .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, -.gy-xxl-2 { + .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, -.gx-xxl-3 { + .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, -.gy-xxl-3 { + .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, -.gx-xxl-4 { + .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, -.gy-xxl-4 { + .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, -.gx-xxl-5 { + .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, -.gy-xxl-5 { + .gy-xxl-5 { --bs-gutter-y: 3rem; } .g-xxl-6, -.gx-xxl-6 { + .gx-xxl-6 { --bs-gutter-x: 4rem; } .g-xxl-6, -.gy-xxl-6 { + .gy-xxl-6 { --bs-gutter-y: 4rem; } .g-xxl-7, -.gx-xxl-7 { + .gx-xxl-7 { --bs-gutter-x: 6rem; } .g-xxl-7, -.gy-xxl-7 { + .gy-xxl-7 { --bs-gutter-y: 6rem; } .g-xxl-8, -.gx-xxl-8 { + .gx-xxl-8 { --bs-gutter-x: 8rem; } .g-xxl-8, -.gy-xxl-8 { + .gy-xxl-8 { --bs-gutter-y: 8rem; } .g-xxl-9, -.gx-xxl-9 { + .gx-xxl-9 { --bs-gutter-x: 10rem; } .g-xxl-9, -.gy-xxl-9 { + .gy-xxl-9 { --bs-gutter-y: 10rem; } .g-xxl-10, -.gx-xxl-10 { + .gx-xxl-10 { --bs-gutter-x: 12rem; } .g-xxl-10, -.gy-xxl-10 { + .gy-xxl-10 { --bs-gutter-y: 12rem; } .g-xxl-11, -.gx-xxl-11 { + .gx-xxl-11 { --bs-gutter-x: 14rem; } .g-xxl-11, -.gy-xxl-11 { + .gy-xxl-11 { --bs-gutter-y: 14rem; } .g-xxl-12, -.gx-xxl-12 { + .gx-xxl-12 { --bs-gutter-x: 16rem; } .g-xxl-12, -.gy-xxl-12 { + .gy-xxl-12 { --bs-gutter-y: 16rem; } } + .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; @@ -2420,19 +2502,23 @@ progress { vertical-align: top; border-color: #e9ecef; } -.table > :not(caption) > * > * { + +.table> :not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } -.table > tbody { + +.table>tbody { vertical-align: inherit; } -.table > thead { + +.table>thead { vertical-align: bottom; } -.table > :not(:first-child) { + +.table> :not(:first-child) { border-top: 2px solid currentColor; } @@ -2440,25 +2526,27 @@ progress { caption-side: top; } -.table-sm > :not(caption) > * > * { +.table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } -.table-bordered > :not(caption) > * { +.table-bordered> :not(caption)>* { border-width: 1px 0; } -.table-bordered > :not(caption) > * > * { + +.table-bordered> :not(caption)>*>* { border-width: 0 1px; } -.table-borderless > :not(caption) > * > * { +.table-borderless> :not(caption)>*>* { border-bottom-width: 0; } -.table-borderless > :not(:first-child) { + +.table-borderless> :not(:first-child) { border-top-width: 0; } -.table-striped > tbody > tr:nth-of-type(odd) > * { +.table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } @@ -2468,7 +2556,7 @@ progress { color: var(--bs-table-active-color); } -.table-hover > tbody > tr:hover > * { +.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } @@ -2580,30 +2668,35 @@ progress { -webkit-overflow-scrolling: touch; } } + @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + .form-label { margin-bottom: 0.5rem; font-size: 0.75rem; @@ -2651,22 +2744,26 @@ progress { background-clip: padding-box; border: 1px solid #d2d6da; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border-radius: 0.5rem; transition: box-shadow 0.15s ease, border-color 0.15s ease; } + @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } + .form-control[type=file] { overflow: hidden; } + .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } + .form-control:focus { color: #495057; background-color: #fff; @@ -2674,30 +2771,37 @@ progress { outline: 0; box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); } + .form-control::-webkit-date-and-time-value { height: 1.4rem; } + .form-control::-moz-placeholder { color: #adb5bd; opacity: 1; } + .form-control:-ms-input-placeholder { color: #adb5bd; opacity: 1; } + .form-control::placeholder { color: #adb5bd; opacity: 1; } -.form-control:disabled, .form-control[readonly] { + +.form-control:disabled, +.form-control[readonly] { background-color: #e9ecef; opacity: 1; } + .form-control::-webkit-file-upload-button { padding: 0.5rem 0.75rem; margin: -0.5rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; color: #495057; background-color: #fff; pointer-events: none; @@ -2709,11 +2813,12 @@ progress { -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } + .form-control::file-selector-button { padding: 0.5rem 0.75rem; margin: -0.5rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; color: #495057; background-color: #fff; pointer-events: none; @@ -2724,26 +2829,31 @@ progress { border-radius: 0; transition: all 0.15s ease-in; } + @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } + .form-control::file-selector-button { transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #f2f2f2; } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #f2f2f2; } + .form-control::-webkit-file-upload-button { padding: 0.5rem 0.75rem; margin: -0.5rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; color: #495057; background-color: #fff; pointer-events: none; @@ -2755,12 +2865,14 @@ progress { -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } + @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #f2f2f2; } @@ -2776,7 +2888,9 @@ progress { border: solid transparent; border-width: 1px 0; } -.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } @@ -2787,23 +2901,26 @@ progress { font-size: 0.75rem; border-radius: 0.5rem; } + .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.75rem; margin: -0.25rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; } + .form-control-sm::file-selector-button { padding: 0.25rem 0.75rem; margin: -0.25rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; } + .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.75rem; margin: -0.25rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; } .form-control-lg { @@ -2812,31 +2929,36 @@ progress { font-size: 0.875rem; border-radius: 0.5rem; } + .form-control-lg::-webkit-file-upload-button { padding: 0.75rem 0.75rem; margin: -0.75rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; } + .form-control-lg::file-selector-button { padding: 0.75rem 0.75rem; margin: -0.75rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; } + .form-control-lg::-webkit-file-upload-button { padding: 0.75rem 0.75rem; margin: -0.75rem -0.75rem; -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; } textarea.form-control { min-height: unset; } + textarea.form-control-sm { min-height: unset; } + textarea.form-control-lg { min-height: unset; } @@ -2846,13 +2968,16 @@ textarea.form-control-lg { height: auto; padding: 0.5rem; } + .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } + .form-control-color::-moz-color-swatch { height: 1.4rem; border-radius: 0.5rem; } + .form-control-color::-webkit-color-swatch { height: 1.4rem; border-radius: 0.5rem; @@ -2876,27 +3001,33 @@ textarea.form-control-lg { border-radius: 0.5rem; transition: box-shadow 0.15s ease, border-color 0.15s ease; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } + @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } + .form-select:focus { border-color: #fb6340; outline: 0; box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); } -.form-select[multiple], .form-select[size]:not([size="1"]) { + +.form-select[multiple], +.form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } + .form-select:disabled { color: #6c757d; background-color: #e9ecef; } + .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; @@ -2924,6 +3055,7 @@ textarea.form-control-lg { padding-left: 1.73em; margin-bottom: 0.125rem; } + .form-check .form-check-input { float: left; margin-left: -1.73em; @@ -2940,58 +3072,71 @@ textarea.form-control-lg { background-size: contain; border: none; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; -webkit-print-color-adjust: exact; - color-adjust: exact; + color-adjust: exact; transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } + .form-check-input[type=checkbox] { border-radius: 0.35rem; } + .form-check-input[type=radio] { border-radius: 50%; } + .form-check-input:active { filter: brightness(99%); } + .form-check-input:focus { border-color: none; outline: 0; box-shadow: none; } + .form-check-input:checked { background-color: transparent; border-color: transparent; } + .form-check-input:checked[type=checkbox] { background-image: linear-gradient(310deg, #fb6340 0%, #f56036 100%); } + .form-check-input:checked[type=radio] { background-image: linear-gradient(310deg, #fb6340 0%, #f56036 100%); } + .form-check-input[type=checkbox]:indeterminate { background-color: #fb6340; border-color: #fb6340; 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 10h8'/%3e%3c/svg%3e"); } + .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } -.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + +.form-check-input[disabled]~.form-check-label, +.form-check-input:disabled~.form-check-label { opacity: 0.5; } .form-switch { padding-left: 3rem; } + .form-switch .form-check-input { width: 2.5rem; margin-left: -3rem; @@ -3000,14 +3145,17 @@ textarea.form-control-lg { border-radius: 2.5rem; transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } + .form-switch .form-check-input:focus { background-image: none; } + .form-switch .form-check-input:checked { background-position: right center; background-image: none; @@ -3023,7 +3171,9 @@ textarea.form-control-lg { clip: rect(0, 0, 0, 0); pointer-events: none; } -.btn-check[disabled] + .btn, .btn-check:disabled + .btn { + +.btn-check[disabled]+.btn, +.btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 0.65; @@ -3035,21 +3185,26 @@ textarea.form-control-lg { padding: 0; background-color: transparent; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } + .form-range:focus { outline: 0; } + .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); } + .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); } + .form-range::-moz-focus-outer { border: 0; } + .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; @@ -3060,17 +3215,20 @@ textarea.form-control-lg { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; - appearance: none; + appearance: none; } + @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } + .form-range::-webkit-slider-thumb:active { background-color: #fff2ef; } + .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; @@ -3080,6 +3238,7 @@ textarea.form-control-lg { border-color: transparent; border-radius: 1rem; } + .form-range::-moz-range-thumb { width: 1rem; height: 1rem; @@ -3089,17 +3248,20 @@ textarea.form-control-lg { -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; - appearance: none; + appearance: none; } + @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } + .form-range::-moz-range-thumb:active { background-color: #fff2ef; } + .form-range::-moz-range-track { width: 100%; height: 0.5rem; @@ -3109,12 +3271,15 @@ textarea.form-control-lg { border-color: transparent; border-radius: 1rem; } + .form-range:disabled { pointer-events: none; } + .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } + .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } @@ -3122,12 +3287,14 @@ textarea.form-control-lg { .form-floating { position: relative; } -.form-floating > .form-control, -.form-floating > .form-select { + +.form-floating>.form-control, +.form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25; } -.form-floating > label { + +.form-floating>label { position: absolute; top: 0; left: 0; @@ -3138,58 +3305,73 @@ textarea.form-control-lg { transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-floating > label { + .form-floating>label { transition: none; } } -.form-floating > .form-control { + +.form-floating>.form-control { padding: 1rem 0.75rem; } -.form-floating > .form-control::-moz-placeholder { + +.form-floating>.form-control::-moz-placeholder { color: transparent; } -.form-floating > .form-control:-ms-input-placeholder { + +.form-floating>.form-control:-ms-input-placeholder { color: transparent; } -.form-floating > .form-control::placeholder { + +.form-floating>.form-control::placeholder { color: transparent; } -.form-floating > .form-control:not(:-moz-placeholder-shown) { + +.form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:not(:-ms-input-placeholder) { + +.form-floating>.form-control:not(:-ms-input-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { + +.form-floating>.form-control:focus, +.form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:-webkit-autofill { + +.form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-select { + +.form-floating>.form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + +.form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:not(:-ms-input-placeholder) ~ label { + +.form-floating>.form-control:not(:-ms-input-placeholder)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:focus ~ label, -.form-floating > .form-control:not(:placeholder-shown) ~ label, -.form-floating > .form-select ~ label { + +.form-floating>.form-control:focus~label, +.form-floating>.form-control:not(:placeholder-shown)~label, +.form-floating>.form-select~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:-webkit-autofill ~ label { + +.form-floating>.form-control:-webkit-autofill~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } @@ -3201,21 +3383,25 @@ textarea.form-control-lg { align-items: stretch; width: 100%; } -.input-group > .form-control, -.input-group > .form-select { + +.input-group>.form-control, +.input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } -.input-group > .form-control:focus, -.input-group > .form-select:focus { + +.input-group>.form-control:focus, +.input-group>.form-select:focus { z-index: 3; } + .input-group .btn { position: relative; z-index: 2; } + .input-group .btn:focus { z-index: 3; } @@ -3235,40 +3421,42 @@ textarea.form-control-lg { border-radius: 0.5rem; } -.input-group-lg > .form-control, -.input-group-lg > .form-select, -.input-group-lg > .input-group-text, -.input-group-lg > .btn { +.input-group-lg>.form-control, +.input-group-lg>.form-select, +.input-group-lg>.input-group-text, +.input-group-lg>.btn { padding: 0.75rem 0.75rem; font-size: 0.875rem; border-radius: 0.5rem; } -.input-group-sm > .form-control, -.input-group-sm > .form-select, -.input-group-sm > .input-group-text, -.input-group-sm > .btn { +.input-group-sm>.form-control, +.input-group-sm>.form-select, +.input-group-sm>.input-group-text, +.input-group-sm>.btn { padding: 0.25rem 0.75rem; font-size: 0.75rem; border-radius: 0.5rem; } -.input-group-lg > .form-select, -.input-group-sm > .form-select { +.input-group-lg>.form-select, +.input-group-sm>.form-select { padding-right: 1.75rem; } -.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { +.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { + +.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; @@ -3296,14 +3484,15 @@ textarea.form-control-lg { border-radius: 0.5rem; } -.was-validated :valid ~ .valid-feedback, -.was-validated :valid ~ .valid-tooltip, -.is-valid ~ .valid-feedback, -.is-valid ~ .valid-tooltip { +.was-validated :valid~.valid-feedback, +.was-validated :valid~.valid-tooltip, +.is-valid~.valid-feedback, +.is-valid~.valid-tooltip { display: block; } -.was-validated .form-control:valid, .form-control.is-valid { +.was-validated .form-control:valid, +.form-control.is-valid { border-color: #66d432; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); @@ -3311,53 +3500,73 @@ textarea.form-control-lg { background-position: right 0.75rem center; background-size: 1rem 1rem; } -.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { border-color: #66d432; box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { padding-right: unset; background-position: top 0.75rem right 0.75rem; } -.was-validated .form-select:valid, .form-select.is-valid { +.was-validated .form-select:valid, +.form-select.is-valid { border-color: #66d432; } -.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + +.was-validated .form-select:valid:not([multiple]):not([size]), +.was-validated .form-select:valid:not([multiple])[size="1"], +.form-select.is-valid:not([multiple]):not([size]), +.form-select.is-valid:not([multiple])[size="1"] { padding-right: 2.875rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, 1rem 1rem; } -.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + +.was-validated .form-select:valid:focus, +.form-select.is-valid:focus { border-color: #66d432; box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } -.was-validated .form-check-input:valid, .form-check-input.is-valid { +.was-validated .form-check-input:valid, +.form-check-input.is-valid { border-color: #66d432; } -.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + +.was-validated .form-check-input:valid:checked, +.form-check-input.is-valid:checked { background-color: #66d432; } -.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + +.was-validated .form-check-input:valid:focus, +.form-check-input.is-valid:focus { box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { color: #66d432; } -.form-check-inline .form-check-input ~ .valid-feedback { +.form-check-inline .form-check-input~.valid-feedback { margin-left: 0.5em; } -.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, +.was-validated .input-group .form-control:valid, +.input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } -.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, + +.was-validated .input-group .form-control:valid:focus, +.input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; @@ -3385,14 +3594,15 @@ textarea.form-control-lg { border-radius: 0.5rem; } -.was-validated :invalid ~ .invalid-feedback, -.was-validated :invalid ~ .invalid-tooltip, -.is-invalid ~ .invalid-feedback, -.is-invalid ~ .invalid-tooltip { +.was-validated :invalid~.invalid-feedback, +.was-validated :invalid~.invalid-tooltip, +.is-invalid~.invalid-feedback, +.is-invalid~.invalid-tooltip { display: block; } -.was-validated .form-control:invalid, .form-control.is-invalid { +.was-validated .form-control:invalid, +.form-control.is-invalid { border-color: #fd5c70; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); @@ -3400,53 +3610,73 @@ textarea.form-control-lg { background-position: right 0.75rem center; background-size: 1rem 1rem; } -.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { border-color: #fd5c70; box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { padding-right: unset; background-position: top 0.75rem right 0.75rem; } -.was-validated .form-select:invalid, .form-select.is-invalid { +.was-validated .form-select:invalid, +.form-select.is-invalid { border-color: #fd5c70; } -.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + +.was-validated .form-select:invalid:not([multiple]):not([size]), +.was-validated .form-select:invalid:not([multiple])[size="1"], +.form-select.is-invalid:not([multiple]):not([size]), +.form-select.is-invalid:not([multiple])[size="1"] { padding-right: 2.875rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, 1rem 1rem; } -.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + +.was-validated .form-select:invalid:focus, +.form-select.is-invalid:focus { border-color: #fd5c70; box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } -.was-validated .form-check-input:invalid, .form-check-input.is-invalid { +.was-validated .form-check-input:invalid, +.form-check-input.is-invalid { border-color: #fd5c70; } -.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + +.was-validated .form-check-input:invalid:checked, +.form-check-input.is-invalid:checked { background-color: #fd5c70; } -.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + +.was-validated .form-check-input:invalid:focus, +.form-check-input.is-invalid:focus { box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { color: #fd5c70; } -.form-check-inline .form-check-input ~ .invalid-feedback { +.form-check-inline .form-check-input~.invalid-feedback { margin-left: 0.5em; } -.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, +.was-validated .input-group .form-control:invalid, +.input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } -.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, + +.was-validated .input-group .form-control:invalid:focus, +.input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; @@ -3461,9 +3691,9 @@ textarea.form-control-lg { vertical-align: middle; cursor: pointer; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.625rem 1.25rem; @@ -3471,19 +3701,26 @@ textarea.form-control-lg { border-radius: 0.5rem; transition: all 0.15s ease-in; } + @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } + .btn:hover { color: #67748e; } -.btn-check:focus + .btn, .btn:focus { + +.btn-check:focus+.btn, +.btn:focus { outline: 0; box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } -.btn:disabled, .btn.disabled, fieldset:disabled .btn { + +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } @@ -3493,26 +3730,41 @@ textarea.form-control-lg { background-color: #fb6340; border-color: #fb6340; } + .btn-primary:hover { color: #000; background-color: #fc7a5d; border-color: #fb7353; } -.btn-check:focus + .btn-primary, .btn-primary:focus { + +.btn-check:focus+.btn-primary, +.btn-primary:focus { color: #000; background-color: #fc7a5d; border-color: #fb7353; box-shadow: 0 0 0 0.2rem rgba(213, 84, 54, 0.5); } -.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { + +.btn-check:checked+.btn-primary, +.btn-check:active+.btn-primary, +.btn-primary:active, +.btn-primary.active, +.show>.btn-primary.dropdown-toggle { color: #000; background-color: #fc8266; border-color: #fb7353; } -.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { + +.btn-check:checked+.btn-primary:focus, +.btn-check:active+.btn-primary:focus, +.btn-primary:active:focus, +.btn-primary.active:focus, +.show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 84, 54, 0.5); } -.btn-primary:disabled, .btn-primary.disabled { + +.btn-primary:disabled, +.btn-primary.disabled { color: #000; background-color: #fb6340; border-color: #fb6340; @@ -3523,26 +3775,41 @@ textarea.form-control-lg { background-color: #8392ab; border-color: #8392ab; } + .btn-secondary:hover { color: #000; background-color: #96a2b8; border-color: #8f9db3; } -.btn-check:focus + .btn-secondary, .btn-secondary:focus { + +.btn-check:focus+.btn-secondary, +.btn-secondary:focus { color: #000; background-color: #96a2b8; border-color: #8f9db3; box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); } -.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { + +.btn-check:checked+.btn-secondary, +.btn-check:active+.btn-secondary, +.btn-secondary:active, +.btn-secondary.active, +.show>.btn-secondary.dropdown-toggle { color: #000; background-color: #9ca8bc; border-color: #8f9db3; } -.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { + +.btn-check:checked+.btn-secondary:focus, +.btn-check:active+.btn-secondary:focus, +.btn-secondary:active:focus, +.btn-secondary.active:focus, +.show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); } -.btn-secondary:disabled, .btn-secondary.disabled { + +.btn-secondary:disabled, +.btn-secondary.disabled { color: #000; background-color: #8392ab; border-color: #8392ab; @@ -3553,26 +3820,41 @@ textarea.form-control-lg { background-color: #2dce89; border-color: #2dce89; } + .btn-success:hover { color: #000; background-color: #4dd59b; border-color: #42d395; } -.btn-check:focus + .btn-success, .btn-success:focus { + +.btn-check:focus+.btn-success, +.btn-success:focus { color: #000; background-color: #4dd59b; border-color: #42d395; box-shadow: 0 0 0 0.2rem rgba(38, 175, 116, 0.5); } -.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { + +.btn-check:checked+.btn-success, +.btn-check:active+.btn-success, +.btn-success:active, +.btn-success.active, +.show>.btn-success.dropdown-toggle { color: #000; background-color: #57d8a1; border-color: #42d395; } -.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { + +.btn-check:checked+.btn-success:focus, +.btn-check:active+.btn-success:focus, +.btn-success:active:focus, +.btn-success.active:focus, +.show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 175, 116, 0.5); } -.btn-success:disabled, .btn-success.disabled { + +.btn-success:disabled, +.btn-success.disabled { color: #000; background-color: #2dce89; border-color: #2dce89; @@ -3583,26 +3865,41 @@ textarea.form-control-lg { background-color: #11cdef; border-color: #11cdef; } + .btn-info:hover { color: #000; background-color: #35d5f1; border-color: #29d2f1; } -.btn-check:focus + .btn-info, .btn-info:focus { + +.btn-check:focus+.btn-info, +.btn-info:focus { color: #000; background-color: #35d5f1; border-color: #29d2f1; box-shadow: 0 0 0 0.2rem rgba(14, 174, 203, 0.5); } -.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { + +.btn-check:checked+.btn-info, +.btn-check:active+.btn-info, +.btn-info:active, +.btn-info.active, +.show>.btn-info.dropdown-toggle { color: #000; background-color: #41d7f2; border-color: #29d2f1; } -.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { + +.btn-check:checked+.btn-info:focus, +.btn-check:active+.btn-info:focus, +.btn-info:active:focus, +.btn-info.active:focus, +.show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(14, 174, 203, 0.5); } -.btn-info:disabled, .btn-info.disabled { + +.btn-info:disabled, +.btn-info.disabled { color: #000; background-color: #11cdef; border-color: #11cdef; @@ -3613,26 +3910,41 @@ textarea.form-control-lg { background-color: #fb6340; border-color: #fb6340; } + .btn-warning:hover { color: #000; background-color: #fc7a5d; border-color: #fb7353; } -.btn-check:focus + .btn-warning, .btn-warning:focus { + +.btn-check:focus+.btn-warning, +.btn-warning:focus { color: #000; background-color: #fc7a5d; border-color: #fb7353; box-shadow: 0 0 0 0.2rem rgba(213, 84, 54, 0.5); } -.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { + +.btn-check:checked+.btn-warning, +.btn-check:active+.btn-warning, +.btn-warning:active, +.btn-warning.active, +.show>.btn-warning.dropdown-toggle { color: #000; background-color: #fc8266; border-color: #fb7353; } -.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { + +.btn-check:checked+.btn-warning:focus, +.btn-check:active+.btn-warning:focus, +.btn-warning:active:focus, +.btn-warning.active:focus, +.show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 84, 54, 0.5); } -.btn-warning:disabled, .btn-warning.disabled { + +.btn-warning:disabled, +.btn-warning.disabled { color: #000; background-color: #fb6340; border-color: #fb6340; @@ -3643,26 +3955,41 @@ textarea.form-control-lg { background-color: #f5365c; border-color: #f5365c; } + .btn-danger:hover { color: #000; background-color: #f75474; border-color: #f64a6c; } -.btn-check:focus + .btn-danger, .btn-danger:focus { + +.btn-check:focus+.btn-danger, +.btn-danger:focus { color: #000; background-color: #f75474; border-color: #f64a6c; box-shadow: 0 0 0 0.2rem rgba(208, 46, 78, 0.5); } -.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { + +.btn-check:checked+.btn-danger, +.btn-check:active+.btn-danger, +.btn-danger:active, +.btn-danger.active, +.show>.btn-danger.dropdown-toggle { color: #000; background-color: #f75e7d; border-color: #f64a6c; } -.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { + +.btn-check:checked+.btn-danger:focus, +.btn-check:active+.btn-danger:focus, +.btn-danger:active:focus, +.btn-danger.active:focus, +.show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(208, 46, 78, 0.5); } -.btn-danger:disabled, .btn-danger.disabled { + +.btn-danger:disabled, +.btn-danger.disabled { color: #000; background-color: #f5365c; border-color: #f5365c; @@ -3673,26 +4000,41 @@ textarea.form-control-lg { background-color: #e9ecef; border-color: #e9ecef; } + .btn-light:hover { color: #000; background-color: #eceff1; border-color: #ebeef1; } -.btn-check:focus + .btn-light, .btn-light:focus { + +.btn-check:focus+.btn-light, +.btn-light:focus { color: #000; background-color: #eceff1; border-color: #ebeef1; box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); } -.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { + +.btn-check:checked+.btn-light, +.btn-check:active+.btn-light, +.btn-light:active, +.btn-light.active, +.show>.btn-light.dropdown-toggle { color: #000; background-color: #edf0f2; border-color: #ebeef1; } -.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { + +.btn-check:checked+.btn-light:focus, +.btn-check:active+.btn-light:focus, +.btn-light:active:focus, +.btn-light.active:focus, +.show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); } -.btn-light:disabled, .btn-light.disabled { + +.btn-light:disabled, +.btn-light.disabled { color: #000; background-color: #e9ecef; border-color: #e9ecef; @@ -3703,26 +4045,41 @@ textarea.form-control-lg { background-color: #344767; border-color: #344767; } + .btn-dark:hover { color: #fff; background-color: #2c3c58; border-color: #2a3952; } -.btn-check:focus + .btn-dark, .btn-dark:focus { + +.btn-check:focus+.btn-dark, +.btn-dark:focus { color: #fff; background-color: #2c3c58; border-color: #2a3952; box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5); } -.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { + +.btn-check:checked+.btn-dark, +.btn-check:active+.btn-dark, +.btn-dark:active, +.btn-dark.active, +.show>.btn-dark.dropdown-toggle { color: #fff; background-color: #2a3952; border-color: #27354d; } -.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { + +.btn-check:checked+.btn-dark:focus, +.btn-check:active+.btn-dark:focus, +.btn-dark:active:focus, +.btn-dark.active:focus, +.show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5); } -.btn-dark:disabled, .btn-dark.disabled { + +.btn-dark:disabled, +.btn-dark.disabled { color: #fff; background-color: #344767; border-color: #344767; @@ -3733,26 +4090,41 @@ textarea.form-control-lg { background-color: #fff; border-color: #fff; } + .btn-white:hover { color: #000; background-color: white; border-color: white; } -.btn-check:focus + .btn-white, .btn-white:focus { + +.btn-check:focus+.btn-white, +.btn-white:focus { color: #000; background-color: white; border-color: white; box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); } -.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle { + +.btn-check:checked+.btn-white, +.btn-check:active+.btn-white, +.btn-white:active, +.btn-white.active, +.show>.btn-white.dropdown-toggle { color: #000; background-color: white; border-color: white; } -.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus { + +.btn-check:checked+.btn-white:focus, +.btn-check:active+.btn-white:focus, +.btn-white:active:focus, +.btn-white.active:focus, +.show>.btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); } -.btn-white:disabled, .btn-white.disabled { + +.btn-white:disabled, +.btn-white.disabled { color: #000; background-color: #fff; border-color: #fff; @@ -3762,23 +4134,38 @@ textarea.form-control-lg { color: #fb6340; border-color: #fb6340; } + .btn-outline-primary:hover { color: #000; background-color: #fb6340; border-color: #fb6340; } -.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { + +.btn-check:focus+.btn-outline-primary, +.btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(251, 99, 64, 0.5); } -.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-primary, +.btn-check:active+.btn-outline-primary, +.btn-outline-primary:active, +.btn-outline-primary.active, +.btn-outline-primary.dropdown-toggle.show { color: #000; background-color: #fb6340; border-color: #fb6340; } -.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-primary:focus, +.btn-check:active+.btn-outline-primary:focus, +.btn-outline-primary:active:focus, +.btn-outline-primary.active:focus, +.btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(251, 99, 64, 0.5); } -.btn-outline-primary:disabled, .btn-outline-primary.disabled { + +.btn-outline-primary:disabled, +.btn-outline-primary.disabled { color: #fb6340; background-color: transparent; } @@ -3787,23 +4174,38 @@ textarea.form-control-lg { color: #8392ab; border-color: #8392ab; } + .btn-outline-secondary:hover { color: #000; background-color: #8392ab; border-color: #8392ab; } -.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { + +.btn-check:focus+.btn-outline-secondary, +.btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); } -.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-secondary, +.btn-check:active+.btn-outline-secondary, +.btn-outline-secondary:active, +.btn-outline-secondary.active, +.btn-outline-secondary.dropdown-toggle.show { color: #000; background-color: #8392ab; border-color: #8392ab; } -.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-secondary:focus, +.btn-check:active+.btn-outline-secondary:focus, +.btn-outline-secondary:active:focus, +.btn-outline-secondary.active:focus, +.btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); } -.btn-outline-secondary:disabled, .btn-outline-secondary.disabled { + +.btn-outline-secondary:disabled, +.btn-outline-secondary.disabled { color: #8392ab; background-color: transparent; } @@ -3812,23 +4214,38 @@ textarea.form-control-lg { color: #2dce89; border-color: #2dce89; } + .btn-outline-success:hover { color: #000; background-color: #2dce89; border-color: #2dce89; } -.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { + +.btn-check:focus+.btn-outline-success, +.btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(45, 206, 137, 0.5); } -.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-success, +.btn-check:active+.btn-outline-success, +.btn-outline-success:active, +.btn-outline-success.active, +.btn-outline-success.dropdown-toggle.show { color: #000; background-color: #2dce89; border-color: #2dce89; } -.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-success:focus, +.btn-check:active+.btn-outline-success:focus, +.btn-outline-success:active:focus, +.btn-outline-success.active:focus, +.btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(45, 206, 137, 0.5); } -.btn-outline-success:disabled, .btn-outline-success.disabled { + +.btn-outline-success:disabled, +.btn-outline-success.disabled { color: #2dce89; background-color: transparent; } @@ -3837,23 +4254,38 @@ textarea.form-control-lg { color: #11cdef; border-color: #11cdef; } + .btn-outline-info:hover { color: #000; background-color: #11cdef; border-color: #11cdef; } -.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { + +.btn-check:focus+.btn-outline-info, +.btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(17, 205, 239, 0.5); } -.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-info, +.btn-check:active+.btn-outline-info, +.btn-outline-info:active, +.btn-outline-info.active, +.btn-outline-info.dropdown-toggle.show { color: #000; background-color: #11cdef; border-color: #11cdef; } -.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-info:focus, +.btn-check:active+.btn-outline-info:focus, +.btn-outline-info:active:focus, +.btn-outline-info.active:focus, +.btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(17, 205, 239, 0.5); } -.btn-outline-info:disabled, .btn-outline-info.disabled { + +.btn-outline-info:disabled, +.btn-outline-info.disabled { color: #11cdef; background-color: transparent; } @@ -3862,23 +4294,38 @@ textarea.form-control-lg { color: #fb6340; border-color: #fb6340; } + .btn-outline-warning:hover { color: #000; background-color: #fb6340; border-color: #fb6340; } -.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { + +.btn-check:focus+.btn-outline-warning, +.btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(251, 99, 64, 0.5); } -.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-warning, +.btn-check:active+.btn-outline-warning, +.btn-outline-warning:active, +.btn-outline-warning.active, +.btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #fb6340; border-color: #fb6340; } -.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-warning:focus, +.btn-check:active+.btn-outline-warning:focus, +.btn-outline-warning:active:focus, +.btn-outline-warning.active:focus, +.btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(251, 99, 64, 0.5); } -.btn-outline-warning:disabled, .btn-outline-warning.disabled { + +.btn-outline-warning:disabled, +.btn-outline-warning.disabled { color: #fb6340; background-color: transparent; } @@ -3887,23 +4334,38 @@ textarea.form-control-lg { color: #f5365c; border-color: #f5365c; } + .btn-outline-danger:hover { color: #000; background-color: #f5365c; border-color: #f5365c; } -.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { + +.btn-check:focus+.btn-outline-danger, +.btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(245, 54, 92, 0.5); } -.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-danger, +.btn-check:active+.btn-outline-danger, +.btn-outline-danger:active, +.btn-outline-danger.active, +.btn-outline-danger.dropdown-toggle.show { color: #000; background-color: #f5365c; border-color: #f5365c; } -.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-danger:focus, +.btn-check:active+.btn-outline-danger:focus, +.btn-outline-danger:active:focus, +.btn-outline-danger.active:focus, +.btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(245, 54, 92, 0.5); } -.btn-outline-danger:disabled, .btn-outline-danger.disabled { + +.btn-outline-danger:disabled, +.btn-outline-danger.disabled { color: #f5365c; background-color: transparent; } @@ -3912,23 +4374,38 @@ textarea.form-control-lg { color: #e9ecef; border-color: #e9ecef; } + .btn-outline-light:hover { color: #000; background-color: #e9ecef; border-color: #e9ecef; } -.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { + +.btn-check:focus+.btn-outline-light, +.btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } -.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-light, +.btn-check:active+.btn-outline-light, +.btn-outline-light:active, +.btn-outline-light.active, +.btn-outline-light.dropdown-toggle.show { color: #000; background-color: #e9ecef; border-color: #e9ecef; } -.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-light:focus, +.btn-check:active+.btn-outline-light:focus, +.btn-outline-light:active:focus, +.btn-outline-light.active:focus, +.btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } -.btn-outline-light:disabled, .btn-outline-light.disabled { + +.btn-outline-light:disabled, +.btn-outline-light.disabled { color: #e9ecef; background-color: transparent; } @@ -3937,23 +4414,38 @@ textarea.form-control-lg { color: #344767; border-color: #344767; } + .btn-outline-dark:hover { color: #fff; background-color: #344767; border-color: #344767; } -.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { + +.btn-check:focus+.btn-outline-dark, +.btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5); } -.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-dark, +.btn-check:active+.btn-outline-dark, +.btn-outline-dark:active, +.btn-outline-dark.active, +.btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #344767; border-color: #344767; } -.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-dark:focus, +.btn-check:active+.btn-outline-dark:focus, +.btn-outline-dark:active:focus, +.btn-outline-dark.active:focus, +.btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5); } -.btn-outline-dark:disabled, .btn-outline-dark.disabled { + +.btn-outline-dark:disabled, +.btn-outline-dark.disabled { color: #344767; background-color: transparent; } @@ -3962,23 +4454,38 @@ textarea.form-control-lg { color: #fff; border-color: #fff; } + .btn-outline-white:hover { color: #000; background-color: #fff; border-color: #fff; } -.btn-check:focus + .btn-outline-white, .btn-outline-white:focus { + +.btn-check:focus+.btn-outline-white, +.btn-outline-white:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } -.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-white, +.btn-check:active+.btn-outline-white, +.btn-outline-white:active, +.btn-outline-white.active, +.btn-outline-white.dropdown-toggle.show { color: #000; background-color: #fff; border-color: #fff; } -.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-white:focus, +.btn-check:active+.btn-outline-white:focus, +.btn-outline-white:active:focus, +.btn-outline-white.active:focus, +.btn-outline-white.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } -.btn-outline-white:disabled, .btn-outline-white.disabled { + +.btn-outline-white:disabled, +.btn-outline-white.disabled { color: #fff; background-color: transparent; } @@ -3988,24 +4495,30 @@ textarea.form-control-lg { color: #fb6340; text-decoration: none; } + .btn-link:hover { color: #ea3005; text-decoration: none; } + .btn-link:focus { text-decoration: none; } -.btn-link:disabled, .btn-link.disabled { + +.btn-link:disabled, +.btn-link.disabled { color: #6c757d; } -.btn-lg, .btn-group-lg > .btn { +.btn-lg, +.btn-group-lg>.btn { padding: 0.875rem 4rem; font-size: 0.875rem; border-radius: 0.5rem; } -.btn-sm, .btn-group-sm > .btn { +.btn-sm, +.btn-group-sm>.btn { padding: 0.5rem 2rem; font-size: 0.75rem; border-radius: 0.5rem; @@ -4014,11 +4527,13 @@ textarea.form-control-lg { .fade { transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } + .fade:not(.show) { opacity: 0; } @@ -4032,16 +4547,19 @@ textarea.form-control-lg { overflow: hidden; transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } + .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } + @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; @@ -4058,6 +4576,7 @@ textarea.form-control-lg { .dropdown-toggle { white-space: nowrap; } + .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -4068,6 +4587,7 @@ textarea.form-control-lg { border-bottom: 0; border-left: 0.3em solid transparent; } + .dropdown-toggle:empty::after { margin-left: 0; } @@ -4088,6 +4608,7 @@ textarea.form-control-lg { border: 0 solid transparent; border-radius: 0.5rem; } + .dropdown-menu[data-bs-popper] { top: 100%; left: 0; @@ -4097,6 +4618,7 @@ textarea.form-control-lg { .dropdown-menu-start { --bs-position: start; } + .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; @@ -4105,6 +4627,7 @@ textarea.form-control-lg { .dropdown-menu-end { --bs-position: end; } + .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; @@ -4114,6 +4637,7 @@ textarea.form-control-lg { .dropdown-menu-sm-start { --bs-position: start; } + .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; @@ -4122,15 +4646,18 @@ textarea.form-control-lg { .dropdown-menu-sm-end { --bs-position: end; } + .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } + .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; @@ -4139,15 +4666,18 @@ textarea.form-control-lg { .dropdown-menu-md-end { --bs-position: end; } + .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } + .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; @@ -4156,15 +4686,18 @@ textarea.form-control-lg { .dropdown-menu-lg-end { --bs-position: end; } + .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } + .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; @@ -4173,15 +4706,18 @@ textarea.form-control-lg { .dropdown-menu-xl-end { --bs-position: end; } + .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } + .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; @@ -4190,17 +4726,20 @@ textarea.form-control-lg { .dropdown-menu-xxl-end { --bs-position: end; } + .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } + .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 1.625rem; } + .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -4211,6 +4750,7 @@ textarea.form-control-lg { border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } + .dropup .dropdown-toggle:empty::after { margin-left: 0; } @@ -4222,6 +4762,7 @@ textarea.form-control-lg { margin-top: 0; margin-left: 1.625rem; } + .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -4232,9 +4773,11 @@ textarea.form-control-lg { border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } + .dropend .dropdown-toggle:empty::after { margin-left: 0; } + .dropend .dropdown-toggle::after { vertical-align: 0; } @@ -4246,15 +4789,18 @@ textarea.form-control-lg { margin-top: 0; margin-right: 1.625rem; } + .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } + .dropstart .dropdown-toggle::after { display: none; } + .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; @@ -4264,9 +4810,11 @@ textarea.form-control-lg { border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } + .dropstart .dropdown-toggle:empty::after { margin-left: 0; } + .dropstart .dropdown-toggle::before { vertical-align: 0; } @@ -4290,16 +4838,22 @@ textarea.form-control-lg { background-color: transparent; border: 0; } -.dropdown-item:hover, .dropdown-item:focus { + +.dropdown-item:hover, +.dropdown-item:focus { color: #344767; background-color: #e9ecef; } -.dropdown-item.active, .dropdown-item:active { + +.dropdown-item.active, +.dropdown-item:active { color: #67748e; text-decoration: none; background-color: transparent; } -.dropdown-item.disabled, .dropdown-item:disabled { + +.dropdown-item.disabled, +.dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; @@ -4329,26 +4883,36 @@ textarea.form-control-lg { background-color: #343a40; border-color: transparent; } + .dropdown-menu-dark .dropdown-item { color: #dee2e6; } -.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { + +.dropdown-menu-dark .dropdown-item:hover, +.dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } -.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + +.dropdown-menu-dark .dropdown-item.active, +.dropdown-menu-dark .dropdown-item:active { color: #67748e; background-color: transparent; } -.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + +.dropdown-menu-dark .dropdown-item.disabled, +.dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } + .dropdown-menu-dark .dropdown-divider { border-color: transparent; } + .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } + .dropdown-menu-dark .dropdown-header { color: #adb5bd; } @@ -4359,23 +4923,25 @@ textarea.form-control-lg { display: inline-flex; vertical-align: middle; } -.btn-group > .btn, -.btn-group-vertical > .btn { + +.btn-group>.btn, +.btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } -.btn-group > .btn-check:checked + .btn, -.btn-group > .btn-check:focus + .btn, -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn-check:checked + .btn, -.btn-group-vertical > .btn-check:focus + .btn, -.btn-group-vertical > .btn:hover, -.btn-group-vertical > .btn:focus, -.btn-group-vertical > .btn:active, -.btn-group-vertical > .btn.active { + +.btn-group>.btn-check:checked+.btn, +.btn-group>.btn-check:focus+.btn, +.btn-group>.btn:hover, +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn-check:checked+.btn, +.btn-group-vertical>.btn-check:focus+.btn, +.btn-group-vertical>.btn:hover, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { z-index: 1; } @@ -4384,22 +4950,25 @@ textarea.form-control-lg { flex-wrap: wrap; justify-content: flex-start; } + .btn-toolbar .input-group { width: auto; } -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) { +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child) { margin-left: -1px; } -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn-group:not(:last-child) > .btn { + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.btn-group > .btn:nth-child(n+3), -.btn-group > :not(.btn-check) + .btn, -.btn-group > .btn-group:not(:first-child) > .btn { + +.btn-group>.btn:nth-child(n+3), +.btn-group> :not(.btn-check)+.btn, +.btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -4408,19 +4977,25 @@ textarea.form-control-lg { padding-right: 0.9375rem; padding-left: 0.9375rem; } -.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { margin-left: 0; } + .dropstart .dropdown-toggle-split::before { margin-right: 0; } -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 1.5rem; padding-left: 1.5rem; } -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 3rem; padding-left: 3rem; } @@ -4430,21 +5005,25 @@ textarea.form-control-lg { align-items: flex-start; justify-content: center; } -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group { + +.btn-group-vertical>.btn, +.btn-group-vertical>.btn-group { width: 100%; } -.btn-group-vertical > .btn:not(:first-child), -.btn-group-vertical > .btn-group:not(:first-child) { + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } -.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical > .btn-group:not(:last-child) > .btn { + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.btn-group-vertical > .btn ~ .btn, -.btn-group-vertical > .btn-group:not(:first-child) > .btn { + +.btn-group-vertical>.btn~.btn, +.btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -4463,14 +5042,18 @@ textarea.form-control-lg { color: #fb6340; 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) { .nav-link { transition: none; } } -.nav-link:hover, .nav-link:focus { + +.nav-link:hover, +.nav-link:focus { color: #ea3005; } + .nav-link.disabled { color: #6c757d; pointer-events: none; @@ -4480,6 +5063,7 @@ textarea.form-control-lg { .nav-tabs { border-bottom: 1px solid #dee2e6; } + .nav-tabs .nav-link { margin-bottom: -1px; background: none; @@ -4487,21 +5071,26 @@ textarea.form-control-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } -.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } + .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } + .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } + .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; @@ -4513,19 +5102,20 @@ textarea.form-control-lg { border: 0; border-radius: 0.75rem; } + .nav-pills .nav-link.active, -.nav-pills .show > .nav-link { +.nav-pills .show>.nav-link { color: #344767; background-color: #fff; } -.nav-fill > .nav-link, +.nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } -.nav-justified > .nav-link, +.nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; @@ -4537,10 +5127,11 @@ textarea.form-control-lg { width: 100%; } -.tab-content > .tab-pane { +.tab-content>.tab-pane { display: none; } -.tab-content > .active { + +.tab-content>.active { display: block; } @@ -4555,18 +5146,20 @@ textarea.form-control-lg { padding-bottom: 0.5rem; padding-left: 1rem; } -.navbar > .container, -.navbar > .container-fluid, -.navbar > .container-sm, -.navbar > .container-md, -.navbar > .container-lg, -.navbar > .container-xl, -.navbar > .container-xxl { + +.navbar>.container, +.navbar>.container-fluid, +.navbar>.container-sm, +.navbar>.container-md, +.navbar>.container-lg, +.navbar>.container-xl, +.navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } + .navbar-brand { padding-top: 0.40625rem; padding-bottom: 0.40625rem; @@ -4574,6 +5167,7 @@ textarea.form-control-lg { font-size: 1.125rem; white-space: nowrap; } + .navbar-nav { display: flex; flex-direction: column; @@ -4581,10 +5175,12 @@ textarea.form-control-lg { margin-bottom: 0; list-style: none; } + .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } + .navbar-nav .dropdown-menu { position: static; } @@ -4609,14 +5205,17 @@ textarea.form-control-lg { border-radius: 0.5rem; transition: box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } + .navbar-toggler:hover { text-decoration: none; } + .navbar-toggler:focus { text-decoration: none; outline: 0; @@ -4643,29 +5242,37 @@ textarea.form-control-lg { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { flex-direction: row; } + .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } + .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { display: none; } + .navbar-expand-sm .offcanvas-header { display: none; } + .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; @@ -4678,12 +5285,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-sm .offcanvas-top, -.navbar-expand-sm .offcanvas-bottom { + .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; @@ -4691,34 +5300,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-md .navbar-nav { flex-direction: row; } + .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-md .navbar-nav-scroll { overflow: visible; } + .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-md .navbar-toggler { display: none; } + .navbar-expand-md .offcanvas-header { display: none; } + .navbar-expand-md .offcanvas { position: inherit; bottom: 0; @@ -4731,12 +5349,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-md .offcanvas-top, -.navbar-expand-md .offcanvas-bottom { + .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; @@ -4744,34 +5364,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { flex-direction: row; } + .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } + .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { display: none; } + .navbar-expand-lg .offcanvas-header { display: none; } + .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; @@ -4784,12 +5413,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-lg .offcanvas-top, -.navbar-expand-lg .offcanvas-bottom { + .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; @@ -4797,34 +5428,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { flex-direction: row; } + .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } + .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { display: none; } + .navbar-expand-xl .offcanvas-header { display: none; } + .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; @@ -4837,12 +5477,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-xl .offcanvas-top, -.navbar-expand-xl .offcanvas-bottom { + .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; @@ -4850,34 +5492,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-xxl .navbar-nav { flex-direction: row; } + .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } + .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-xxl .navbar-toggler { display: none; } + .navbar-expand-xxl .offcanvas-header { display: none; } + .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; @@ -4890,12 +5541,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-xxl .offcanvas-top, -.navbar-expand-xxl .offcanvas-bottom { + .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; @@ -4903,33 +5556,42 @@ textarea.form-control-lg { overflow-y: visible; } } + .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand .navbar-nav { flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand .navbar-nav-scroll { overflow: visible; } + .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand .navbar-toggler { display: none; } + .navbar-expand .offcanvas-header { display: none; } + .navbar-expand .offcanvas { position: inherit; bottom: 0; @@ -4942,12 +5604,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; @@ -4958,32 +5622,43 @@ textarea.form-control-lg { .navbar-light .navbar-brand { color: rgba(52, 71, 103, 0.9); } -.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { color: rgba(52, 71, 103, 0.9); } + .navbar-light .navbar-nav .nav-link { color: #344767; } -.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { color: rgba(52, 71, 103, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { color: rgba(52, 71, 103, 0.3); } -.navbar-light .navbar-nav .show > .nav-link, + +.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(52, 71, 103, 0.9); } + .navbar-light .navbar-toggler { color: #344767; border-color: rgba(52, 71, 103, 0.1); } + .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + .navbar-light .navbar-text { color: #344767; } + .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { @@ -4993,32 +5668,43 @@ textarea.form-control-lg { .navbar-dark .navbar-brand { color: #fff; } -.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { color: #fff; } + .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.85); } -.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } -.navbar-dark .navbar-nav .show > .nav-link, + +.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } + .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.1); } + .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.85); } + .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { @@ -5036,26 +5722,31 @@ textarea.form-control-lg { border: 0 solid rgba(0, 0, 0, 0.125); border-radius: 1rem; } -.card > hr { + +.card>hr { margin-right: 0; margin-left: 0; } -.card > .list-group { + +.card>.list-group { border-top: inherit; border-bottom: inherit; } -.card > .list-group:first-child { + +.card>.list-group:first-child { border-top-width: 0; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } -.card > .list-group:last-child { + +.card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } -.card > .card-header + .list-group, -.card > .list-group + .card-footer { + +.card>.card-header+.list-group, +.card>.list-group+.card-footer { border-top: 0; } @@ -5077,7 +5768,7 @@ textarea.form-control-lg { margin-bottom: 0; } -.card-link + .card-link { +.card-link+.card-link { margin-left: 1rem; } @@ -5087,6 +5778,7 @@ textarea.form-control-lg { background-color: #fff; border-bottom: 0 solid rgba(0, 0, 0, 0.125); } + .card-header:first-child { border-radius: 1rem 1rem 0 0; } @@ -5096,6 +5788,7 @@ textarea.form-control-lg { background-color: #fff; border-top: 0 solid rgba(0, 0, 0, 0.125); } + .card-footer:last-child { border-radius: 0 0 1rem 1rem; } @@ -5140,44 +5833,53 @@ textarea.form-control-lg { border-bottom-left-radius: 1rem; } -.card-group > .card { +.card-group>.card { margin-bottom: 0.75rem; } + @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } - .card-group > .card { + + .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } - .card-group > .card + .card { + + .card-group>.card+.card { margin-left: 0; border-left: 0; } - .card-group > .card:not(:last-child) { + + .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, -.card-group > .card:not(:last-child) .card-header { + + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, -.card-group > .card:not(:last-child) .card-footer { + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { + + .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, -.card-group > .card:not(:first-child) .card-header { + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, -.card-group > .card:not(:first-child) .card-footer { + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } @@ -5197,20 +5899,24 @@ textarea.form-control-lg { overflow-anchor: none; transition: all 0.15s ease-in, border-radius 0.15s ease; } + @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } + .accordion-button:not(.collapsed) { color: #344767; background-color: transparent; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); } + .accordion-button:not(.collapsed)::after { background-image: none; transform: rotate(180deg); } + .accordion-button::after { flex-shrink: 0; width: 1rem; @@ -5222,14 +5928,17 @@ textarea.form-control-lg { background-size: 1rem; transition: transform 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } + .accordion-button:hover { z-index: 2; } + .accordion-button:focus { z-index: 3; border-color: #fb6340; @@ -5245,25 +5954,31 @@ textarea.form-control-lg { background-color: transparent; border: 0 solid rgba(0, 0, 0, 0.125); } + .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } + .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } + .accordion-item:not(:first-of-type) { border-top: 0; } + .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; @@ -5276,17 +5991,21 @@ textarea.form-control-lg { .accordion-flush .accordion-collapse { border-width: 0; } + .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } + .accordion-flush .accordion-item:first-child { border-top: 0; } + .accordion-flush .accordion-item:last-child { border-bottom: 0; } + .accordion-flush .accordion-item .accordion-button { border-radius: 0; } @@ -5301,15 +6020,19 @@ textarea.form-control-lg { border-radius: 0.5rem; } -.breadcrumb-item + .breadcrumb-item { +.breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } -.breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; - content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "/") */ + ; } + .breadcrumb-item.active { color: #6c757d; } @@ -5328,17 +6051,20 @@ textarea.form-control-lg { border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } + .page-link:hover { z-index: 2; color: #ea3005; background-color: #e9ecef; border-color: #dee2e6; } + .page-link:focus { z-index: 3; color: #ea3005; @@ -5350,12 +6076,14 @@ textarea.form-control-lg { .page-item:not(:first-child) .page-link { margin-left: -1px; } + .page-item.active .page-link { z-index: 3; color: #fff; background-color: #fb6340; border-color: #fb6340; } + .page-item.disabled .page-link { color: #6c757d; pointer-events: none; @@ -5371,6 +6099,7 @@ textarea.form-control-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } + .page-item:last-child .page-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -5380,10 +6109,12 @@ textarea.form-control-lg { padding: 0.75rem 1.5rem; font-size: 1.125rem; } + .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } + .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; @@ -5393,10 +6124,12 @@ textarea.form-control-lg { padding: 0.25rem 0.5rem; font-size: 0.875rem; } + .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; @@ -5414,6 +6147,7 @@ textarea.form-control-lg { vertical-align: baseline; border-radius: 0.45rem; } + .badge:empty { display: none; } @@ -5442,6 +6176,7 @@ textarea.form-control-lg { .alert-dismissible { padding-right: 3rem; } + .alert-dismissible .btn-close { position: absolute; top: 0; @@ -5455,6 +6190,7 @@ textarea.form-control-lg { background-color: #fee0d9; border-color: #fed0c6; } + .alert-primary .alert-link { color: #792f1e; } @@ -5464,6 +6200,7 @@ textarea.form-control-lg { background-color: #e6e9ee; border-color: #dadee6; } + .alert-secondary .alert-link { color: #3f4652; } @@ -5473,6 +6210,7 @@ textarea.form-control-lg { background-color: #d5f5e7; border-color: #c0f0dc; } + .alert-success .alert-link { color: #0e422c; } @@ -5482,6 +6220,7 @@ textarea.form-control-lg { background-color: #cff5fc; border-color: #b8f0fa; } + .alert-info .alert-link { color: #06424d; } @@ -5491,6 +6230,7 @@ textarea.form-control-lg { background-color: #fee0d9; border-color: #fed0c6; } + .alert-warning .alert-link { color: #792f1e; } @@ -5500,6 +6240,7 @@ textarea.form-control-lg { background-color: #fdd7de; border-color: #fcc3ce; } + .alert-danger .alert-link { color: #761a2c; } @@ -5509,6 +6250,7 @@ textarea.form-control-lg { background-color: #fbfbfc; border-color: #f8f9fa; } + .alert-light .alert-link { color: #4a4b4d; } @@ -5518,6 +6260,7 @@ textarea.form-control-lg { background-color: #d6dae1; border-color: #c2c8d1; } + .alert-dark .alert-link { color: #192232; } @@ -5527,6 +6270,7 @@ textarea.form-control-lg { background-color: white; border-color: white; } + .alert-white .alert-link { color: #525252; } @@ -5542,6 +6286,7 @@ textarea.form-control-lg { background-position-x: 8px; } } + .progress { display: flex; height: 8px; @@ -5562,6 +6307,7 @@ textarea.form-control-lg { background-color: #fb6340; transition: width 0.6s ease; } + @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; @@ -5575,12 +6321,13 @@ textarea.form-control-lg { .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; - animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } + @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; - animation: none; + animation: none; } } @@ -5596,7 +6343,8 @@ textarea.form-control-lg { list-style-type: none; counter-reset: section; } -.list-group-numbered > li::before { + +.list-group-numbered>li::before { content: counters(section, ".") ". "; counter-increment: section; } @@ -5606,12 +6354,15 @@ textarea.form-control-lg { color: #495057; text-align: inherit; } -.list-group-item-action:hover, .list-group-item-action:focus { + +.list-group-item-action:hover, +.list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } + .list-group-item-action:active { color: #67748e; background-color: #e9ecef; @@ -5625,29 +6376,36 @@ textarea.form-control-lg { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } + .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } -.list-group-item.disabled, .list-group-item:disabled { + +.list-group-item.disabled, +.list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } + .list-group-item.active { z-index: 2; color: #fff; background-color: #fb6340; border-color: #fb6340; } -.list-group-item + .list-group-item { + +.list-group-item+.list-group-item { border-top-width: 0; } -.list-group-item + .list-group-item.active { + +.list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } @@ -5655,22 +6413,27 @@ textarea.form-control-lg { .list-group-horizontal { flex-direction: row; } -.list-group-horizontal > .list-group-item:first-child { + +.list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } -.list-group-horizontal > .list-group-item:last-child { + +.list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } -.list-group-horizontal > .list-group-item.active { + +.list-group-horizontal>.list-group-item.active { margin-top: 0; } -.list-group-horizontal > .list-group-item + .list-group-item { + +.list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } -.list-group-horizontal > .list-group-item + .list-group-item.active { + +.list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5679,129 +6442,161 @@ textarea.form-control-lg { .list-group-horizontal-sm { flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child { + + .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child { + + .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - .list-group-horizontal-sm > .list-group-item.active { + + .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item { + + .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + + .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } - .list-group-horizontal-md > .list-group-item:first-child { + + .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child { + + .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - .list-group-horizontal-md > .list-group-item.active { + + .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item { + + .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { + + .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } - .list-group-horizontal-lg > .list-group-item:first-child { + + .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child { + + .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - .list-group-horizontal-lg > .list-group-item.active { + + .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item { + + .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + + .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } - .list-group-horizontal-xl > .list-group-item:first-child { + + .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child { + + .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - .list-group-horizontal-xl > .list-group-item.active { + + .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item { + + .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } - .list-group-horizontal-xxl > .list-group-item:first-child { + + .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - .list-group-horizontal-xxl > .list-group-item:last-child { + + .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - .list-group-horizontal-xxl > .list-group-item.active { + + .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { + + .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + .list-group-flush { border-radius: 0; } -.list-group-flush > .list-group-item { + +.list-group-flush>.list-group-item { border-width: 0 0 1px; } -.list-group-flush > .list-group-item:last-child { + +.list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } @@ -5809,10 +6604,13 @@ textarea.form-control-lg { color: #973b26; background-color: #fee0d9; } -.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { color: #973b26; background-color: #e5cac3; } + .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #973b26; @@ -5823,10 +6621,13 @@ textarea.form-control-lg { color: #4f5867; background-color: #e6e9ee; } -.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { color: #4f5867; background-color: #cfd2d6; } + .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #4f5867; @@ -5837,10 +6638,13 @@ textarea.form-control-lg { color: #125237; background-color: #d5f5e7; } -.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { color: #125237; background-color: #c0ddd0; } + .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #125237; @@ -5851,10 +6655,13 @@ textarea.form-control-lg { color: #075260; background-color: #cff5fc; } -.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { color: #075260; background-color: #badde3; } + .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #075260; @@ -5865,10 +6672,13 @@ textarea.form-control-lg { color: #973b26; background-color: #fee0d9; } -.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { color: #973b26; background-color: #e5cac3; } + .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #973b26; @@ -5879,10 +6689,13 @@ textarea.form-control-lg { color: #932037; background-color: #fdd7de; } -.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { color: #932037; background-color: #e4c2c8; } + .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #932037; @@ -5893,10 +6706,13 @@ textarea.form-control-lg { color: #5d5e60; background-color: #fbfbfc; } -.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { color: #5d5e60; background-color: #e2e2e3; } + .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #5d5e60; @@ -5907,10 +6723,13 @@ textarea.form-control-lg { color: #1f2b3e; background-color: #d6dae1; } -.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { color: #1f2b3e; background-color: #c1c4cb; } + .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1f2b3e; @@ -5921,10 +6740,13 @@ textarea.form-control-lg { color: #666666; background-color: white; } -.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { + +.list-group-item-white.list-group-item-action:hover, +.list-group-item-white.list-group-item-action:focus { color: #666666; background-color: #e6e6e6; } + .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #666666; @@ -5942,22 +6764,26 @@ textarea.form-control-lg { border-radius: 0.25rem; opacity: 0.5; } + .btn-close:hover { color: #fff; text-decoration: none; opacity: 0.75; } + .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(251, 99, 64, 0.25); opacity: 1; } -.btn-close:disabled, .btn-close.disabled { + +.btn-close:disabled, +.btn-close.disabled { pointer-events: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; opacity: 0.25; } @@ -5976,9 +6802,11 @@ textarea.form-control-lg { box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07); border-radius: 0.5rem; } + .toast.showing { opacity: 0; } + .toast:not(.show) { display: none; } @@ -5990,7 +6818,8 @@ textarea.form-control-lg { max-width: 100%; pointer-events: none; } -.toast-container > :not(:last-child) { + +.toast-container> :not(:last-child) { margin-bottom: 1.5rem; } @@ -6005,6 +6834,7 @@ textarea.form-control-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } + .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; @@ -6034,18 +6864,22 @@ textarea.form-control-lg { margin: 0.5rem; pointer-events: none; } + .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } + @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } + .modal.show .modal-dialog { transform: none; } + .modal.modal-static .modal-dialog { transform: scale(1.02); } @@ -6053,10 +6887,12 @@ textarea.form-control-lg { .modal-dialog-scrollable { height: calc(100% - 1rem); } + .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } + .modal-dialog-scrollable .modal-body { overflow-y: auto; } @@ -6089,9 +6925,11 @@ textarea.form-control-lg { height: 100vh; background-color: #000; } + .modal-backdrop.fade { opacity: 0; } + .modal-backdrop.show { opacity: 0.5; } @@ -6106,6 +6944,7 @@ textarea.form-control-lg { border-top-left-radius: calc(0.75rem - 1px); border-top-right-radius: calc(0.75rem - 1px); } + .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; @@ -6133,7 +6972,8 @@ textarea.form-control-lg { border-bottom-right-radius: calc(0.75rem - 1px); border-bottom-left-radius: calc(0.75rem - 1px); } -.modal-footer > * { + +.modal-footer>* { margin: 0.25rem; } @@ -6155,34 +6995,42 @@ textarea.form-control-lg { max-width: 300px; } } + @media (min-width: 992px) { + .modal-lg, -.modal-xl { + .modal-xl { max-width: 800px; } } + @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } + .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } + .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen .modal-header { border-radius: 0; } + .modal-fullscreen .modal-body { overflow-y: auto; } + .modal-fullscreen .modal-footer { border-radius: 0; } @@ -6194,21 +7042,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-sm-down .modal-header { border-radius: 0; } + .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } + .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } + @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; @@ -6216,21 +7069,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-md-down .modal-header { border-radius: 0; } + .modal-fullscreen-md-down .modal-body { overflow-y: auto; } + .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } + @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; @@ -6238,21 +7096,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-lg-down .modal-header { border-radius: 0; } + .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } + .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } + @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; @@ -6260,21 +7123,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-xl-down .modal-header { border-radius: 0; } + .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } + .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } + @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; @@ -6282,21 +7150,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } + .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } + .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } + .tooltip { position: absolute; z-index: 1070; @@ -6320,15 +7193,18 @@ textarea.form-control-lg { word-wrap: break-word; opacity: 0; } + .tooltip.show { opacity: 0.9; } + .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } + .tooltip .tooltip-arrow::before { position: absolute; content: ""; @@ -6336,53 +7212,73 @@ textarea.form-control-lg { border-style: solid; } -.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { +.bs-tooltip-top, +.bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } -.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + +.bs-tooltip-top .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } -.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } -.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { +.bs-tooltip-end, +.bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } -.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + +.bs-tooltip-end .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } -.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } -.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { +.bs-tooltip-bottom, +.bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } -.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + +.bs-tooltip-bottom .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } -.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } -.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { +.bs-tooltip-start, +.bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } -.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + +.bs-tooltip-start .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } -.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; @@ -6400,7 +7296,9 @@ textarea.form-control-lg { .popover { position: absolute; top: 0; - left: 0 /* rtl:ignore */; + left: 0 + /* rtl:ignore */ + ; z-index: 1060; display: block; max-width: 276px; @@ -6425,13 +7323,16 @@ textarea.form-control-lg { border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0.75rem; } + .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } -.popover .popover-arrow::before, .popover .popover-arrow::after { + +.popover .popover-arrow::before, +.popover .popover-arrow::after { position: absolute; display: block; content: ""; @@ -6439,50 +7340,67 @@ textarea.form-control-lg { border-style: solid; } -.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { +.bs-popover-top>.popover-arrow, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-0.5rem - 0px); } -.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + +.bs-popover-top>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } -.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + +.bs-popover-top>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: 0px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } -.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { +.bs-popover-end>.popover-arrow, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-0.5rem - 0px); width: 0.5rem; height: 1rem; } -.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + +.bs-popover-end>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } -.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + +.bs-popover-end>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } -.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { +.bs-popover-bottom>.popover-arrow, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-0.5rem - 0px); } -.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + +.bs-popover-bottom>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } -.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + +.bs-popover-bottom>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: 0px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } -.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -6493,17 +7411,22 @@ textarea.form-control-lg { border-bottom: 0px solid #e9ecef; } -.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { +.bs-popover-start>.popover-arrow, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-0.5rem - 0px); width: 0.5rem; height: 1rem; } -.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + +.bs-popover-start>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } -.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + +.bs-popover-start>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: 0px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; @@ -6519,6 +7442,7 @@ textarea.form-control-lg { border-top-left-radius: calc(0.75rem - 0px); border-top-right-radius: calc(0.75rem - 0px); } + .popover-header:empty { display: none; } @@ -6541,6 +7465,7 @@ textarea.form-control-lg { width: 100%; overflow: hidden; } + .carousel-inner::after { display: block; clear: both; @@ -6554,9 +7479,10 @@ textarea.form-control-lg { width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; transition: transform 0.6s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; @@ -6586,21 +7512,25 @@ textarea.form-control-lg { transition-property: opacity; transform: none; } + .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } + .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, -.carousel-fade .active.carousel-item-end { + .carousel-fade .active.carousel-item-end { transition: none; } } @@ -6623,13 +7553,17 @@ textarea.form-control-lg { opacity: 0.5; transition: opacity 0.15s ease; } + @media (prefers-reduced-motion: reduce) { + .carousel-control-prev, -.carousel-control-next { + .carousel-control-next { transition: none; } } -.carousel-control-prev:hover, .carousel-control-prev:focus, + +.carousel-control-prev:hover, +.carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; @@ -6686,6 +7620,7 @@ textarea.form-control-lg { margin-left: 15%; list-style: none; } + .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; @@ -6704,11 +7639,13 @@ textarea.form-control-lg { opacity: 0.5; transition: opacity 0.6s ease; } + @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } + .carousel-indicators .active { opacity: 1; } @@ -6728,24 +7665,31 @@ textarea.form-control-lg { .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } + .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } + .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { - transform: rotate(360deg) /* rtl:ignore */; + transform: rotate(360deg) + /* rtl:ignore */ + ; } } @keyframes spinner-border { to { - transform: rotate(360deg) /* rtl:ignore */; + transform: rotate(360deg) + /* rtl:ignore */ + ; } } + .spinner-border { display: inline-block; width: 2rem; @@ -6755,7 +7699,7 @@ textarea.form-control-lg { border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; - animation: 0.75s linear infinite spinner-border; + animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { @@ -6768,6 +7712,7 @@ textarea.form-control-lg { 0% { transform: scale(0); } + 50% { opacity: 1; transform: none; @@ -6778,11 +7723,13 @@ textarea.form-control-lg { 0% { transform: scale(0); } + 50% { opacity: 1; transform: none; } } + .spinner-grow { display: inline-block; width: 2rem; @@ -6792,7 +7739,7 @@ textarea.form-control-lg { border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; - animation: 0.75s linear infinite spinner-grow; + animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { @@ -6801,12 +7748,14 @@ textarea.form-control-lg { } @media (prefers-reduced-motion: reduce) { + .spinner-border, -.spinner-grow { + .spinner-grow { -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + animation-duration: 1.5s; } } + .offcanvas { position: fixed; bottom: 0; @@ -6820,6 +7769,7 @@ textarea.form-control-lg { outline: 0; transition: transform 0.3s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; @@ -6835,9 +7785,11 @@ textarea.form-control-lg { height: 100vh; background-color: #000; } + .offcanvas-backdrop.fade { opacity: 0; } + .offcanvas-backdrop.show { opacity: 0.5; } @@ -6848,6 +7800,7 @@ textarea.form-control-lg { justify-content: space-between; padding: 1rem 1rem; } + .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; @@ -6913,6 +7866,7 @@ textarea.form-control-lg { background-color: currentColor; opacity: 0.5; } + .placeholder.btn::before { display: inline-block; content: ""; @@ -6932,7 +7886,7 @@ textarea.form-control-lg { .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; - animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; } @-webkit-keyframes placeholder-glow { @@ -6946,28 +7900,30 @@ textarea.form-control-lg { opacity: 0.2; } } + .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; - mask-size: 200% 100%; + mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; - animation: placeholder-wave 2s linear infinite; + animation: placeholder-wave 2s linear infinite; } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; + mask-position: -200% 0%; } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; + mask-position: -200% 0%; } } + .clearfix::after { display: block; clear: both; @@ -6977,63 +7933,81 @@ textarea.form-control-lg { .link-primary { color: #fb6340; } -.link-primary:hover, .link-primary:focus { + +.link-primary:hover, +.link-primary:focus { color: #fc8266; } .link-secondary { color: #8392ab; } -.link-secondary:hover, .link-secondary:focus { + +.link-secondary:hover, +.link-secondary:focus { color: #9ca8bc; } .link-success { color: #2dce89; } -.link-success:hover, .link-success:focus { + +.link-success:hover, +.link-success:focus { color: #57d8a1; } .link-info { color: #11cdef; } -.link-info:hover, .link-info:focus { + +.link-info:hover, +.link-info:focus { color: #41d7f2; } .link-warning { color: #fb6340; } -.link-warning:hover, .link-warning:focus { + +.link-warning:hover, +.link-warning:focus { color: #fc8266; } .link-danger { color: #f5365c; } -.link-danger:hover, .link-danger:focus { + +.link-danger:hover, +.link-danger:focus { color: #f75e7d; } .link-light { color: #e9ecef; } -.link-light:hover, .link-light:focus { + +.link-light:hover, +.link-light:focus { color: #edf0f2; } .link-dark { color: #344767; } -.link-dark:hover, .link-dark:focus { + +.link-dark:hover, +.link-dark:focus { color: #2a3952; } .link-white { color: #fff; } -.link-white:hover, .link-white:focus { + +.link-white:hover, +.link-white:focus { color: white; } @@ -7041,12 +8015,14 @@ textarea.form-control-lg { position: relative; width: 100%; } + .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } -.ratio > * { + +.ratio>* { position: absolute; top: 0; left: 0; @@ -7101,6 +8077,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; @@ -7109,6 +8086,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; @@ -7117,6 +8095,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; @@ -7125,6 +8104,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; @@ -7133,6 +8113,7 @@ textarea.form-control-lg { z-index: 1020; } } + .hstack { display: flex; flex-direction: row; @@ -9498,19 +10479,23 @@ textarea.form-control-lg { } .text-accepted { - color: #2dce89 !important; + color: #2dce89 !important; } + .text-rejected { - color: #f5365c !important; + color: #f5365c !important; } + .text-unclassified { - color: #344767 !important; + color: #344767 !important; } + .text-duplicate { - color: #fb6340 !important; + color: #fb6340 !important; } + .text-removed { - color: #11cdef !important; + color: #11cdef !important; } .bg-primary { @@ -9522,7 +10507,7 @@ textarea.form-control-lg { } .bg-secondary-overview { - background-color: #e9ecef !important; + background-color: #e9ecef !important; } .bg-success { @@ -9546,7 +10531,7 @@ textarea.form-control-lg { } .bg-dark { - radial-gradient(370px circle at 60% 50%, rgb(207 213 222 / 60%) 0, #c9c5b1 100%); + radial-gradient(370px circle at 60% 50%, rgb(207 213 222 / 60%) 0, #c9c5b1 100%); } .bg-white { @@ -9623,22 +10608,22 @@ textarea.form-control-lg { .user-select-all { -webkit-user-select: all !important; - -moz-user-select: all !important; - user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; - -moz-user-select: auto !important; - -ms-user-select: auto !important; - user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; - -moz-user-select: none !important; - -ms-user-select: none !important; - user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; } .pe-none { @@ -9669,7 +10654,8 @@ textarea.form-control-lg { border-radius: 0.75rem !important; } -.rounded-circle, .avatar.rounded-circle img { +.rounded-circle, +.avatar.rounded-circle img { border-radius: 50% !important; } @@ -11844,6 +12830,7 @@ textarea.form-control-lg { border-bottom-right-radius: 50rem !important; } } + @media (min-width: 768px) { .float-md-start { float: left !important; @@ -13623,6 +14610,7 @@ textarea.form-control-lg { border-bottom-right-radius: 50rem !important; } } + @media (min-width: 992px) { .float-lg-start { float: left !important; @@ -15402,6 +16390,7 @@ textarea.form-control-lg { border-bottom-right-radius: 50rem !important; } } + @media (min-width: 1200px) { .float-xl-start { float: left !important; @@ -17181,6 +18170,7 @@ textarea.form-control-lg { border-bottom-right-radius: 50rem !important; } } + @media (min-width: 1400px) { .float-xxl-start { float: left !important; @@ -18960,6 +19950,7 @@ textarea.form-control-lg { border-bottom-right-radius: 50rem !important; } } + @media (min-width: 1200px) { .fs-1 { font-size: 3rem !important; @@ -18977,6 +19968,7 @@ textarea.form-control-lg { font-size: 1.5rem !important; } } + @media print { .d-print-inline { display: inline !important; @@ -19018,6 +20010,7 @@ textarea.form-control-lg { display: none !important; } } + /*! ========================================================= @@ -19090,16 +20083,20 @@ textarea.form-control-lg { width: 48px; transition: all 0.2s ease-in-out; } + .avatar img { width: 100%; } -.avatar + .avatar-content { + +.avatar+.avatar-content { display: inline-block; margin-left: 0.75rem; } + .avatar.avatar-raised { margin-top: -24px; } + .avatar.avatar-scale-up:hover { transform: scale(1.2); } @@ -19112,6 +20109,7 @@ textarea.form-control-lg { width: 110px !important; height: 110px !important; } + .avatar-xxl.avatar-raised { margin-top: -55px; } @@ -19120,6 +20118,7 @@ textarea.form-control-lg { width: 74px !important; height: 74px !important; } + .avatar-xl.avatar-raised { margin-top: -37px; } @@ -19129,6 +20128,7 @@ textarea.form-control-lg { height: 58px !important; font-size: 0.875rem; } + .avatar-lg.avatar-raised { margin-top: -29px; } @@ -19138,6 +20138,7 @@ textarea.form-control-lg { height: 36px !important; font-size: 0.875rem; } + .avatar-sm.avatar-raised { margin-top: -18px; } @@ -19147,6 +20148,7 @@ textarea.form-control-lg { height: 24px !important; font-size: 0.75rem; } + .avatar-xs.avatar-raised { margin-top: -12px; } @@ -19156,10 +20158,12 @@ textarea.form-control-lg { z-index: 2; border: 2px solid #fff; } + .avatar-group .avatar:hover { z-index: 3; } -.avatar-group .avatar + .avatar { + +.avatar-group .avatar+.avatar { margin-left: -1rem; } @@ -19209,79 +20213,105 @@ textarea.form-control-lg { text-transform: none; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); } + .btn:not([class*=btn-outline-]) { border: 0; } -.btn:active, .btn:active:focus, .btn:active:hover { + +.btn:active, +.btn:active:focus, +.btn:active:hover { box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } + .btn:hover:not(.btn-icon-only) { box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } + .btn.bg-white:hover { color: #67748e; } + .btn.btn-link { box-shadow: none; font-weight: 700; } -.btn.btn-link:hover, .btn.btn-link:focus { + +.btn.btn-link:hover, +.btn.btn-link:focus { box-shadow: none; } + .btn.btn-round { border-radius: 1.875rem; } + .btn.btn-xs { padding: 0.375rem 1rem; font-size: 0.75rem; } + .btn.btn-icon-only { width: 2.375rem; height: 2.375rem; padding: 0.5rem 0.7rem; } -.btn.btn-sm.btn-icon-only, .btn-group-sm > .btn.btn-icon-only { + +.btn.btn-sm.btn-icon-only, +.btn-group-sm>.btn.btn-icon-only { width: 1.7rem; height: 1.7rem; padding: 0.3rem 0.3rem; } -.btn.btn-sm i, .btn-group-sm > .btn i { + +.btn.btn-sm i, +.btn-group-sm>.btn i { font-size: 0.7rem; } -.btn.btn-lg.btn-icon-only, .btn-group-lg > .btn.btn-icon-only { + +.btn.btn-lg.btn-icon-only, +.btn-group-lg>.btn.btn-icon-only { width: 3.25rem; height: 3.25rem; padding: 1rem 1rem; } -.btn.btn-lg i, .btn-group-lg > .btn i { + +.btn.btn-lg i, +.btn-group-lg>.btn i { font-size: 1.2rem; position: relative; top: 2px; } + .btn.btn-rounded { border-radius: 1.875rem; } -.btn-check:checked + .btn svg .color-background { +.btn-check:checked+.btn svg .color-background { fill: #fff; } -.btn-check:checked + .btn:hover svg .color-background { + +.btn-check:checked+.btn:hover svg .color-background { fill: #344767; } .icon-move-right i { transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); } -.icon-move-right:hover i, .icon-move-right:focus i { + +.icon-move-right:hover i, +.icon-move-right:focus i { transform: translateX(5px); } .icon-move-left i { transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); } -.icon-move-left:hover i, .icon-move-left:focus i { + +.icon-move-left:hover i, +.icon-move-left:focus i { transform: translateX(-5px); } @@ -19290,18 +20320,24 @@ textarea.form-control-lg { background-color: #fb6340; border-color: #fb6340; } + .btn-primary .btn.bg-outline-primary, .btn.bg-gradient-primary .btn.bg-outline-primary { border: 1px solid #fb6340; } -.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, + +.btn-primary:not(:disabled):not(.disabled).active, +.btn-primary:not(:disabled):not(.disabled):active, +.show>.btn-primary.dropdown-toggle, .btn.bg-gradient-primary:not(:disabled):not(.disabled).active, .btn.bg-gradient-primary:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-primary.dropdown-toggle { +.show>.btn.bg-gradient-primary.dropdown-toggle { color: color-yiq(#fb6340); background-color: #fb6340; } -.btn-primary.focus, .btn-primary:focus, + +.btn-primary.focus, +.btn-primary:focus, .btn.bg-gradient-primary.focus, .btn.bg-gradient-primary:focus { color: #fff; @@ -19310,6 +20346,7 @@ textarea.form-control-lg { .btn-outline-primary { box-shadow: none; } + .btn-outline-primary:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19322,18 +20359,24 @@ textarea.form-control-lg { background-color: #8392ab; border-color: #8392ab; } + .btn-secondary .btn.bg-outline-secondary, .btn.bg-gradient-secondary .btn.bg-outline-secondary { border: 1px solid #8392ab; } -.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, + +.btn-secondary:not(:disabled):not(.disabled).active, +.btn-secondary:not(:disabled):not(.disabled):active, +.show>.btn-secondary.dropdown-toggle, .btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, .btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-secondary.dropdown-toggle { +.show>.btn.bg-gradient-secondary.dropdown-toggle { color: color-yiq(#8392ab); background-color: #8392ab; } -.btn-secondary.focus, .btn-secondary:focus, + +.btn-secondary.focus, +.btn-secondary:focus, .btn.bg-gradient-secondary.focus, .btn.bg-gradient-secondary:focus { color: #fff; @@ -19342,6 +20385,7 @@ textarea.form-control-lg { .btn-outline-secondary { box-shadow: none; } + .btn-outline-secondary:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19354,18 +20398,24 @@ textarea.form-control-lg { background-color: #2dce89; border-color: #2dce89; } + .btn-success .btn.bg-outline-success, .btn.bg-gradient-success .btn.bg-outline-success { border: 1px solid #2dce89; } -.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle, + +.btn-success:not(:disabled):not(.disabled).active, +.btn-success:not(:disabled):not(.disabled):active, +.show>.btn-success.dropdown-toggle, .btn.bg-gradient-success:not(:disabled):not(.disabled).active, .btn.bg-gradient-success:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-success.dropdown-toggle { +.show>.btn.bg-gradient-success.dropdown-toggle { color: color-yiq(#2dce89); background-color: #2dce89; } -.btn-success.focus, .btn-success:focus, + +.btn-success.focus, +.btn-success:focus, .btn.bg-gradient-success.focus, .btn.bg-gradient-success:focus { color: #fff; @@ -19374,6 +20424,7 @@ textarea.form-control-lg { .btn-outline-success { box-shadow: none; } + .btn-outline-success:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19386,18 +20437,24 @@ textarea.form-control-lg { background-color: #11cdef; border-color: #11cdef; } + .btn-info .btn.bg-outline-info, .btn.bg-gradient-info .btn.bg-outline-info { border: 1px solid #11cdef; } -.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle, + +.btn-info:not(:disabled):not(.disabled).active, +.btn-info:not(:disabled):not(.disabled):active, +.show>.btn-info.dropdown-toggle, .btn.bg-gradient-info:not(:disabled):not(.disabled).active, .btn.bg-gradient-info:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-info.dropdown-toggle { +.show>.btn.bg-gradient-info.dropdown-toggle { color: color-yiq(#11cdef); background-color: #11cdef; } -.btn-info.focus, .btn-info:focus, + +.btn-info.focus, +.btn-info:focus, .btn.bg-gradient-info.focus, .btn.bg-gradient-info:focus { color: #fff; @@ -19406,6 +20463,7 @@ textarea.form-control-lg { .btn-outline-info { box-shadow: none; } + .btn-outline-info:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19418,18 +20476,24 @@ textarea.form-control-lg { background-color: #fb6340; border-color: #fb6340; } + .btn-warning .btn.bg-outline-warning, .btn.bg-gradient-warning .btn.bg-outline-warning { border: 1px solid #fb6340; } -.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle, + +.btn-warning:not(:disabled):not(.disabled).active, +.btn-warning:not(:disabled):not(.disabled):active, +.show>.btn-warning.dropdown-toggle, .btn.bg-gradient-warning:not(:disabled):not(.disabled).active, .btn.bg-gradient-warning:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-warning.dropdown-toggle { +.show>.btn.bg-gradient-warning.dropdown-toggle { color: color-yiq(#fb6340); background-color: #fb6340; } -.btn-warning.focus, .btn-warning:focus, + +.btn-warning.focus, +.btn-warning:focus, .btn.bg-gradient-warning.focus, .btn.bg-gradient-warning:focus { color: #fff; @@ -19438,6 +20502,7 @@ textarea.form-control-lg { .btn-outline-warning { box-shadow: none; } + .btn-outline-warning:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19450,18 +20515,24 @@ textarea.form-control-lg { background-color: #f5365c; border-color: #f5365c; } + .btn-danger .btn.bg-outline-danger, .btn.bg-gradient-danger .btn.bg-outline-danger { border: 1px solid #f5365c; } -.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle, + +.btn-danger:not(:disabled):not(.disabled).active, +.btn-danger:not(:disabled):not(.disabled):active, +.show>.btn-danger.dropdown-toggle, .btn.bg-gradient-danger:not(:disabled):not(.disabled).active, .btn.bg-gradient-danger:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-danger.dropdown-toggle { +.show>.btn.bg-gradient-danger.dropdown-toggle { color: color-yiq(#f5365c); background-color: #f5365c; } -.btn-danger.focus, .btn-danger:focus, + +.btn-danger.focus, +.btn-danger:focus, .btn.bg-gradient-danger.focus, .btn.bg-gradient-danger:focus { color: #fff; @@ -19470,6 +20541,7 @@ textarea.form-control-lg { .btn-outline-danger { box-shadow: none; } + .btn-outline-danger:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19482,14 +20554,18 @@ textarea.form-control-lg { background-color: #e9ecef; border-color: #e9ecef; } + .btn-light .btn.bg-outline-light, .btn.bg-gradient-light .btn.bg-outline-light { border: 1px solid #e9ecef; } -.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, + +.btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show>.btn-light.dropdown-toggle, .btn.bg-gradient-light:not(:disabled):not(.disabled).active, .btn.bg-gradient-light:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-light.dropdown-toggle { +.show>.btn.bg-gradient-light.dropdown-toggle { color: color-yiq(#e9ecef); background-color: #e9ecef; } @@ -19497,6 +20573,7 @@ textarea.form-control-lg { .btn-outline-light { box-shadow: none; } + .btn-outline-light:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19509,18 +20586,24 @@ textarea.form-control-lg { background-color: #344767; border-color: #344767; } + .btn-dark .btn.bg-outline-dark, .btn.bg-gradient-dark .btn.bg-outline-dark { border: 1px solid #344767; } -.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle, + +.btn-dark:not(:disabled):not(.disabled).active, +.btn-dark:not(:disabled):not(.disabled):active, +.show>.btn-dark.dropdown-toggle, .btn.bg-gradient-dark:not(:disabled):not(.disabled).active, .btn.bg-gradient-dark:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-dark.dropdown-toggle { +.show>.btn.bg-gradient-dark.dropdown-toggle { color: color-yiq(#344767); background-color: #344767; } -.btn-dark.focus, .btn-dark:focus, + +.btn-dark.focus, +.btn-dark:focus, .btn.bg-gradient-dark.focus, .btn.bg-gradient-dark:focus { color: #fff; @@ -19529,6 +20612,7 @@ textarea.form-control-lg { .btn-outline-dark { box-shadow: none; } + .btn-outline-dark:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19541,14 +20625,18 @@ textarea.form-control-lg { background-color: #fff; border-color: #fff; } + .btn-white .btn.bg-outline-white, .btn.bg-gradient-white .btn.bg-outline-white { border: 1px solid #fff; } -.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle, + +.btn-white:not(:disabled):not(.disabled).active, +.btn-white:not(:disabled):not(.disabled):active, +.show>.btn-white.dropdown-toggle, .btn.bg-gradient-white:not(:disabled):not(.disabled).active, .btn.bg-gradient-white:not(:disabled):not(.disabled):active, -.show > .btn.bg-gradient-white.dropdown-toggle { +.show>.btn.bg-gradient-white.dropdown-toggle { color: color-yiq(#fff); background-color: #fff; } @@ -19556,6 +20644,7 @@ textarea.form-control-lg { .btn-outline-white { box-shadow: none; } + .btn-outline-white:hover:not(.active) { background-color: transparent; opacity: 0.75; @@ -19572,6 +20661,7 @@ textarea.form-control-lg { .btn.bg-gradient-primary { color: #fff; } + .btn-primary:hover, .btn.bg-gradient-primary:hover { color: #fff; @@ -19581,6 +20671,7 @@ textarea.form-control-lg { .btn.bg-gradient-secondary { color: #fff; } + .btn-secondary:hover, .btn.bg-gradient-secondary:hover { color: #fff; @@ -19590,6 +20681,7 @@ textarea.form-control-lg { .btn.bg-gradient-danger { color: #fff; } + .btn-danger:hover, .btn.bg-gradient-danger:hover { color: #fff; @@ -19599,6 +20691,7 @@ textarea.form-control-lg { .btn.bg-gradient-info { color: #fff; } + .btn-info:hover, .btn.bg-gradient-info:hover { color: #fff; @@ -19608,6 +20701,7 @@ textarea.form-control-lg { .btn.bg-gradient-success { color: #fff; } + .btn-success:hover, .btn.bg-gradient-success:hover { color: #fff; @@ -19617,6 +20711,7 @@ textarea.form-control-lg { .btn.bg-gradient-warning { color: #fff; } + .btn-warning:hover, .btn.bg-gradient-warning:hover { color: #fff; @@ -19626,6 +20721,7 @@ textarea.form-control-lg { .btn.bg-gradient-dark { color: #fff; } + .btn-dark:hover, .btn.bg-gradient-dark:hover { color: #fff; @@ -19635,6 +20731,7 @@ textarea.form-control-lg { .btn.bg-gradient-light { color: #3A416F; } + .btn-light:hover, .btn.bg-gradient-light:hover { color: #3A416F; @@ -19643,6 +20740,7 @@ textarea.form-control-lg { .breadcrumb-item { font-size: 0.875rem; } + .breadcrumb-item.text-white::before { color: #fff; } @@ -19650,18 +20748,23 @@ textarea.form-control-lg { .breadcrumb-dark { background-color: #344767; } + .breadcrumb-dark .breadcrumb-item { font-weight: 600; } + .breadcrumb-dark .breadcrumb-item a { color: #f8f9fa; } + .breadcrumb-dark .breadcrumb-item a:hover { color: #fff; } -.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before { color: #adb5bd; } + .breadcrumb-dark .breadcrumb-item.active { color: #dee2e6; } @@ -19675,9 +20778,11 @@ textarea.form-control-lg { .card { box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); } + .card .card-header { padding: 1.5rem; } + .card.bg-secondary-overview .card-body { font-family: "Open Sans", sans-serif; padding: 1.5rem 0.7rem 1.5rem 0.7rem; @@ -19685,10 +20790,11 @@ textarea.form-control-lg { @media (max-width: 768px) { .navbar .input-group { - width: 100%; + width: 100%; } + .navbar .input-group .form-control { - flex-grow: 1; + flex-grow: 1; } } @@ -19698,6 +20804,7 @@ textarea.form-control-lg { background-color: transparent; box-shadow: none !important; } + .card .card-footer { padding: 1.5rem; background-color: transparent; @@ -19706,12 +20813,14 @@ textarea.form-control-lg { .author { display: flex; } -.author .name > span { + +.author .name>span { line-height: 1.571; font-weight: 600; font-size: 0.875rem; color: #3A416F; } + .author .stats { font-size: 0.875rem; font-weight: 400; @@ -19720,6 +20829,7 @@ textarea.form-control-lg { .card.card-background { align-items: center; } + .card.card-background .full-background { background-position: 50%; background-size: cover; @@ -19729,11 +20839,13 @@ textarea.form-control-lg { position: absolute; border-radius: 1rem; } + .card.card-background .card-body { color: #fff; position: relative; z-index: 2; } + .card.card-background .card-body .content-center, .card.card-background .card-body .content-left { min-height: 330px; @@ -19741,16 +20853,20 @@ textarea.form-control-lg { padding-top: 60px; padding-bottom: 60px; } + .card.card-background .card-body .content-center { text-align: center; } + .card.card-background .card-body.body-left { width: 90%; } + .card.card-background .card-body .author .name span, .card.card-background .card-body .author .name .stats { color: #fff; } + .card.card-background:after { position: absolute; top: 0; @@ -19764,66 +20880,84 @@ textarea.form-control-lg { background: rgba(0, 0, 0, 0.4); border-radius: 1rem; } + .card.card-background.card-background-mask-primary:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-primary:after { background-image: linear-gradient(310deg, #fb6340 0%, #f56036 100%); opacity: 0.85; } + .card.card-background.card-background-mask-secondary:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-secondary:after { background-image: linear-gradient(310deg, #627594 0%, #a8b8d8 100%); opacity: 0.85; } + .card.card-background.card-background-mask-success:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-success:after { background-image: linear-gradient(310deg, #2dce89 0%, #2dcecc 100%); opacity: 0.85; } + .card.card-background.card-background-mask-info:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-info:after { background-image: linear-gradient(310deg, #1171ef 0%, #11cdef 100%); opacity: 0.85; } + .card.card-background.card-background-mask-warning:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-warning:after { background-image: linear-gradient(310deg, #fb6340 0%, #fbb140 100%); opacity: 0.85; } + .card.card-background.card-background-mask-danger:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-danger:after { background-image: linear-gradient(310deg, #f5365c 0%, #f56036 100%); opacity: 0.85; } + .card.card-background.card-background-mask-light:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-light:after { background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); opacity: 0.85; } + .card.card-background.card-background-mask-dark:before { background: rgba(0, 0, 0, 0.2); } + .card.card-background.card-background-mask-dark:after { background-image: linear-gradient(310deg, #212229 0%, #212529 100%); opacity: 0.85; } + .card.card-background .card-category { font-size: 0.875rem; font-weight: 600; } + .card.card-background .card-description { margin-top: 24px; margin-bottom: 24px; @@ -19833,12 +20967,14 @@ textarea.form-control-lg { left: auto; right: 3rem; } + .card.card-carousel .carousel .carousel-control-prev, .card.card-carousel .carousel .carousel-control-next { bottom: auto; top: 2rem; z-index: 5; } + .card.card-carousel .carousel .carousel-control-prev-icon, .card.card-carousel .carousel .carousel-control-next-icon { width: 1rem; @@ -19846,63 +20982,70 @@ textarea.form-control-lg { } @media (min-width: 992px) { + .dropdown .dropdown-menu, -.dropup .dropdown-menu, -.dropstart .dropdown-menu, -.dropend .dropdown-menu { + .dropup .dropdown-menu, + .dropstart .dropdown-menu, + .dropend .dropdown-menu { box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); -webkit-animation: hide-navbar-dropdown 0.25s ease forwards; - animation: hide-navbar-dropdown 0.25s ease forwards; + animation: hide-navbar-dropdown 0.25s ease forwards; cursor: pointer; opacity: 0; } + .dropdown .dropdown-toggle:after, -.dropup .dropdown-toggle:after, -.dropstart .dropdown-toggle:after, -.dropend .dropdown-toggle:after { + .dropup .dropdown-toggle:after, + .dropstart .dropdown-toggle:after, + .dropend .dropdown-toggle:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; border: none; vertical-align: middle; font-weight: 600; } + .dropdown .dropdown-toggle.show:after, -.dropup .dropdown-toggle.show:after, -.dropstart .dropdown-toggle.show:after, -.dropend .dropdown-toggle.show:after { + .dropup .dropdown-toggle.show:after, + .dropstart .dropdown-toggle.show:after, + .dropend .dropdown-toggle.show:after { transform: rotate(180deg); } + .dropdown .dropdown-toggle:after, -.dropup .dropdown-toggle:after, -.dropstart .dropdown-toggle:after, -.dropend .dropdown-toggle:after { + .dropup .dropdown-toggle:after, + .dropstart .dropdown-toggle:after, + .dropend .dropdown-toggle:after { transition: 0.3s ease; } .dropdown.dropdown-hover .dropdown-menu, -.dropdown .dropdown-menu { + .dropdown .dropdown-menu { display: block; opacity: 0; top: 0; pointer-events: none; -webkit-animation: hide-navbar-dropdown 0.25s ease forwards; - animation: hide-navbar-dropdown 0.25s ease forwards; + animation: hide-navbar-dropdown 0.25s ease forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: animation, box-shadow; } - .dropdown.dropdown-hover:hover > .dropdown-menu .dropdown-hover:hover > .dropdown-menu, -.dropdown .dropdown-menu.show { + + .dropdown.dropdown-hover:hover>.dropdown-menu .dropdown-hover:hover>.dropdown-menu, + .dropdown .dropdown-menu.show { opacity: 1; pointer-events: auto; visibility: visible; -webkit-animation: show-navbar-dropdown 0.25s ease forwards; - animation: show-navbar-dropdown 0.25s ease forwards; + animation: show-navbar-dropdown 0.25s ease forwards; } - .dropdown.dropdown-hover:hover > .dropdown-menu:before, -.dropdown .dropdown-menu.show:before { + + .dropdown.dropdown-hover:hover>.dropdown-menu:before, + .dropdown .dropdown-menu.show:before { top: -20px; } + .dropdown.dropdown-hover:after { content: ""; position: absolute; @@ -19911,9 +21054,11 @@ textarea.form-control-lg { width: 100%; height: 100%; } + .dropdown:not(.dropdown-hover) .dropdown-menu { margin-top: 40px !important; } + .dropdown .dropdown-menu:before { font-family: "FontAwesome"; content: "\f0d8"; @@ -19925,6 +21070,7 @@ textarea.form-control-lg { color: #fff; transition: top 0.35s ease; } + .dropdown .dropdown-item .arrow { transform: rotate(-90deg); } @@ -19933,8 +21079,9 @@ textarea.form-control-lg { transition: background-color 0.3s ease, color 0.3s ease; } } + @media (max-width: 991.98px) { - .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu { + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu { display: block; opacity: 0; top: 0; @@ -19947,7 +21094,8 @@ textarea.form-control-lg { will-change: transform, box-shadow; box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); } - .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { font-family: "FontAwesome"; content: "\f0d8"; position: absolute; @@ -19958,19 +21106,23 @@ textarea.form-control-lg { color: #fff; transition: top 0.35s ease; } - .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { margin-top: 40px !important; } - .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { opacity: 1; pointer-events: auto; visibility: visible; transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important; } - .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { top: -20px; } - .navbar-toggler + .navbar-collapse .dropdown.nav-item .dropdown-menu { + + .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu { background-color: transparent; overflow: scroll; position: relative; @@ -19981,13 +21133,14 @@ textarea.form-control-lg { top: 0; pointer-events: none; -webkit-animation: hide-navbar-dropdown 0.25s ease forwards; - animation: hide-navbar-dropdown 0.25s ease forwards; + animation: hide-navbar-dropdown 0.25s ease forwards; transition: visibility 0.25s, opacity 0.25s, transform 0.25s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: animation, box-shadow; box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); } + .dropdown .dropdown-menu:before { font-family: "FontAwesome"; content: "\f0d8"; @@ -19999,19 +21152,23 @@ textarea.form-control-lg { color: #fff; transition: top 0.35s ease; } + .dropdown:not(.dropdown-hover) .dropdown-menu { margin-top: 40px !important; } + .dropdown .dropdown-menu.show { opacity: 1; pointer-events: auto; visibility: visible; -webkit-animation: show-navbar-dropdown 0.25s ease forwards; - animation: show-navbar-dropdown 0.25s ease forwards; + animation: show-navbar-dropdown 0.25s ease forwards; } + .dropdown .dropdown-menu.show:before { top: -20px; } + .dropdown.nav-item .dropdown-menu { position: absolute; } @@ -20024,11 +21181,13 @@ textarea.form-control-lg { padding-bottom: 0 !important; opacity: 0; } + .dropdown.nav-item .dropdown-menu-animation.show { height: 250px; opacity: 1; } } + .dropdown-menu li { position: relative; } @@ -20038,29 +21197,34 @@ textarea.form-control-lg { bottom: 0; width: 50%; } -.dropdown .dropdown-menu .dropdown-item + .dropdown-menu:before { + +.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before { transform: rotate(-90deg); left: 0; top: 0; z-index: -1; transition: left 0.35s ease; } + .dropdown .dropdown-menu.dropdown-menu-end { right: 0 !important; left: auto !important; } + .dropdown .dropdown-menu.dropdown-menu-end:before { right: 28px; left: auto; } -.dropdown.dropdown-subitem:hover .dropdown-item + .dropdown-menu:before { + +.dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before { left: -8px; } -.dropdown > .dropdown-menu .dropdown-item + .dropdown-menu { + +.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu { transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px, 5px) !important; } -.dropdown .dropdown-menu .dropdown-item + .dropdown-menu { +.dropdown .dropdown-menu .dropdown-item+.dropdown-menu { right: -197px; left: auto; top: 0; @@ -20083,51 +21247,61 @@ textarea.form-control-lg { min-width: 15rem; } } + @media (max-width: 1199.98px) { .dropdown-lg-responsive { min-width: 19rem; } } + @-webkit-keyframes show-navbar-dropdown { 0% { opacity: 0; transform: translate(0, 10px) perspective(200px); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } + 100% { transform: translate(0, 0); opacity: 1; } } + @keyframes show-navbar-dropdown { 0% { opacity: 0; transform: translate(0, 10px) perspective(200px); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } + 100% { transform: translate(0, 0); opacity: 1; } } + @-webkit-keyframes hide-navbar-dropdown { from { opacity: 1; } + to { opacity: 0; transform: translate(0, 10px); } } + @keyframes hide-navbar-dropdown { from { opacity: 1; } + to { opacity: 0; transform: translate(0, 10px); } } + .dropup .dropdown-menu { box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; @@ -20143,17 +21317,20 @@ textarea.form-control-lg { backface-visibility: hidden; will-change: transform, box-shadow; -webkit-animation: hide-navbar-dropdown 0.25s ease forwards; - animation: hide-navbar-dropdown 0.25s ease forwards; + animation: hide-navbar-dropdown 0.25s ease forwards; } + .dropup .dropdown-menu.show { pointer-events: auto; opacity: 1; -webkit-animation: show-navbar-dropdown 0.25s ease forwards; - animation: show-navbar-dropdown 0.25s ease forwards; + animation: show-navbar-dropdown 0.25s ease forwards; } + .dropup .dropdown-menu.show:after { bottom: -20px; } + .dropup .dropdown-menu:after { font-family: "FontAwesome"; content: "\f0d7"; @@ -20176,6 +21353,7 @@ textarea.form-control-lg { background-size: cover; background-position: 50%; } + .page-header .container { z-index: 1; } @@ -20187,6 +21365,7 @@ textarea.form-control-lg { right: -10rem; border-bottom-left-radius: 0.75rem; } + .oblique .oblique-image { transform: skewX(10deg); } @@ -20201,9 +21380,11 @@ textarea.form-control-lg { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); cursor: pointer; } + .fixed-plugin .fixed-plugin-button i { pointer-events: none; } + .fixed-plugin .card { position: fixed !important; right: -360px; @@ -20217,6 +21398,7 @@ textarea.form-control-lg { transition: 0.2s ease; z-index: 1020; } + .fixed-plugin .badge { border: 1px solid #fff; border-radius: 50%; @@ -20228,18 +21410,23 @@ textarea.form-control-lg { width: 23px; transition: all 0.2s ease-in-out; } -.fixed-plugin .badge:hover, .fixed-plugin .badge.active { + +.fixed-plugin .badge:hover, +.fixed-plugin .badge.active { border-color: #344767; } + .fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled) { border: 1px solid transparent; } + .fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) { background-color: transparent; background-image: none; border: 1px solid #fb6340; color: #fb6340; } + .fixed-plugin.show .card { right: 0; } @@ -20247,36 +21434,45 @@ textarea.form-control-lg { .input-group { border-radius: 0.5rem; } + .input-group, .input-group .input-group-text { transition: box-shadow 0.15s ease, border-color 0.15s ease; } -.input-group > :not(:first-child):not(.dropdown-menu) { + +.input-group> :not(:first-child):not(.dropdown-menu) { margin-left: 0; } + .input-group .form-control:focus { border-left: 1px solid #fb6340 !important; border-right: 1px solid #fb6340 !important; } + .input-group .form-control:not(:first-child) { border-left: 0; padding-left: 0; } + .input-group .form-control:not(:last-child) { border-right: 0; padding-right: 0; } -.input-group .form-control + .input-group-text { + +.input-group .form-control+.input-group-text { border-left: 0; border-right: 1px solid #d2d6da; } + .input-group .input-group-text { border-right: 0; } -.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-left: #fff !important; border-right: #fff !important; } + .input-group.focused .input-group-text { border-color: #fb6340 !important; } @@ -20285,6 +21481,7 @@ textarea.form-control-lg { border: 0; box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); } + .form-control.form-control-alternative:focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } @@ -20293,14 +21490,18 @@ textarea.form-control-lg { margin-bottom: 1rem; } -.form-check:not(.form-switch) .form-check-input[type=checkbox], .form-check:not(.form-switch) .form-check-input[type=radio] { +.form-check:not(.form-switch) .form-check-input[type=checkbox], +.form-check:not(.form-switch) .form-check-input[type=radio] { border: 1px solid #cbd3da; margin-top: 0.25rem; position: relative; } -.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked, .form-check:not(.form-switch) .form-check-input[type=radio]:checked { + +.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked, +.form-check:not(.form-switch) .form-check-input[type=radio]:checked { border: 0; } + .form-check:not(.form-switch) .form-check-input[type=checkbox]:after { transition: opacity 0.25s ease-in-out; font-family: "FontAwesome"; @@ -20315,12 +21516,15 @@ textarea.form-control-lg { font-size: 0.67rem; opacity: 0; } + .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked:after { opacity: 1; } + .form-check:not(.form-switch) .form-check-input[type=radio] { transition: border 0s; } + .form-check:not(.form-switch) .form-check-input[type=radio]:after { transition: opacity 0.25s ease-in-out; content: ""; @@ -20331,9 +21535,11 @@ textarea.form-control-lg { background-color: #fff; opacity: 0; } + .form-check:not(.form-switch) .form-check-input[type=radio]:checked { padding: 6px; } + .form-check:not(.form-switch) .form-check-input[type=radio]:checked:after { opacity: 1; } @@ -20358,12 +21564,14 @@ textarea.form-control-lg { display: flex; align-items: center; } + .form-switch .form-check-input { border: 1px solid #e9ecef; position: relative; background-color: rgba(33, 37, 41, 0.1); height: 1.25em; } + .form-switch .form-check-input:after { transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; content: ""; @@ -20376,13 +21584,16 @@ textarea.form-control-lg { box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07); top: 1px; } + .form-switch .form-check-input:checked:after { transform: translateX(21px); } + .form-switch .form-check-input:checked { border-color: rgba(251, 99, 64, 0.95); background-color: rgba(251, 99, 64, 0.95); } + .form-switch .form-check-label { margin-bottom: 0; margin-left: 0.5rem; @@ -20404,6 +21615,7 @@ label, .form-control.is-invalid:focus { box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); } + .form-control.is-valid:focus { box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); } @@ -20415,6 +21627,7 @@ label, padding-top: 0; padding-bottom: 0.25rem; } + .footer .nav-link:hover { opacity: 1 !important; transition: opacity 0.3 ease; @@ -20471,8 +21684,9 @@ label, .bg-gradient-faded-warning { background-image: radial-gradient(370px circle at 60% 50%, rgba(251, 99, 64, 0.6) 0, #fa3a0e 100%); } + .bg-gradient-faded-thoth { - background-image: radial-gradient(370px circle at 60% 50%, rgba(52, 71, 103, 0.6) 0, #c9c5b1 100%); + background-image: radial-gradient(370px circle at 60% 50%, rgba(52, 71, 103, 0.6) 0, #c9c5b1 100%); } .bg-gradient-faded-danger { @@ -20480,7 +21694,7 @@ label, } .bg-gradient-faded-light { - background-image: radial-gradient(370px circle at 60% 50%, rgba(52, 71, 103, 0.6) 0, #c9c5b1 100%); + background-image: radial-gradient(370px circle at 60% 50%, rgba(52, 71, 103, 0.6) 0, #c9c5b1 100%); } .bg-gradient-faded-dark { @@ -20533,6 +21747,7 @@ label, background-position: center; border-radius: 0.75rem; } + .icon-shape i { color: #fff; opacity: 0.8; @@ -20544,6 +21759,7 @@ label, width: 20px; height: 20px; } + .icon-xxs i { top: -5px; font-size: 0.5rem; @@ -20553,6 +21769,7 @@ label, width: 24px; height: 24px; } + .icon-xs i { top: -3px; font-size: 0.5rem; @@ -20562,6 +21779,7 @@ label, width: 32px; height: 32px; } + .icon-sm i { top: 3px; font-size: 0.65rem; @@ -20571,14 +21789,17 @@ label, width: 48px; height: 48px; } + .icon-md i { top: 12px; font-size: 0.875rem; } + .icon-md.icon-striped { background-position-x: 85px; background-position-y: 85px; } + .icon-md.icon-striped i { top: 11%; margin-left: -10px; @@ -20589,14 +21810,17 @@ label, width: 64px; height: 64px; } + .icon-lg i { top: 20px; font-size: 1.25rem; } + .icon-lg.icon-striped { background-position-x: 111px; background-position-y: 111px; } + .icon-lg.icon-striped i { top: 21%; margin-left: -15px; @@ -20607,14 +21831,17 @@ label, height: 100px; border-radius: 0.75rem; } + .icon-xl i { top: 33px; font-size: 2.2rem; } + .icon-xl.icon-striped { background-position-x: 80px; background-position-y: 80px; } + .icon-xl.icon-striped i { top: 30%; margin-left: -15px; @@ -20623,9 +21850,11 @@ label, .info-horizontal { text-align: left !important; } + .info-horizontal .icon { float: left; } + .info-horizontal .description { overflow: hidden; } @@ -20633,6 +21862,7 @@ label, svg.text-primary .color-foreground { fill: #fb6340; } + svg.text-primary .color-background { fill: #f56036; } @@ -20640,6 +21870,7 @@ svg.text-primary .color-background { svg.text-secondary .color-foreground { fill: #627594; } + svg.text-secondary .color-background { fill: #a8b8d8; } @@ -20647,6 +21878,7 @@ svg.text-secondary .color-background { svg.text-info .color-foreground { fill: #1171ef; } + svg.text-info .color-background { fill: #11cdef; } @@ -20654,6 +21886,7 @@ svg.text-info .color-background { svg.text-warning .color-foreground { fill: #fb6340; } + svg.text-warning .color-background { fill: #fbb140; } @@ -20661,6 +21894,7 @@ svg.text-warning .color-background { svg.text-danger .color-foreground { fill: #f5365c; } + svg.text-danger .color-background { fill: #f56036; } @@ -20668,6 +21902,7 @@ svg.text-danger .color-background { svg.text-success .color-foreground { fill: #2dce89; } + svg.text-success .color-background { fill: #2dcecc; } @@ -20675,6 +21910,7 @@ svg.text-success .color-background { svg.text-dark .color-foreground { fill: #212229; } + svg.text-dark .color-background { fill: #212529; } @@ -20685,16 +21921,20 @@ svg.text-dark .color-background { backdrop-filter: saturate(200%) blur(30px); background-color: rgba(255, 255, 255, 0.8) !important; } + .blur.saturation-less { -webkit-backdrop-filter: saturate(20%) blur(30px); backdrop-filter: saturate(20%) blur(30px); } + .blur.blur-rounded { border-radius: 40px; } + .blur.blur-light { background-color: rgba(255, 255, 255, 0.4); } + .blur.blur-dark { background-color: rgba(0, 0, 0, 0.3); } @@ -20717,6 +21957,7 @@ svg.text-dark .color-background { -webkit-backdrop-filter: saturate(200%) blur(30px); backdrop-filter: saturate(200%) blur(30px); } + .blur-section.blur-gradient-primary { background-image: linear-gradient(310deg, rgba(251, 99, 64, 0.95) 0%, rgba(245, 96, 54, 0.95) 100%); } @@ -20731,14 +21972,16 @@ svg.text-dark .color-background { backface-visibility: hidden; will-change: transform, box-shadow; } + *.move-on-hover:hover { transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); } + *.gradient-animation { background: linear-gradient(-45deg, #1171ef, #f5365c, #fb6340, #fb6340, #344767); background-size: 400% 400% !important; -webkit-animation: gradient 10s ease infinite; - animation: gradient 10s ease infinite; + animation: gradient 10s ease infinite; } hr.vertical { @@ -20749,12 +21992,15 @@ hr.vertical { top: 0; width: 1px; } + hr.vertical.light { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } + hr.vertical.dark { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } + hr.vertical.gray-light { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } @@ -20762,12 +22008,15 @@ hr.vertical.gray-light { hr.horizontal { background-color: transparent; } + hr.horizontal.light { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } + hr.horizontal.dark { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } + hr.horizontal.gray-light { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } @@ -20838,13 +22087,15 @@ hr.horizontal.gray-light { min-height: 100px; max-height: 150px; } + .waves.waves-sm { height: 50px; min-height: 50px; } -.waves.no-animation .moving-waves > use { + +.waves.no-animation .moving-waves>use { -webkit-animation: none; - animation: none; + animation: none; } .wave-rotate { @@ -20852,57 +22103,58 @@ hr.horizontal.gray-light { } /* Animation for the waves */ -.moving-waves > use { +.moving-waves>use { -webkit-animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; - animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } -.moving-waves > use:nth-child(1) { +.moving-waves>use:nth-child(1) { -webkit-animation-delay: -2s; - animation-delay: -2s; + animation-delay: -2s; -webkit-animation-duration: 11s; - animation-duration: 11s; + animation-duration: 11s; } -.moving-waves > use:nth-child(2) { +.moving-waves>use:nth-child(2) { -webkit-animation-delay: -4s; - animation-delay: -4s; + animation-delay: -4s; -webkit-animation-duration: 13s; - animation-duration: 13s; + animation-duration: 13s; } -.moving-waves > use:nth-child(3) { +.moving-waves>use:nth-child(3) { -webkit-animation-delay: -3s; - animation-delay: -3s; + animation-delay: -3s; -webkit-animation-duration: 15s; - animation-duration: 15s; + animation-duration: 15s; } -.moving-waves > use:nth-child(4) { +.moving-waves>use:nth-child(4) { -webkit-animation-delay: -4s; - animation-delay: -4s; + animation-delay: -4s; -webkit-animation-duration: 20s; - animation-duration: 20s; + animation-duration: 20s; } -.moving-waves > use:nth-child(5) { +.moving-waves>use:nth-child(5) { -webkit-animation-delay: -4s; - animation-delay: -4s; + animation-delay: -4s; -webkit-animation-duration: 25s; - animation-duration: 25s; + animation-duration: 25s; } -.moving-waves > use:nth-child(6) { +.moving-waves>use:nth-child(6) { -webkit-animation-delay: -3s; - animation-delay: -3s; + animation-delay: -3s; -webkit-animation-duration: 30s; - animation-duration: 30s; + animation-duration: 30s; } @-webkit-keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } + 100% { transform: translate3d(85px, 0, 0); } @@ -20912,10 +22164,12 @@ hr.horizontal.gray-light { 0% { transform: translate3d(-90px, 0, 0); } + 100% { transform: translate3d(85px, 0, 0); } } + /*Shrinking for mobile*/ @media (max-width: 767.98px) { .waves { @@ -20926,16 +22180,20 @@ hr.horizontal.gray-light { hr.horizontal { background-color: transparent; } + hr.horizontal:not(.dark) { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } + hr.horizontal.vertical { transform: rotate(90deg); } + hr.horizontal.dark { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } } + .overflow-visible { overflow: visible !important; } @@ -20971,17 +22229,18 @@ hr.horizontal.gray-light { .virtual-reality .sidenav { margin-top: 1.5rem; -webkit-animation-name: fadeInBottom; - animation-name: fadeInBottom; + animation-name: fadeInBottom; -webkit-animation-fill-mode: both; - animation-fill-mode: both; + animation-fill-mode: both; -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + animation-duration: 1.5s; transform: scale(0.6); background: #fff; left: 18% !important; position: absolute; } } + .separator { position: absolute; top: auto; @@ -20993,17 +22252,21 @@ hr.horizontal.gray-light { transform: translateZ(0); pointer-events: none; } + .separator.separator-bottom { top: auto !important; bottom: 0 !important; } + .separator.separator-top { top: 0 !important; bottom: auto !important; } + .separator.separator-skew { height: 70px; } + .separator .fill-default { fill: #172b4d; } @@ -21019,40 +22282,52 @@ hr.horizontal.gray-light { .navbar { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); } + .navbar .navbar-brand { color: #344767; font-size: 0.875rem; } + .navbar .nav-link { color: #344767; padding: 0.5rem 1rem; font-weight: 400; font-size: 0.875rem; } + .navbar.navbar-absolute { position: absolute; width: 100%; z-index: 1; } -.navbar.navbar-transparent .nav-link, .navbar.navbar-transparent .nav-link i { + +.navbar.navbar-transparent .nav-link, +.navbar.navbar-transparent .nav-link i { color: #fff; } -.navbar.navbar-transparent .nav-link:hover, .navbar.navbar-transparent .nav-link:focus { + +.navbar.navbar-transparent .nav-link:hover, +.navbar.navbar-transparent .nav-link:focus { color: rgba(255, 255, 255, 0.75); } + .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { background: #fff; } + .navbar.navbar-transparent .navbar-collapse { border-radius: 1rem; } + .navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark, .navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark { color: #fff !important; } + .navbar .sidenav-toggler-inner { width: 18px; } + .navbar .sidenav-toggler-inner .sidenav-toggler-line { transition: all 0.15s ease; background: #67748e; @@ -21061,9 +22336,11 @@ hr.horizontal.gray-light { display: block; height: 2px; } + .navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) { margin-bottom: 3px; } + .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child, .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child { width: 13px; @@ -21073,9 +22350,11 @@ hr.horizontal.gray-light { .navbar-light { background-color: #fff !important; } + .navbar-light .navbar-toggler { border: none; } + .navbar-light .navbar-toggler:focus { box-shadow: none; } @@ -21083,6 +22362,7 @@ hr.horizontal.gray-light { .navbar-toggler .navbar-toggler-icon { background-image: none; } + .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { display: block; position: relative; @@ -21093,17 +22373,22 @@ hr.horizontal.gray-light { transition: all 0.2s; margin: 0 auto; } -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { + +.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, +.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { margin-top: 7px; } + .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 { transform: rotate(45deg); transform-origin: 10% 10%; margin-top: 4px; } + .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 { opacity: 0; } + .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 { transform: rotate(-45deg); transform-origin: 10% 90%; @@ -21114,93 +22399,116 @@ hr.horizontal.gray-light { :not(.main-content) .navbar .dropdown .dropdown-menu { top: 2.25rem !important; } + :not(.main-content) .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu { top: 0 !important; } } + @media (max-width: 991.98px) { .navbar.navbar-transparent .navbar-collapse { padding-top: 0.5rem; padding-bottom: 0.5rem; } + .navbar.navbar-transparent .navbar-collapse.collapsing { background: #fff; } + .navbar.navbar-transparent .navbar-collapse.show { background: #fff; } + .navbar.navbar-transparent .navbar-collapse.show .nav-link, -.navbar.navbar-transparent .navbar-collapse.show i { + .navbar.navbar-transparent .navbar-collapse.show i { color: #344767; } + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse { display: flex !important; flex-basis: auto; } + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav { flex-direction: row; } + .navbar.navbar-transparent .navbar-collapse { box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); } } + @media (max-width: 767.98px) { .navbar-collapse { position: relative; } + .navbar-collapse .navbar-nav { width: 100%; } + .navbar-collapse .navbar-nav .nav-item.dropdown { position: static; } + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { left: 0; right: 0; } + .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { content: none; } } + @media (max-width: 575.98px) { .navbar-nav .nav-item.dropdown .dropdown-menu { left: 0; right: auto; } } -.navbar-vertical .navbar-brand > img, + +.navbar-vertical .navbar-brand>img, .navbar-vertical .navbar-brand-img { max-width: 100%; max-height: 2rem; } + .navbar-vertical .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; font-weight: 500; color: #67748e; } -.navbar-vertical .navbar-nav .nav-link > i { + +.navbar-vertical .navbar-nav .nav-link>i { min-width: 1.8rem; font-size: 0.9375rem; line-height: 1.5rem; } + .navbar-vertical .navbar-nav .nav-link .dropdown-menu { border: none; } + .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { margin-left: 0.5rem; } + .navbar-vertical .navbar-nav .nav-link .icon { padding: 10px; } + .navbar-vertical .navbar-nav .nav-sm .nav-link { font-size: 0.8125rem; } + .navbar-vertical .navbar-nav .nav-link { display: flex; align-items: center; white-space: nowrap; } + .navbar-vertical .navbar-heading { padding-top: 0.5rem; padding-bottom: 0.5rem; @@ -21208,6 +22516,7 @@ hr.horizontal.gray-light { text-transform: uppercase; letter-spacing: 0.04em; } + .navbar-vertical.navbar-expand-xs { display: block; position: fixed; @@ -21220,56 +22529,70 @@ hr.horizontal.gray-light { box-shadow: none; z-index: 9999; } + .navbar-vertical.navbar-expand-xs .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } -.navbar-vertical.navbar-expand-xs > [class*=container] { + +.navbar-vertical.navbar-expand-xs>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xs > [class*=container] { + +@media all and (-ms-high-contrast: none), +(-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xs>[class*=container] { min-height: none; height: 100%; } } + .navbar-vertical.navbar-expand-xs.fixed-start { left: 0; } + .navbar-vertical.navbar-expand-xs.fixed-end { right: 0; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 0.5rem; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text, .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon, .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal, .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i { pointer-events: none; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item { width: 100%; } -.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item { + +.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item { margin-top: 0.125rem; } -.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item .icon .ni { + +.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni { top: 0; } -.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + +.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-background { fill: #212529; } -.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + +.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { fill: #212229; } + .navbar-vertical.navbar-expand-xs .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -21280,14 +22603,17 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } + .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 15px; } -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link > span.sidenav-normal { + +.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal { transition: all 0.1s ease 0s; } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm { display: block; @@ -21301,12 +22627,14 @@ hr.horizontal.gray-light { box-shadow: none; z-index: 9999; } + .navbar-vertical.navbar-expand-sm .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - .navbar-vertical.navbar-expand-sm > [class*=container] { + + .navbar-vertical.navbar-expand-sm>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -21314,54 +22642,66 @@ hr.horizontal.gray-light { padding-right: 0; } } -@media (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-sm > [class*=container] { + +@media (min-width: 576px) and (-ms-high-contrast: none), +(min-width: 576px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-sm>[class*=container] { min-height: none; height: 100%; } } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-start { left: 0; } } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-end { right: 0; } } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 0.5rem; } + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text, -.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i { + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i { pointer-events: none; } } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { width: 100%; } } + @media (min-width: 576px) { - .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item { + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item { margin-top: 0.125rem; } - .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item .icon .ni { + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni { top: 0; } - .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-background { fill: #212529; } - .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { fill: #212229; } } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .lavalamp-object { width: calc(100% - 1rem) !important; @@ -21374,16 +22714,19 @@ hr.horizontal.gray-light { border-radius: 0.25rem; } } + @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 15px; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link > span.sidenav-normal { + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal { transition: all 0.1s ease 0s; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md { display: block; @@ -21397,12 +22740,14 @@ hr.horizontal.gray-light { box-shadow: none; z-index: 9999; } + .navbar-vertical.navbar-expand-md .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - .navbar-vertical.navbar-expand-md > [class*=container] { + + .navbar-vertical.navbar-expand-md>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -21410,54 +22755,66 @@ hr.horizontal.gray-light { padding-right: 0; } } -@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-md > [class*=container] { + +@media (min-width: 768px) and (-ms-high-contrast: none), +(min-width: 768px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-md>[class*=container] { min-height: none; height: 100%; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-start { left: 0; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-end { right: 0; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 0.5rem; } + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text, -.navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-md .navbar-nav .nav-link i { + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i { pointer-events: none; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { width: 100%; } } + @media (min-width: 768px) { - .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item { + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item { margin-top: 0.125rem; } - .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item .icon .ni { + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni { top: 0; } - .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-background { fill: #212529; } - .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { fill: #212229; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .lavalamp-object { width: calc(100% - 1rem) !important; @@ -21470,16 +22827,19 @@ hr.horizontal.gray-light { border-radius: 0.25rem; } } + @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 15px; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link > span.sidenav-normal { + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal { transition: all 0.1s ease 0s; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg { display: block; @@ -21493,12 +22853,14 @@ hr.horizontal.gray-light { box-shadow: none; z-index: 9999; } + .navbar-vertical.navbar-expand-lg .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - .navbar-vertical.navbar-expand-lg > [class*=container] { + + .navbar-vertical.navbar-expand-lg>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -21506,54 +22868,66 @@ hr.horizontal.gray-light { padding-right: 0; } } -@media (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-lg > [class*=container] { + +@media (min-width: 992px) and (-ms-high-contrast: none), +(min-width: 992px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-lg>[class*=container] { min-height: none; height: 100%; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-start { left: 0; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-end { right: 0; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 0.5rem; } + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text, -.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i { + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i { pointer-events: none; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { width: 100%; } } + @media (min-width: 992px) { - .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item { + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item { margin-top: 0.125rem; } - .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item .icon .ni { + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni { top: 0; } - .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link .icon svg .color-background { fill: #212529; } - .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { fill: #212229; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .lavalamp-object { width: calc(100% - 1rem) !important; @@ -21566,16 +22940,19 @@ hr.horizontal.gray-light { border-radius: 0.25rem; } } + @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 15px; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link > span.sidenav-normal { + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal { transition: all 0.1s ease 0s; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl { display: block; @@ -21589,12 +22966,14 @@ hr.horizontal.gray-light { box-shadow: none; z-index: 9999; } + .navbar-vertical.navbar-expand-xl .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - .navbar-vertical.navbar-expand-xl > [class*=container] { + + .navbar-vertical.navbar-expand-xl>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -21602,54 +22981,66 @@ hr.horizontal.gray-light { padding-right: 0; } } -@media (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xl > [class*=container] { + +@media (min-width: 1200px) and (-ms-high-contrast: none), +(min-width: 1200px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xl>[class*=container] { min-height: none; height: 100%; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-start { left: 0; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-end { right: 0; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 0.5rem; } + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text, -.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i { + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i { pointer-events: none; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { width: 100%; } } + @media (min-width: 1200px) { - .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item { + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item { margin-top: 0.125rem; } - .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item .icon .ni { + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni { top: 0; } - .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-background { fill: #212529; } - .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { fill: #212229; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .lavalamp-object { width: calc(100% - 1rem) !important; @@ -21662,16 +23053,19 @@ hr.horizontal.gray-light { border-radius: 0.25rem; } } + @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 15px; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link > span.sidenav-normal { + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal { transition: all 0.1s ease 0s; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl { display: block; @@ -21685,12 +23079,14 @@ hr.horizontal.gray-light { box-shadow: none; z-index: 9999; } + .navbar-vertical.navbar-expand-xxl .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - .navbar-vertical.navbar-expand-xxl > [class*=container] { + + .navbar-vertical.navbar-expand-xxl>[class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -21698,54 +23094,66 @@ hr.horizontal.gray-light { padding-right: 0; } } -@media (min-width: 1400px) and (-ms-high-contrast: none), (min-width: 1400px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xxl > [class*=container] { + +@media (min-width: 1400px) and (-ms-high-contrast: none), +(min-width: 1400px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xxl>[class*=container] { min-height: none; height: 100%; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl.fixed-start { left: 0; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl.fixed-end { right: 0; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 0.5rem; } + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text, -.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, -.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, -.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i { + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i { pointer-events: none; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { width: 100%; } } + @media (min-width: 1400px) { - .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item { + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item { margin-top: 0.125rem; } - .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item .icon .ni { + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni { top: 0; } - .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link .icon svg .color-background { + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link .icon svg .color-background { fill: #212529; } - .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { fill: #212229; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .lavalamp-object { width: calc(100% - 1rem) !important; @@ -21758,105 +23166,133 @@ hr.horizontal.gray-light { border-radius: 0.25rem; } } + @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 15px; } - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link > span.sidenav-normal { + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal { transition: all 0.1s ease 0s; } } -.sidenav[data-color=primary] .navbar-nav > .nav-item > .nav-link.active { +.sidenav[data-color=primary] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #fb6340 0%, #fb6340 100%); } -.sidenav[data-color=primary] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=primary] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=primary] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=primary] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=primary] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=primary] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=secondary] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=secondary] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #8392ab 0%, #8392ab 100%); } -.sidenav[data-color=secondary] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=secondary] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=secondary] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=secondary] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=secondary] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=secondary] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=success] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=success] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #2dce89 0%, #2dce89 100%); } -.sidenav[data-color=success] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=success] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=success] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=success] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=success] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=success] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=info] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=info] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #11cdef 0%, #11cdef 100%); } -.sidenav[data-color=info] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=info] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=info] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=info] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=info] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=info] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=warning] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=warning] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #fb6340 0%, #fb6340 100%); } -.sidenav[data-color=warning] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=warning] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=warning] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=warning] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=warning] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=warning] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=danger] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=danger] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #f5365c 0%, #f5365c 100%); } -.sidenav[data-color=danger] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=danger] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=danger] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=danger] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=danger] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=danger] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=light] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=light] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); } -.sidenav[data-color=light] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=light] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=light] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=light] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=light] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=light] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=dark] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=dark] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #344767 0%, #344767 100%); } -.sidenav[data-color=dark] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=dark] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=dark] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=dark] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=dark] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=dark] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } -.sidenav[data-color=white] .navbar-nav > .nav-item > .nav-link.active { + +.sidenav[data-color=white] .navbar-nav>.nav-item>.nav-link.active { background-image: linear-gradient(310deg, #fff 0%, #fff 100%); } -.sidenav[data-color=white] .navbar-nav > .nav-item > .nav-link.active .icon i, -.sidenav[data-color=white] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { + +.sidenav[data-color=white] .navbar-nav>.nav-item>.nav-link.active .icon i, +.sidenav[data-color=white] .navbar-nav>.nav-item>.nav-link.active .nav-link-text { color: #fff !important; } -.sidenav[data-color=white] .navbar-nav > .nav-item > .nav-link.active:after { + +.sidenav[data-color=white] .navbar-nav>.nav-item>.nav-link.active:after { color: #fff; } @@ -21868,30 +23304,38 @@ hr.horizontal.gray-light { .sidenav { z-index: 999; } + .sidenav .navbar-brand, .sidenav .navbar-heading { display: block; } + @media (min-width: 1200px) { .sidenav:hover { max-width: 15.625rem; } + .sidenav .sidenav-toggler { padding: 1.5rem; } - .sidenav.fixed-start + .main-content { + + .sidenav.fixed-start+.main-content { margin-left: 17.125rem; } - .sidenav.fixed-end + .main-content { + + .sidenav.fixed-end+.main-content { margin-right: 17.125rem; } } + .sidenav .navbar-heading .docs-mini { padding-left: 3px; } + .sidenav .navbar-heading { transition: all 0.1s ease; } + .sidenav .navbar-brand { padding: 1.5rem 1rem; } @@ -21908,11 +23352,13 @@ hr.horizontal.gray-light { height: auto; transition: all 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .g-sidenav-show .sidenav .nav-item .collapse { transition: none; } } + .g-sidenav-show .sidenav .nav-link-text { transition: 0.3s ease; opacity: 1; @@ -21922,29 +23368,36 @@ hr.horizontal.gray-light { .g-sidenav-show.rtl .sidenav { transform: translateX(17.125rem); } + .g-sidenav-show:not(.rtl) .sidenav { transform: translateX(-17.125rem); } - .g-sidenav-show .sidenav.fixed-start + .main-content { + + .g-sidenav-show .sidenav.fixed-start+.main-content { margin-left: 0 !important; } + .g-sidenav-show.g-sidenav-pinned .sidenav { transform: translateX(0); } } + .navbar-vertical.bg-white { box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); } -.navbar-vertical.bg-white .navbar-nav > .nav-item .nav-link.active { + +.navbar-vertical.bg-white .navbar-nav>.nav-item .nav-link.active { background-color: #f6f9fc; box-shadow: none; } + .navbar-vertical .navbar-nav .nav-link.active { font-weight: 600; box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); border-radius: 0.5rem; } -.navbar-vertical .navbar-nav > .nav-item .nav-link.active { + +.navbar-vertical .navbar-nav>.nav-item .nav-link.active { color: #344767; background-color: rgba(255, 255, 255, 0.13); } @@ -21952,10 +23405,12 @@ hr.horizontal.gray-light { .navbar-main { transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in; } + .navbar-main.fixed-top { width: calc(100% - (15.625rem + 1.5rem * 3)); } -.navbar-main.fixed-top + [class*=container] { + +.navbar-main.fixed-top+[class*=container] { margin-top: 7.1875rem !important; } @@ -21972,25 +23427,31 @@ hr.horizontal.gray-light { color: rgba(33, 37, 41, 0.5); transition: all 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { transition: none; } } + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after { color: #212529; transform: rotate(180deg); } + .navbar-vertical .navbar-nav .nav-item .collapse .nav, .navbar-vertical .navbar-nav .nav-item .collapsing .nav { transition: all 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .navbar-vertical .navbar-nav .nav-item .collapse .nav, -.navbar-vertical .navbar-nav .nav-item .collapsing .nav { + .navbar-vertical .navbar-nav .nav-item .collapsing .nav { transition: none; } } + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link { position: relative; @@ -21999,19 +23460,23 @@ hr.horizontal.gray-light { color: rgba(33, 37, 41, 0.5); margin-left: 1.35rem; } + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active { color: #212529; } + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link { color: #212529; } + .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-item .nav-link:before, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-item .nav-link:before { content: none; } -.navbar-vertical.blur .navbar-nav > .nav-item .nav-link { + +.navbar-vertical.blur .navbar-nav>.nav-item .nav-link { background-color: transparent; box-shadow: none; } @@ -22020,55 +23485,71 @@ hr.horizontal.gray-light { .navbar-vertical .navbar-brand span { transition: all 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .navbar-vertical .navbar-brand .navbar-brand-img, -.navbar-vertical .navbar-brand span { + .navbar-vertical .navbar-brand span { transition: none; } } + .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { transition: all 0.2s ease-in-out; text-align: center; width: 0; } + @media (prefers-reduced-motion: reduce) { .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { transition: none; } } + .navbar-vertical .docs-info { transition: all 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .navbar-vertical .docs-info { transition: none; } } + .navbar-vertical.bg-default .navbar-nav .nav-item .nav-link { color: #fff; } + .navbar-vertical.bg-default .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after { color: #fff; } + .navbar-vertical.bg-default .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, .navbar-vertical.bg-default .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link { color: #fff; opacity: 0.8; } + .navbar-vertical.bg-default .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link.active, .navbar-vertical.bg-default .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link.active { color: #fff; opacity: 1; } -.navbar-vertical.bg-default .navbar-nav .nav-item h6, .navbar-vertical.bg-default .navbar-nav .nav-item .h6 { + +.navbar-vertical.bg-default .navbar-nav .nav-item h6, +.navbar-vertical.bg-default .navbar-nav .nav-item .h6 { color: #fff; } + .navbar-vertical.bg-default .sidenav-header .navbar-brand { color: #fff; } -.navbar-vertical.bg-default .sidenav-footer h6, .navbar-vertical.bg-default .sidenav-footer .h6 { + +.navbar-vertical.bg-default .sidenav-footer h6, +.navbar-vertical.bg-default .sidenav-footer .h6 { color: #fff; } + .navbar-vertical.bg-default hr { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !important; } @@ -22085,189 +23566,240 @@ hr.horizontal.gray-light { .g-sidenav-hidden.rtl .main-content { margin-right: 6rem !important; } + .g-sidenav-hidden.rtl .main-content .navbar-vertical:hover { max-width: 15.625rem !important; } - .g-sidenav-hidden.rtl .sidenav:hover + .main-content { + + .g-sidenav-hidden.rtl .sidenav:hover+.main-content { margin-right: 17.125rem !important; } + .g-sidenav-hidden .navbar-vertical { max-width: 6rem !important; } - .g-sidenav-hidden .navbar-vertical.fixed-start + .main-content { + + .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content { margin-left: 7.5rem; } + .g-sidenav-hidden .navbar-vertical .navbar-brand img { width: auto !important; } + .g-sidenav-hidden .navbar-vertical .navbar-brand span { opacity: 0; } + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon { padding: 10px; } + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text, -.g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { opacity: 0; width: 0; } + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon { min-width: 1.8rem; margin-left: 0.15rem; opacity: 1; } + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle=collapse]:after { content: ""; } + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav { margin-left: 0 !important; padding-left: 0 !important; } + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link { margin-left: 0.5rem; } + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link:before { content: none; } + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle=collapse]:after { content: "\f107"; } + .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape { margin-bottom: 0 !important; } + .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info { opacity: 0; width: 0; height: 0; } + .g-sidenav-hidden .navbar-vertical:hover { max-width: 15.625rem !important; } - .g-sidenav-hidden .navbar-vertical:hover.fixed-start + .main-content { + + .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content { margin-left: 17.125rem; } + .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span { opacity: 1; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text, -.g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal { + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal { opacity: 1; width: auto; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-mini-icon { opacity: 0; width: 0; min-width: 0; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle=collapse]:after { content: "\f107"; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav { margin-left: 1.5rem !important; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .nav-link { margin-left: 1.35rem; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .nav-link:before { content: ""; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav, -.g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav { + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav { margin-left: 0 !important; padding-left: 0 !important; } + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav .nav-item .nav-link:before, -.g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav .nav-item .nav-link:before { + .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav .nav-item .nav-link:before { content: none; } + .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape { margin-bottom: 1rem !important; } + .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info { opacity: 1; width: auto; height: auto; } } + .nav.nav-pills { background: #f8f9fa; border-radius: 0.75rem; position: relative; } + .nav.nav-pills.nav-pills-vertical { border-radius: 1.1875rem; } + .nav.nav-pills.nav-pills-vertical .nav-link.active { border-radius: 0.875rem; } + .nav.nav-pills .nav-link { z-index: 3; color: #344767; border-radius: 0.5rem; background-color: inherit; } + .nav.nav-pills .nav-link.active { -webkit-animation: 0.2s ease; - animation: 0.2s ease; + animation: 0.2s ease; } + .nav.nav-pills .nav-link:hover:not(.active) { color: #344767; } + .nav.nav-pills.nav-pills-primary { background: #fff; color: #fff; } + .nav.nav-pills.nav-pills-primary .nav-link.active { color: #fff; } + .nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active { background: #fb6340; color: #fb6340; } + .nav.nav-pills.nav-pills-info { background: #fff; color: #fff; } + .nav.nav-pills.nav-pills-info .nav-link.active { color: #fff; } + .nav.nav-pills.nav-pills-info .moving-tab .nav-link.active { background: #1171ef; color: #1171ef; } + .nav.nav-pills.nav-pills-success { background: #fff; color: #fff; } + .nav.nav-pills.nav-pills-success .nav-link.active { color: #fff; } + .nav.nav-pills.nav-pills-success .moving-tab .nav-link.active { background: #2dce89; color: #2dce89; } + .nav.nav-pills.nav-pills-warning { background: #fff; color: #fff; } + .nav.nav-pills.nav-pills-warning .nav-link.active { color: #fff; } + .nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active { background: #fb6340; color: #fb6340; } + .nav.nav-pills.nav-pills-danger { background: #fff; color: #fff; } + .nav.nav-pills.nav-pills-danger .nav-link.active { color: #fff; } + .nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active { background: #f5365c; color: #f5365c; } + .nav.nav-pills .nav-item { z-index: 3; } @@ -22275,19 +23807,22 @@ hr.horizontal.gray-light { .moving-tab { z-index: 1 !important; } + .moving-tab .nav-link { color: #fff; transition: 0.2s ease; border-radius: 0.5rem; } + .moving-tab .nav-link.active { color: #fff; font-weight: 600; box-shadow: 0px 1px 5px 1px #ddd; -webkit-animation: 0.2s ease; - animation: 0.2s ease; + animation: 0.2s ease; background: #fff; } + .moving-tab .nav-link:hover:not(.active) { color: #344767; } @@ -22295,6 +23830,7 @@ hr.horizontal.gray-light { .page-item.active .page-link { box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } + .page-item .page-link, .page-item span { display: flex; @@ -22323,35 +23859,58 @@ hr.horizontal.gray-light { line-height: 30px; } -.pagination.pagination-primary .page-item.active > .page-link, .pagination.pagination-primary .page-item.active > .page-link:focus, .pagination.pagination-primary .page-item.active > .page-link:hover { +.pagination.pagination-primary .page-item.active>.page-link, +.pagination.pagination-primary .page-item.active>.page-link:focus, +.pagination.pagination-primary .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #fb6340 0%, #f56036 100%); border: none; } -.pagination.pagination-secondary .page-item.active > .page-link, .pagination.pagination-secondary .page-item.active > .page-link:focus, .pagination.pagination-secondary .page-item.active > .page-link:hover { + +.pagination.pagination-secondary .page-item.active>.page-link, +.pagination.pagination-secondary .page-item.active>.page-link:focus, +.pagination.pagination-secondary .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #627594 0%, #a8b8d8 100%); border: none; } -.pagination.pagination-success .page-item.active > .page-link, .pagination.pagination-success .page-item.active > .page-link:focus, .pagination.pagination-success .page-item.active > .page-link:hover { + +.pagination.pagination-success .page-item.active>.page-link, +.pagination.pagination-success .page-item.active>.page-link:focus, +.pagination.pagination-success .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #2dce89 0%, #2dcecc 100%); border: none; } -.pagination.pagination-info .page-item.active > .page-link, .pagination.pagination-info .page-item.active > .page-link:focus, .pagination.pagination-info .page-item.active > .page-link:hover { + +.pagination.pagination-info .page-item.active>.page-link, +.pagination.pagination-info .page-item.active>.page-link:focus, +.pagination.pagination-info .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #1171ef 0%, #11cdef 100%); border: none; } -.pagination.pagination-warning .page-item.active > .page-link, .pagination.pagination-warning .page-item.active > .page-link:focus, .pagination.pagination-warning .page-item.active > .page-link:hover { + +.pagination.pagination-warning .page-item.active>.page-link, +.pagination.pagination-warning .page-item.active>.page-link:focus, +.pagination.pagination-warning .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #fb6340 0%, #fbb140 100%); border: none; } -.pagination.pagination-danger .page-item.active > .page-link, .pagination.pagination-danger .page-item.active > .page-link:focus, .pagination.pagination-danger .page-item.active > .page-link:hover { + +.pagination.pagination-danger .page-item.active>.page-link, +.pagination.pagination-danger .page-item.active>.page-link:focus, +.pagination.pagination-danger .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #f5365c 0%, #f56036 100%); border: none; } -.pagination.pagination-light .page-item.active > .page-link, .pagination.pagination-light .page-item.active > .page-link:focus, .pagination.pagination-light .page-item.active > .page-link:hover { + +.pagination.pagination-light .page-item.active>.page-link, +.pagination.pagination-light .page-item.active>.page-link:focus, +.pagination.pagination-light .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); border: none; } -.pagination.pagination-dark .page-item.active > .page-link, .pagination.pagination-dark .page-item.active > .page-link:focus, .pagination.pagination-dark .page-item.active > .page-link:hover { + +.pagination.pagination-dark .page-item.active>.page-link, +.pagination.pagination-dark .page-item.active>.page-link:focus, +.pagination.pagination-dark .page-item.active>.page-link:hover { background-image: linear-gradient(310deg, #212229 0%, #212529 100%); border: none; } @@ -22372,70 +23931,87 @@ hr.horizontal.gray-light { .progress { overflow: visible; } + .progress.progress-xs { height: 3px; } + .progress.progress-sm { height: 4px; } + .progress.progress-lg { height: 20px; } -.rtl .breadcrumb .breadcrumb-item + .breadcrumb-item::before { +.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before { float: right; padding-left: 0.5rem; padding-right: 0; } + .rtl .sidenav .navbar-nav { width: 100%; padding-right: 0; } + .rtl .fixed-plugin .fixed-plugin-button { left: 30px; right: auto; } + .rtl .fixed-plugin .card { left: -360px !important; right: auto; } + .rtl .fixed-plugin.show .card { right: auto; left: 0 !important; } + .rtl .timeline .timeline-content { margin-right: 45px; margin-left: 0; } + .rtl .timeline .timeline-step { transform: translateX(50%); } + .rtl .timeline.timeline-one-side:before { right: 1rem; } + .rtl .timeline.timeline-one-side .timeline-step { right: 1rem; } + .rtl .form-check.form-switch .form-check-input:after { transform: translateX(-1px); } + .rtl .form-check.form-switch .form-check-input:checked:after { transform: translateX(-21px); } -.rtl .avatar-group .avatar + .avatar { + +.rtl .avatar-group .avatar+.avatar { margin-left: 0; margin-right: -1rem; } + .rtl .dropdown .dropdown-menu { left: 0; } + .rtl .input-group .input-group-text { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: 1px solid #d2d6da; } -.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + +.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -22444,7 +24020,9 @@ hr.horizontal.gray-light { border-right: 0; border-left: 1px solid #d2d6da; } -.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { + +.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), +.rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } @@ -22453,13 +24031,19 @@ hr.horizontal.gray-light { background-color: #3b5998; color: #fff; } -.btn.btn-facebook:focus, .btn.btn-facebook:hover { + +.btn.btn-facebook:focus, +.btn.btn-facebook:hover { background-color: #344e86; color: #fff; } -.btn.btn-facebook:active, .btn.btn-facebook:focus, .btn.btn-facebook:active:focus { + +.btn.btn-facebook:active, +.btn.btn-facebook:focus, +.btn.btn-facebook:active:focus { box-shadow: none; } + .btn.btn-facebook.btn-simple { color: #344e86; background-color: transparent; @@ -22467,29 +24051,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-facebook.btn-simple:hover, .btn.btn-facebook.btn-simple:focus, .btn.btn-facebook.btn-simple:hover:focus, .btn.btn-facebook.btn-simple:active, .btn.btn-facebook.btn-simple:hover:focus:active { + +.btn.btn-facebook.btn-simple:hover, +.btn.btn-facebook.btn-simple:focus, +.btn.btn-facebook.btn-simple:hover:focus, +.btn.btn-facebook.btn-simple:active, +.btn.btn-facebook.btn-simple:hover:focus:active { color: #344e86; background: transparent !important; box-shadow: none !important; } + .btn.btn-facebook.btn-neutral { color: #3b5998; background-color: #fff; } -.btn.btn-facebook.btn-neutral:hover, .btn.btn-facebook.btn-neutral:focus, .btn.btn-facebook.btn-neutral:active { + +.btn.btn-facebook.btn-neutral:hover, +.btn.btn-facebook.btn-neutral:focus, +.btn.btn-facebook.btn-neutral:active { color: #344e86; } + .btn.btn-twitter { background-color: #55acee; color: #fff; } -.btn.btn-twitter:focus, .btn.btn-twitter:hover { + +.btn.btn-twitter:focus, +.btn.btn-twitter:hover { background-color: #3ea1ec; color: #fff; } -.btn.btn-twitter:active, .btn.btn-twitter:focus, .btn.btn-twitter:active:focus { + +.btn.btn-twitter:active, +.btn.btn-twitter:focus, +.btn.btn-twitter:active:focus { box-shadow: none; } + .btn.btn-twitter.btn-simple { color: #3ea1ec; background-color: transparent; @@ -22497,29 +24097,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-twitter.btn-simple:hover, .btn.btn-twitter.btn-simple:focus, .btn.btn-twitter.btn-simple:hover:focus, .btn.btn-twitter.btn-simple:active, .btn.btn-twitter.btn-simple:hover:focus:active { + +.btn.btn-twitter.btn-simple:hover, +.btn.btn-twitter.btn-simple:focus, +.btn.btn-twitter.btn-simple:hover:focus, +.btn.btn-twitter.btn-simple:active, +.btn.btn-twitter.btn-simple:hover:focus:active { color: #3ea1ec; background: transparent !important; box-shadow: none !important; } + .btn.btn-twitter.btn-neutral { color: #55acee; background-color: #fff; } -.btn.btn-twitter.btn-neutral:hover, .btn.btn-twitter.btn-neutral:focus, .btn.btn-twitter.btn-neutral:active { + +.btn.btn-twitter.btn-neutral:hover, +.btn.btn-twitter.btn-neutral:focus, +.btn.btn-twitter.btn-neutral:active { color: #3ea1ec; } + .btn.btn-pinterest { background-color: #cc2127; color: #fff; } -.btn.btn-pinterest:focus, .btn.btn-pinterest:hover { + +.btn.btn-pinterest:focus, +.btn.btn-pinterest:hover { background-color: #b21d22; color: #fff; } -.btn.btn-pinterest:active, .btn.btn-pinterest:focus, .btn.btn-pinterest:active:focus { + +.btn.btn-pinterest:active, +.btn.btn-pinterest:focus, +.btn.btn-pinterest:active:focus { box-shadow: none; } + .btn.btn-pinterest.btn-simple { color: #b21d22; background-color: transparent; @@ -22527,29 +24143,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-pinterest.btn-simple:hover, .btn.btn-pinterest.btn-simple:focus, .btn.btn-pinterest.btn-simple:hover:focus, .btn.btn-pinterest.btn-simple:active, .btn.btn-pinterest.btn-simple:hover:focus:active { + +.btn.btn-pinterest.btn-simple:hover, +.btn.btn-pinterest.btn-simple:focus, +.btn.btn-pinterest.btn-simple:hover:focus, +.btn.btn-pinterest.btn-simple:active, +.btn.btn-pinterest.btn-simple:hover:focus:active { color: #b21d22; background: transparent !important; box-shadow: none !important; } + .btn.btn-pinterest.btn-neutral { color: #cc2127; background-color: #fff; } -.btn.btn-pinterest.btn-neutral:hover, .btn.btn-pinterest.btn-neutral:focus, .btn.btn-pinterest.btn-neutral:active { + +.btn.btn-pinterest.btn-neutral:hover, +.btn.btn-pinterest.btn-neutral:focus, +.btn.btn-pinterest.btn-neutral:active { color: #b21d22; } + .btn.btn-linkedin { background-color: #0077B5; color: #fff; } -.btn.btn-linkedin:focus, .btn.btn-linkedin:hover { + +.btn.btn-linkedin:focus, +.btn.btn-linkedin:hover { background-color: #00669c; color: #fff; } -.btn.btn-linkedin:active, .btn.btn-linkedin:focus, .btn.btn-linkedin:active:focus { + +.btn.btn-linkedin:active, +.btn.btn-linkedin:focus, +.btn.btn-linkedin:active:focus { box-shadow: none; } + .btn.btn-linkedin.btn-simple { color: #00669c; background-color: transparent; @@ -22557,29 +24189,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-linkedin.btn-simple:hover, .btn.btn-linkedin.btn-simple:focus, .btn.btn-linkedin.btn-simple:hover:focus, .btn.btn-linkedin.btn-simple:active, .btn.btn-linkedin.btn-simple:hover:focus:active { + +.btn.btn-linkedin.btn-simple:hover, +.btn.btn-linkedin.btn-simple:focus, +.btn.btn-linkedin.btn-simple:hover:focus, +.btn.btn-linkedin.btn-simple:active, +.btn.btn-linkedin.btn-simple:hover:focus:active { color: #00669c; background: transparent !important; box-shadow: none !important; } + .btn.btn-linkedin.btn-neutral { color: #0077B5; background-color: #fff; } -.btn.btn-linkedin.btn-neutral:hover, .btn.btn-linkedin.btn-neutral:focus, .btn.btn-linkedin.btn-neutral:active { + +.btn.btn-linkedin.btn-neutral:hover, +.btn.btn-linkedin.btn-neutral:focus, +.btn.btn-linkedin.btn-neutral:active { color: #00669c; } + .btn.btn-dribbble { background-color: #ea4c89; color: #fff; } -.btn.btn-dribbble:focus, .btn.btn-dribbble:hover { + +.btn.btn-dribbble:focus, +.btn.btn-dribbble:hover { background-color: #e73177; color: #fff; } -.btn.btn-dribbble:active, .btn.btn-dribbble:focus, .btn.btn-dribbble:active:focus { + +.btn.btn-dribbble:active, +.btn.btn-dribbble:focus, +.btn.btn-dribbble:active:focus { box-shadow: none; } + .btn.btn-dribbble.btn-simple { color: #e73177; background-color: transparent; @@ -22587,29 +24235,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-dribbble.btn-simple:hover, .btn.btn-dribbble.btn-simple:focus, .btn.btn-dribbble.btn-simple:hover:focus, .btn.btn-dribbble.btn-simple:active, .btn.btn-dribbble.btn-simple:hover:focus:active { + +.btn.btn-dribbble.btn-simple:hover, +.btn.btn-dribbble.btn-simple:focus, +.btn.btn-dribbble.btn-simple:hover:focus, +.btn.btn-dribbble.btn-simple:active, +.btn.btn-dribbble.btn-simple:hover:focus:active { color: #e73177; background: transparent !important; box-shadow: none !important; } + .btn.btn-dribbble.btn-neutral { color: #ea4c89; background-color: #fff; } -.btn.btn-dribbble.btn-neutral:hover, .btn.btn-dribbble.btn-neutral:focus, .btn.btn-dribbble.btn-neutral:active { + +.btn.btn-dribbble.btn-neutral:hover, +.btn.btn-dribbble.btn-neutral:focus, +.btn.btn-dribbble.btn-neutral:active { color: #e73177; } + .btn.btn-github { background-color: #24292E; color: #fff; } -.btn.btn-github:focus, .btn.btn-github:hover { + +.btn.btn-github:focus, +.btn.btn-github:hover { background-color: #171a1d; color: #fff; } -.btn.btn-github:active, .btn.btn-github:focus, .btn.btn-github:active:focus { + +.btn.btn-github:active, +.btn.btn-github:focus, +.btn.btn-github:active:focus { box-shadow: none; } + .btn.btn-github.btn-simple { color: #171a1d; background-color: transparent; @@ -22617,29 +24281,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-github.btn-simple:hover, .btn.btn-github.btn-simple:focus, .btn.btn-github.btn-simple:hover:focus, .btn.btn-github.btn-simple:active, .btn.btn-github.btn-simple:hover:focus:active { + +.btn.btn-github.btn-simple:hover, +.btn.btn-github.btn-simple:focus, +.btn.btn-github.btn-simple:hover:focus, +.btn.btn-github.btn-simple:active, +.btn.btn-github.btn-simple:hover:focus:active { color: #171a1d; background: transparent !important; box-shadow: none !important; } + .btn.btn-github.btn-neutral { color: #24292E; background-color: #fff; } -.btn.btn-github.btn-neutral:hover, .btn.btn-github.btn-neutral:focus, .btn.btn-github.btn-neutral:active { + +.btn.btn-github.btn-neutral:hover, +.btn.btn-github.btn-neutral:focus, +.btn.btn-github.btn-neutral:active { color: #171a1d; } + .btn.btn-youtube { background-color: #e52d27; color: #fff; } -.btn.btn-youtube:focus, .btn.btn-youtube:hover { + +.btn.btn-youtube:focus, +.btn.btn-youtube:hover { background-color: #d41f1a; color: #fff; } -.btn.btn-youtube:active, .btn.btn-youtube:focus, .btn.btn-youtube:active:focus { + +.btn.btn-youtube:active, +.btn.btn-youtube:focus, +.btn.btn-youtube:active:focus { box-shadow: none; } + .btn.btn-youtube.btn-simple { color: #d41f1a; background-color: transparent; @@ -22647,29 +24327,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-youtube.btn-simple:hover, .btn.btn-youtube.btn-simple:focus, .btn.btn-youtube.btn-simple:hover:focus, .btn.btn-youtube.btn-simple:active, .btn.btn-youtube.btn-simple:hover:focus:active { + +.btn.btn-youtube.btn-simple:hover, +.btn.btn-youtube.btn-simple:focus, +.btn.btn-youtube.btn-simple:hover:focus, +.btn.btn-youtube.btn-simple:active, +.btn.btn-youtube.btn-simple:hover:focus:active { color: #d41f1a; background: transparent !important; box-shadow: none !important; } + .btn.btn-youtube.btn-neutral { color: #e52d27; background-color: #fff; } -.btn.btn-youtube.btn-neutral:hover, .btn.btn-youtube.btn-neutral:focus, .btn.btn-youtube.btn-neutral:active { + +.btn.btn-youtube.btn-neutral:hover, +.btn.btn-youtube.btn-neutral:focus, +.btn.btn-youtube.btn-neutral:active { color: #d41f1a; } + .btn.btn-instagram { background-color: #125688; color: #fff; } -.btn.btn-instagram:focus, .btn.btn-instagram:hover { + +.btn.btn-instagram:focus, +.btn.btn-instagram:hover { background-color: #0e456d; color: #fff; } -.btn.btn-instagram:active, .btn.btn-instagram:focus, .btn.btn-instagram:active:focus { + +.btn.btn-instagram:active, +.btn.btn-instagram:focus, +.btn.btn-instagram:active:focus { box-shadow: none; } + .btn.btn-instagram.btn-simple { color: #0e456d; background-color: transparent; @@ -22677,29 +24373,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-instagram.btn-simple:hover, .btn.btn-instagram.btn-simple:focus, .btn.btn-instagram.btn-simple:hover:focus, .btn.btn-instagram.btn-simple:active, .btn.btn-instagram.btn-simple:hover:focus:active { + +.btn.btn-instagram.btn-simple:hover, +.btn.btn-instagram.btn-simple:focus, +.btn.btn-instagram.btn-simple:hover:focus, +.btn.btn-instagram.btn-simple:active, +.btn.btn-instagram.btn-simple:hover:focus:active { color: #0e456d; background: transparent !important; box-shadow: none !important; } + .btn.btn-instagram.btn-neutral { color: #125688; background-color: #fff; } -.btn.btn-instagram.btn-neutral:hover, .btn.btn-instagram.btn-neutral:focus, .btn.btn-instagram.btn-neutral:active { + +.btn.btn-instagram.btn-neutral:hover, +.btn.btn-instagram.btn-neutral:focus, +.btn.btn-instagram.btn-neutral:active { color: #0e456d; } + .btn.btn-reddit { background-color: #ff4500; color: #fff; } -.btn.btn-reddit:focus, .btn.btn-reddit:hover { + +.btn.btn-reddit:focus, +.btn.btn-reddit:hover { background-color: #e03d00; color: #fff; } -.btn.btn-reddit:active, .btn.btn-reddit:focus, .btn.btn-reddit:active:focus { + +.btn.btn-reddit:active, +.btn.btn-reddit:focus, +.btn.btn-reddit:active:focus { box-shadow: none; } + .btn.btn-reddit.btn-simple { color: #e03d00; background-color: transparent; @@ -22707,29 +24419,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-reddit.btn-simple:hover, .btn.btn-reddit.btn-simple:focus, .btn.btn-reddit.btn-simple:hover:focus, .btn.btn-reddit.btn-simple:active, .btn.btn-reddit.btn-simple:hover:focus:active { + +.btn.btn-reddit.btn-simple:hover, +.btn.btn-reddit.btn-simple:focus, +.btn.btn-reddit.btn-simple:hover:focus, +.btn.btn-reddit.btn-simple:active, +.btn.btn-reddit.btn-simple:hover:focus:active { color: #e03d00; background: transparent !important; box-shadow: none !important; } + .btn.btn-reddit.btn-neutral { color: #ff4500; background-color: #fff; } -.btn.btn-reddit.btn-neutral:hover, .btn.btn-reddit.btn-neutral:focus, .btn.btn-reddit.btn-neutral:active { + +.btn.btn-reddit.btn-neutral:hover, +.btn.btn-reddit.btn-neutral:focus, +.btn.btn-reddit.btn-neutral:active { color: #e03d00; } + .btn.btn-tumblr { background-color: #35465c; color: #fff; } -.btn.btn-tumblr:focus, .btn.btn-tumblr:hover { + +.btn.btn-tumblr:focus, +.btn.btn-tumblr:hover { background-color: #2a3749; color: #fff; } -.btn.btn-tumblr:active, .btn.btn-tumblr:focus, .btn.btn-tumblr:active:focus { + +.btn.btn-tumblr:active, +.btn.btn-tumblr:focus, +.btn.btn-tumblr:active:focus { box-shadow: none; } + .btn.btn-tumblr.btn-simple { color: #2a3749; background-color: transparent; @@ -22737,29 +24465,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-tumblr.btn-simple:hover, .btn.btn-tumblr.btn-simple:focus, .btn.btn-tumblr.btn-simple:hover:focus, .btn.btn-tumblr.btn-simple:active, .btn.btn-tumblr.btn-simple:hover:focus:active { + +.btn.btn-tumblr.btn-simple:hover, +.btn.btn-tumblr.btn-simple:focus, +.btn.btn-tumblr.btn-simple:hover:focus, +.btn.btn-tumblr.btn-simple:active, +.btn.btn-tumblr.btn-simple:hover:focus:active { color: #2a3749; background: transparent !important; box-shadow: none !important; } + .btn.btn-tumblr.btn-neutral { color: #35465c; background-color: #fff; } -.btn.btn-tumblr.btn-neutral:hover, .btn.btn-tumblr.btn-neutral:focus, .btn.btn-tumblr.btn-neutral:active { + +.btn.btn-tumblr.btn-neutral:hover, +.btn.btn-tumblr.btn-neutral:focus, +.btn.btn-tumblr.btn-neutral:active { color: #2a3749; } + .btn.btn-behance { background-color: #1769ff; color: #fff; } -.btn.btn-behance:focus, .btn.btn-behance:hover { + +.btn.btn-behance:focus, +.btn.btn-behance:hover { background-color: #0057f7; color: #fff; } -.btn.btn-behance:active, .btn.btn-behance:focus, .btn.btn-behance:active:focus { + +.btn.btn-behance:active, +.btn.btn-behance:focus, +.btn.btn-behance:active:focus { box-shadow: none; } + .btn.btn-behance.btn-simple { color: #0057f7; background-color: transparent; @@ -22767,29 +24511,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-behance.btn-simple:hover, .btn.btn-behance.btn-simple:focus, .btn.btn-behance.btn-simple:hover:focus, .btn.btn-behance.btn-simple:active, .btn.btn-behance.btn-simple:hover:focus:active { + +.btn.btn-behance.btn-simple:hover, +.btn.btn-behance.btn-simple:focus, +.btn.btn-behance.btn-simple:hover:focus, +.btn.btn-behance.btn-simple:active, +.btn.btn-behance.btn-simple:hover:focus:active { color: #0057f7; background: transparent !important; box-shadow: none !important; } + .btn.btn-behance.btn-neutral { color: #1769ff; background-color: #fff; } -.btn.btn-behance.btn-neutral:hover, .btn.btn-behance.btn-neutral:focus, .btn.btn-behance.btn-neutral:active { + +.btn.btn-behance.btn-neutral:hover, +.btn.btn-behance.btn-neutral:focus, +.btn.btn-behance.btn-neutral:active { color: #0057f7; } + .btn.btn-vimeo { background-color: #1AB7EA; color: #fff; } -.btn.btn-vimeo:focus, .btn.btn-vimeo:hover { + +.btn.btn-vimeo:focus, +.btn.btn-vimeo:hover { background-color: #13a3d2; color: #fff; } -.btn.btn-vimeo:active, .btn.btn-vimeo:focus, .btn.btn-vimeo:active:focus { + +.btn.btn-vimeo:active, +.btn.btn-vimeo:focus, +.btn.btn-vimeo:active:focus { box-shadow: none; } + .btn.btn-vimeo.btn-simple { color: #13a3d2; background-color: transparent; @@ -22797,29 +24557,45 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-vimeo.btn-simple:hover, .btn.btn-vimeo.btn-simple:focus, .btn.btn-vimeo.btn-simple:hover:focus, .btn.btn-vimeo.btn-simple:active, .btn.btn-vimeo.btn-simple:hover:focus:active { + +.btn.btn-vimeo.btn-simple:hover, +.btn.btn-vimeo.btn-simple:focus, +.btn.btn-vimeo.btn-simple:hover:focus, +.btn.btn-vimeo.btn-simple:active, +.btn.btn-vimeo.btn-simple:hover:focus:active { color: #13a3d2; background: transparent !important; box-shadow: none !important; } + .btn.btn-vimeo.btn-neutral { color: #1AB7EA; background-color: #fff; } -.btn.btn-vimeo.btn-neutral:hover, .btn.btn-vimeo.btn-neutral:focus, .btn.btn-vimeo.btn-neutral:active { + +.btn.btn-vimeo.btn-neutral:hover, +.btn.btn-vimeo.btn-neutral:focus, +.btn.btn-vimeo.btn-neutral:active { color: #13a3d2; } + .btn.btn-slack { background-color: #3aaf85; color: #fff; } -.btn.btn-slack:focus, .btn.btn-slack:hover { + +.btn.btn-slack:focus, +.btn.btn-slack:hover { background-color: #329874; color: #fff; } -.btn.btn-slack:active, .btn.btn-slack:focus, .btn.btn-slack:active:focus { + +.btn.btn-slack:active, +.btn.btn-slack:focus, +.btn.btn-slack:active:focus { box-shadow: none; } + .btn.btn-slack.btn-simple { color: #329874; background-color: transparent; @@ -22827,16 +24603,25 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } -.btn.btn-slack.btn-simple:hover, .btn.btn-slack.btn-simple:focus, .btn.btn-slack.btn-simple:hover:focus, .btn.btn-slack.btn-simple:active, .btn.btn-slack.btn-simple:hover:focus:active { + +.btn.btn-slack.btn-simple:hover, +.btn.btn-slack.btn-simple:focus, +.btn.btn-slack.btn-simple:hover:focus, +.btn.btn-slack.btn-simple:active, +.btn.btn-slack.btn-simple:hover:focus:active { color: #329874; background: transparent !important; box-shadow: none !important; } + .btn.btn-slack.btn-neutral { color: #3aaf85; background-color: #fff; } -.btn.btn-slack.btn-neutral:hover, .btn.btn-slack.btn-neutral:focus, .btn.btn-slack.btn-neutral:active { + +.btn.btn-slack.btn-neutral:hover, +.btn.btn-slack.btn-neutral:focus, +.btn.btn-slack.btn-neutral:active { color: #329874; } @@ -22850,41 +24635,48 @@ hr.horizontal.gray-light { @media (max-width: 600px) { .table thead th { padding: 0.75rem 1rem; - text-transform: capitalize; - letter-spacing: 0px; - border-bottom: 1px solid #e9ecef; + text-transform: capitalize; + letter-spacing: 0px; + border-bottom: 1px solid #e9ecef; } } .table th { font-weight: 600; } + .table td .progress { height: 3px; width: 120px; margin: 0; } + .table td, .table th { white-space: nowrap; } + .table.align-items-center td, .table.align-items-center th { vertical-align: middle; } + .table tbody tr:last-child td { border-width: 0; } -.table > :not(:last-child) > :last-child > * { + +.table> :not(:last-child)> :last-child>* { border-bottom-color: #e9ecef; } -.table > :not(:first-child) { + +.table> :not(:first-child) { border-top: 1px solid currentColor; } .timeline { position: relative; } + .timeline:before { content: ""; position: absolute; @@ -22897,14 +24689,17 @@ hr.horizontal.gray-light { .timeline-block { position: relative; } + .timeline-block:after { content: ""; display: table; clear: both; } + .timeline-block:first-child { margin-top: 0; } + .timeline-block:last-child { margin-bottom: 0; } @@ -22925,7 +24720,9 @@ hr.horizontal.gray-light { font-weight: 600; z-index: 1; } -.timeline-step svg, .timeline-step i { + +.timeline-step svg, +.timeline-step i { line-height: 1.4; } @@ -22936,6 +24733,7 @@ hr.horizontal.gray-light { position: relative; top: -6px; } + .timeline-content:after { content: ""; display: table; @@ -22960,15 +24758,19 @@ hr.horizontal.gray-light { float: right; } } + .timeline-one-side:before { left: 1rem; } + .timeline-one-side .timeline-step { left: 1rem; } + .timeline-one-side .timeline-content { width: auto; } + @media (min-width: 992px) { .timeline-one-side .timeline-content { max-width: 30rem; @@ -22982,6 +24784,7 @@ hr.horizontal.gray-light { .tilt { transform-style: preserve-3d; } + .tilt .up { transform: translateZ(50px) scale(0.7) !important; transition: all 0.5s; @@ -23007,64 +24810,86 @@ body { line-height: 1.6; } -h1, .h1 { +h1, +.h1 { font-size: 3rem; line-height: 1.25; letter-spacing: 0.025rem; } + @media (max-width: 575.98px) { - h1, .h1 { + + h1, + .h1 { font-size: calc(1.425rem + 2.1vw); } } -h2, .h2 { +h2, +.h2 { font-size: 2.25rem; line-height: 1.3; letter-spacing: 0.05rem; } + @media (max-width: 575.98px) { - h2, .h2 { + + h2, + .h2 { font-size: calc(1.35rem + 1.2vw); } } -h3, .h3 { +h3, +.h3 { font-size: 1.875rem; line-height: 1.375; } + @media (max-width: 575.98px) { - h3, .h3 { + + h3, + .h3 { font-size: calc(1.3125rem + 0.75vw); } } -h4, .h4 { +h4, +.h4 { font-size: 1.0rem; line-height: 1.375; } + @media (max-width: 575.98px) { - h4, .h4 { + + h4, + .h4 { font-size: calc(1.0rem + 0.3vw); } } -h5, .h5 { +h5, +.h5 { font-size: 1.25rem; line-height: 1.375; } + @media (max-width: 575.98px) { - h5, .h5 { + + h5, + .h5 { font-size: 1.25rem; } } -h6, .h6 { +h6, +.h6 { font-size: 1rem; line-height: 1.625; } -p, .p { +p, +.p { font-size: 1rem; font-weight: 400; line-height: 1.6; @@ -23076,22 +24901,32 @@ p, .p { line-height: 1.625; } -h1, .h1, -h2, .h2, -h3, .h3 { +h1, +.h1, +h2, +.h2, +h3, +.h3 { font-weight: 700; } -h4, .h4, -h5, .h5, -h6, .h6 { +h4, +.h4, +h5, +.h5, +h6, +.h6 { font-weight: 600; } -h1, .h1, -h2, .h2, -h3, .h3, -h4, .h4 { +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4 { letter-spacing: -0.05rem; } @@ -23108,7 +24943,8 @@ a { line-height: 1.25; } -p, .p { +p, +.p { font-size: 1rem; } @@ -23194,21 +25030,27 @@ p { position: relative; z-index: 1; } + .text-gradient.text-primary { background-image: linear-gradient(310deg, #fb6340, #f56036); } + .text-gradient.text-info { background-image: linear-gradient(310deg, #1171ef, #11cdef); } + .text-gradient.text-success { background-image: linear-gradient(310deg, #2dce89, #2dcecc); } + .text-gradient.text-warning { background-image: linear-gradient(310deg, #fb6340, #fbb140); } + .text-gradient.text-danger { background-image: linear-gradient(310deg, #f5365c, #f56036); } + .text-gradient.text-dark { background-image: linear-gradient(310deg, #212229, #212529); } @@ -23216,7 +25058,8 @@ p { .blockquote { border-left: 3px solid #6c757d; } -.blockquote > span { + +.blockquote>span { font-style: italic; } @@ -23311,44 +25154,59 @@ p { .dark-version { background-color: #051139 !important; } -.dark-version > div[class*=bg-] { + +.dark-version>div[class*=bg-] { background-color: #051139 !important; } + .dark-version .sidenav { background: #111C44 !important; } + .dark-version .sidenav.bg-transparent { background: transparent !important; } + .dark-version .sidenav.bg-transparent .navbar-nav .nav-link { color: #fff !important; } + .dark-version .sidenav.bg-transparent .nav .nav-link { color: #fff !important; } + .dark-version .sidenav.bg-white { background: #fff !important; } + .dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after { color: rgba(206, 212, 218, 0.7); } + .dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i { color: #344767 !important; } -.dark-version .sidenav.bg-white .collapse .nav-item h6, .dark-version .sidenav.bg-white .collapse .nav-item .h6 { + +.dark-version .sidenav.bg-white .collapse .nav-item h6, +.dark-version .sidenav.bg-white .collapse .nav-item .h6 { color: #344767 !important; } -.dark-version .fixed-plugin .btn.bg-gradient-dark, .dark-version .fixed-plugin .btn.btn-outline-dark { + +.dark-version .fixed-plugin .btn.bg-gradient-dark, +.dark-version .fixed-plugin .btn.btn-outline-dark { color: #fff !important; border: 1px solid #fff !important; } + .dark-version .fixed-plugin .btn.active { background: #fff !important; color: #344767 !important; } + .dark-version .bg-gradient-dark { background-image: linear-gradient(195deg, #323a54, #1a2035); } + .dark-version .card, .dark-version .swal2-popup, .dark-version .dropdown .dropdown-menu, @@ -23356,12 +25214,14 @@ p { background: #111C44; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .dark-version .card .card-header, .dark-version .swal2-popup .card-header, .dark-version .dropdown .dropdown-menu .card-header, .dark-version .kanban-board .card-header { background: transparent; } + .dark-version .card p, .dark-version .swal2-popup p, .dark-version .dropdown .dropdown-menu p, @@ -23369,130 +25229,173 @@ p { color: #fff !important; opacity: 0.6; } + .dark-version .kanban-item { background: transparent !important; border: 1px solid; } + .dark-version .swal2-html-container { color: #fff !important; opacity: 0.6; } -.dark-version h1, .dark-version .h1, -.dark-version h2, .dark-version .h2, -.dark-version h3, .dark-version .h3, -.dark-version h4, .dark-version .h4, -.dark-version h5, .dark-version .h5, -.dark-version h6, .dark-version .h6, + +.dark-version h1, +.dark-version .h1, +.dark-version h2, +.dark-version .h2, +.dark-version h3, +.dark-version .h3, +.dark-version h4, +.dark-version .h4, +.dark-version h5, +.dark-version .h5, +.dark-version h6, +.dark-version .h6, .dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button), .dark-version .table thead tr th, .dark-version .kanban-title-board { color: #fff !important; } -.dark-version .input-group.input-group-dynamic .form-control, .dark-version .input-group.input-group-static .form-control { + +.dark-version .input-group.input-group-dynamic .form-control, +.dark-version .input-group.input-group-static .form-control { background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important; background-size: 0 100%, 100% 100%; } -.dark-version .input-group.input-group-dynamic .form-control:focus, .dark-version .input-group.input-group-static .form-control:focus { + +.dark-version .input-group.input-group-dynamic .form-control:focus, +.dark-version .input-group.input-group-static .form-control:focus { background-size: 100% 100%, 100% 100%; } + .dark-version .input-group.input-group-outline .form-control { border-color: rgba(255, 255, 255, 0.4) !important; } + .dark-version .input-group .is-valid, .dark-version .input-group .is-invalid { border-color: rgba(255, 255, 255, 0.4) !important; } + .dark-version .accordion .accordion-button { border-color: rgba(255, 255, 255, 0.4) !important; color: #fff; opacity: 0.8; } -.dark-version .table > :not(caption) > * > * { + +.dark-version .table> :not(caption)>*>* { border-color: rgba(255, 255, 255, 0.4) !important; color: rgba(255, 255, 255, 0.6) !important; } + .dark-version label { color: rgba(255, 255, 255, 0.8) !important; } + .dark-version .list-group-item, .dark-version .multisteps-form__panel { background-color: transparent !important; border-color: rgba(255, 255, 255, 0.15) !important; } + .dark-version .nav.bg-white { background-color: #111C44 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .dark-version .nav .nav-link[data-scroll]:hover { color: #344767 !important; } + .dark-version .toast { background-color: #111C44 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .dark-version .toast .toast-header { background: transparent; } + .dark-version .toast span { color: #fff; } + .dark-version .toast p { color: #fff !important; opacity: 0.6; } + .dark-version .choices .choices__input { background-color: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: #fff; } + .dark-version .choices .choices__list.choices__list--dropdown { background: #111C44; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .dark-version .fc-theme-standard td, .dark-version .fc-theme-standard th { border-color: rgba(131, 146, 171, 0.3); } + .dark-version .dataTable-sorter::after { border-bottom-color: #fff; } + .dark-version .dataTable-sorter::before { border-top-color: #fff; } + .dark-version .ql-snow .ql-stroke { stroke: #e9ecef; } -.dark-version .ql-snow .ql-fill, .dark-version .ql-snow .ql-stroke.ql-fill { + +.dark-version .ql-snow .ql-fill, +.dark-version .ql-snow .ql-stroke.ql-fill { fill: #e9ecef; } + .dark-version .ql-toolbar.ql-snow .ql-picker-label { color: #e9ecef; } + .dark-version .navbar-vertical .navbar-nav .nav-item .nav-link { color: #fff; opacity: 0.8; } + .dark-version .navbar-vertical .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after { color: #fff; } + .dark-version .navbar-vertical .navbar-nav .nav-item .nav-link.active { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15); } + .dark-version .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, .dark-version .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link { color: #fff; opacity: 0.6; } + .dark-version .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active, .dark-version .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active { opacity: 1; } + .dark-version .dropdown .dropdown-menu:before { color: #111C44; } -.dark-version .dropdown .dropdown-menu .dropdown-item:hover, .dark-version .dropdown .dropdown-menu .dropdown-item:focus { + +.dark-version .dropdown .dropdown-menu .dropdown-item:hover, +.dark-version .dropdown .dropdown-menu .dropdown-item:focus { background-color: #051139 !important; } + .dark-version .dropdown .dropdown-menu .dropdown-item i, .dark-version .dropdown .dropdown-menu .dropdown-item .material-icons { color: #fff; @@ -23877,7 +25780,7 @@ body.dark-version { .flatpickr-current-month .numInputWrapper { width: 6ch; - width: 7ch\0 ; + width: 7ch\0; display: inline-block; } @@ -24023,7 +25926,7 @@ span.flatpickr-weekday { opacity: 1; } -.dayContainer + .dayContainer { +.dayContainer+.dayContainer { box-shadow: -1px 0 0 #e6e6e6; } @@ -24112,9 +26015,9 @@ span.flatpickr-weekday { border-radius: 0 50px 50px 0; } -.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)), +.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #569ff7; } @@ -24313,21 +26216,25 @@ span.flatpickr-weekday { opacity: 0; transform: translate3d(0, -20px, 0); } + to { opacity: 1; transform: translate3d(0, 0, 0); } } + @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } + to { opacity: 1; transform: translate3d(0, 0, 0); } } + .datepicker.flatpickr-input { background-color: #fff; } @@ -24336,34 +26243,46 @@ span.flatpickr-weekday { margin-left: -38px; margin-top: 4px; } + .flatpickr-calendar.arrowBottom { margin-top: -20px; } + .flatpickr-calendar .flatpickr-innerContainer { margin-top: 15px !important; } + .flatpickr-calendar .numInputWrapper span { border: none; border-bottom: 1px solid rgba(57, 57, 57, 0.15); } + .flatpickr-calendar .numInputWrapper:hover .arrowUp, .flatpickr-calendar .numInputWrapper:hover .arrowDown { margin-top: 3px; } -.flatpickr-calendar .flatpickr-day.today, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange { + +.flatpickr-calendar .flatpickr-day.today, +.flatpickr-calendar .flatpickr-day.selected, +.flatpickr-calendar .flatpickr-day.startRange, +.flatpickr-calendar .flatpickr-day.endRange { background: #fb6340 !important; color: #fff; border: none; } + .flatpickr-calendar .flatpickr-day.inRange { background: rgba(94, 114, 228, 0.28); border: none; box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; } -.flatpickr-calendar .flatpickr-day:not(.selected):hover, .flatpickr-calendar .flatpickr-day:not(.selected):focus { + +.flatpickr-calendar .flatpickr-day:not(.selected):hover, +.flatpickr-calendar .flatpickr-day:not(.selected):focus { background: rgba(94, 114, 228, 0.28); border: none; } + .flatpickr-calendar .flatpickr-time input:hover, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar .flatpickr-time input:focus, @@ -24375,9 +26294,9 @@ span.flatpickr-weekday { background: #fff; } -.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)) { box-shadow: -10px 0 0 #fb6340; } @@ -24684,13 +26603,13 @@ span.flatpickr-weekday { right: 120%; } -.noUi-horizontal .noUi-origin > .noUi-tooltip { +.noUi-horizontal .noUi-origin>.noUi-tooltip { transform: translate(50%, 0); left: auto; bottom: 10px; } -.noUi-vertical .noUi-origin > .noUi-tooltip { +.noUi-vertical .noUi-origin>.noUi-tooltip { transform: translate(0, -18px); top: auto; right: 28px; @@ -24724,29 +26643,38 @@ pre[class*=language-] { hyphens: none; } -pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, -code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection { +pre[class*=language-]::-moz-selection, +pre[class*=language-] ::-moz-selection, +code[class*=language-]::-moz-selection, +code[class*=language-] ::-moz-selection { text-shadow: none; background: #b3d4fc; } -pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection { +pre[class*=language-]::-moz-selection, +pre[class*=language-] ::-moz-selection, +code[class*=language-]::-moz-selection, +code[class*=language-] ::-moz-selection { text-shadow: none; background: #b3d4fc; } -pre[class*=language-]::selection, pre[class*=language-] ::selection, -code[class*=language-]::selection, code[class*=language-] ::selection { +pre[class*=language-]::selection, +pre[class*=language-] ::selection, +code[class*=language-]::selection, +code[class*=language-] ::selection { text-shadow: none; background: #b3d4fc; } @media print { + code[class*=language-], -pre[class*=language-] { + pre[class*=language-] { text-shadow: none; } } + /* Code blocks */ pre[class*=language-] { padding: 1em; @@ -24754,13 +26682,13 @@ pre[class*=language-] { border-radius: 0.75rem; } -:not(pre) > code[class*=language-], +:not(pre)>code[class*=language-], pre[class*=language-] { background: #f8f9fa; } /* Inline code */ -:not(pre) > code[class*=language-] { +:not(pre)>code[class*=language-] { padding: 0.1em; border-radius: 0.3em; white-space: normal; @@ -24878,18 +26806,18 @@ pre[class*=language-] { position: absolute; } -.ps--active-x > .ps__rail-x, -.ps--active-y > .ps__rail-y { +.ps--active-x>.ps__rail-x, +.ps--active-y>.ps__rail-y { display: block; background-color: transparent; } -.ps:hover > .ps__rail-x, -.ps:hover > .ps__rail-y, -.ps--focus > .ps__rail-x, -.ps--focus > .ps__rail-y, -.ps--scrolling-x > .ps__rail-x, -.ps--scrolling-y > .ps__rail-y { +.ps:hover>.ps__rail-x, +.ps:hover>.ps__rail-y, +.ps--focus>.ps__rail-x, +.ps--focus>.ps__rail-y, +.ps--scrolling-x>.ps__rail-x, +.ps--scrolling-y>.ps__rail-y { opacity: 0.6; } @@ -24930,15 +26858,15 @@ pre[class*=language-] { position: absolute; } -.ps__rail-x:hover > .ps__thumb-x, -.ps__rail-x:focus > .ps__thumb-x, +.ps__rail-x:hover>.ps__thumb-x, +.ps__rail-x:focus>.ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } -.ps__rail-y:hover > .ps__thumb-y, -.ps__rail-y:focus > .ps__thumb-y, +.ps__rail-y:hover>.ps__thumb-y, +.ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; @@ -24950,43 +26878,50 @@ pre[class*=language-] { overflow: auto !important; } } -@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + +@media screen and (-ms-high-contrast: active), +(-ms-high-contrast: none) { .ps { overflow: auto !important; } } .active-tab { - font-size: 0.875em; /* Define o tamanho da fonte para a aba ativa */ - font-weight: bold; /* Define a aba ativa em negrito */ + font-size: 0.875em; + /* Define o tamanho da fonte para a aba ativa */ + font-weight: bold; + /* Define a aba ativa em negrito */ } .inactive-tab { - font-size: 0.875em; /* Define o tamanho da fonte para as abas inativas */ - font-weight: normal; /* Define a aba inativa em normal */ + font-size: 0.875em; + /* Define o tamanho da fonte para as abas inativas */ + font-weight: normal; + /* Define a aba inativa em normal */ } .status-accepted { - color: #2dce89 !important; + color: #2dce89 !important; } + .status-rejected { - color: red; + color: red; } + .status-unclassified { - color: #353333; + color: #353333; } + .status-duplicate { - color: orange; + color: orange; } + .status-removed { - color: blue; -} -.modal-transparent { - background-color: rgba(255, 255, 255, 0.9); /* Ajuste a opacidade (0.9) conforme desejado */ - border: none; + color: blue; } - - - - +.modal-transparent { + background-color: rgba(255, 255, 255, 0.9); + /* Ajuste a opacidade (0.9) conforme desejado */ + border: none; +} \ No newline at end of file From 49406a1c148b62bb3c7985cfc318e4813708be1a Mon Sep 17 00:00:00 2001 From: Francisco Flores Date: Mon, 7 Apr 2025 18:18:11 -0300 Subject: [PATCH 2/2] adicionando traducao corrigida --- .../Project/Planning/CriteriaController.php | 12 ++++++------ .../Conducting/QualityAssessment/PaperModal.php | 8 ++++---- .../Conducting/StudySelection/PaperModal.php | 2 +- lang/en/project/conducting.php | 5 +++++ 4 files changed, 16 insertions(+), 11 deletions(-) diff --git a/app/Http/Controllers/Project/Planning/CriteriaController.php b/app/Http/Controllers/Project/Planning/CriteriaController.php index 281891c2e..27dc0fb72 100644 --- a/app/Http/Controllers/Project/Planning/CriteriaController.php +++ b/app/Http/Controllers/Project/Planning/CriteriaController.php @@ -27,7 +27,7 @@ public function store(Request $request, string $projectId): RedirectResponse return redirect() ->back() ->with('activePlanningTab', 'criteria') - ->with('error', 'Project not found'); + ->with('error', __('project/planning.criteria.not_found')); } $project = Project::findOrFail($projectId); @@ -38,7 +38,7 @@ public function store(Request $request, string $projectId): RedirectResponse ->back() ->with('activePlanningTab', 'criteria') ->withErrors([ - 'duplicate' => __('project.planning.criteria.duplicate_id'), + 'duplicate' => __('project/planning.criteria.duplicate_id'), ]); } @@ -84,7 +84,7 @@ public function update(Request $request, string $projectId, Criteria $criterion) if ($existingCriteria) { return back()->withErrors([ - 'duplicate' => __('project.planning.criteria.duplicate_id'), + 'duplicate' => __('project/planning.criteria.duplicate_id'), ]); } @@ -99,7 +99,7 @@ public function update(Request $request, string $projectId, Criteria $criterion) return redirect() ->back() ->with('activePlanningTab', 'criteria') - ->with('success', __('project.planning.criteria.updated_success')); + ->with('success', __('project/planning.criteria.updated_success')); } /** @@ -115,7 +115,7 @@ public function destroy(string $projectId, Criteria $criterion): RedirectRespons if ($criterion->id_project != $projectId) { return redirect() ->back() - ->with('error', __('project.planning.criteria.not_found')); + ->with('error', __('project/planning.criteria.not_found')); } @@ -166,7 +166,7 @@ public function change_preselected(Request $request, string $id): RedirectRespon return redirect() ->back() ->with('activePlanningTab', 'criteria') - ->with('success', __('project.planning.criteria.preselected_updated')); + ->with('success', __('project/planning.criteria.preselected_updated')); } /** diff --git a/app/Livewire/Conducting/QualityAssessment/PaperModal.php b/app/Livewire/Conducting/QualityAssessment/PaperModal.php index 393ff3a16..5177b96be 100644 --- a/app/Livewire/Conducting/QualityAssessment/PaperModal.php +++ b/app/Livewire/Conducting/QualityAssessment/PaperModal.php @@ -155,13 +155,13 @@ public function updateStatusManual() $paper->save(); session()->forget('successMessage'); - session()->flash('successMessage', __("project.conducting.quality-assessment.messages.status_quality_updated", ['status' => $status->status])); + session()->flash('successMessage', __("project/conducting.quality-assessment.messages.status_quality_updated", ['status' => $status->status])); } else { session()->forget('successMessage'); - session()->flash('successMessage', __("project.conducting.quality-assessment.messages.status_updated_for_selection", ['status' => $status->status])); + session()->flash('successMessage', __("project/conducting.quality-assessment.messages.status_updated_for_selection", ['status' => $status->status])); } session()->forget('successMessage'); - session()->flash('successMessage', __("project.conducting.quality-assessment.messages.status_quality_updated", ['status' => $status->status])); + session()->flash('successMessage', __("project/conducting.quality-assessment.messages.status_quality_updated", ['status' => $status->status])); // Mostra o modal de sucesso $this->dispatch('show-success-quality'); } @@ -218,7 +218,7 @@ public function updateScore($questionId, $scoreId) $this->loadSelectedScores(); session()->forget('successMessage'); - session()->flash('successMessage', __("project.conducting.quality-assessment.messages.evaluation_quality_score_updated")); + session()->flash('successMessage', __("project/conducting.quality-assessment.messages.evaluation_quality_score_updated")); // Se desejar, você pode adicionar uma mensagem de sucesso ou atualizar algum estado $this->dispatch('reload-paper-modal'); diff --git a/app/Livewire/Conducting/StudySelection/PaperModal.php b/app/Livewire/Conducting/StudySelection/PaperModal.php index 4fabe3c77..6e83e7027 100644 --- a/app/Livewire/Conducting/StudySelection/PaperModal.php +++ b/app/Livewire/Conducting/StudySelection/PaperModal.php @@ -178,7 +178,7 @@ public function changePreSelected($criteriaId, $type) $this->updatePaperStatus($type); session()->forget('successMessage'); - session()->flash('successMessage', __("project.conducting.study-selection.messages.criteria_updated", ['status' => $this->getPaperStatusDescription($this->paper['status_selection'])])); + session()->flash('successMessage', __("project/conducting.study-selection.messages.criteria_updated", ['status' => $this->getPaperStatusDescription($this->paper['status_selection'])])); // Atualiza a view para mostrar o alert $this->dispatch('show-success'); diff --git a/lang/en/project/conducting.php b/lang/en/project/conducting.php index 555990ad5..6c770723c 100644 --- a/lang/en/project/conducting.php +++ b/lang/en/project/conducting.php @@ -281,6 +281,11 @@ 'error' => 'Error', 'success' => 'Success', ], + 'messages' => [ + 'evaluation_quality_score_updated' => 'Evaluation Quality Score updated successfully.', + 'status_quality_updated' => 'Status Quality updated successfully. New status: :status', + 'status_updated_for_selection' => 'Status updated for your selection. New status: :status', + ], 'status' => [ 'duplicate' => 'Duplicate', 'removed' => 'Removed',