Jonathan Miller
bee7796645
**Major Release** — introduces the long-awaited **Dark Mode Toggle**, streamlining accessibility and usability enhancements. ##Added * **Dark Mode Toggle** * Frontend toggle switch included in template. * JavaScript handles switching between light/dark modes. * Dark mode CSS rules applied across template styles. * Automatic persistence of user choice (via localStorage). * **Header Parameters Update** * Added **logo parameter support** in template settings. * Updated metadata & copyright header. * **Expanded TOC (Table of Contents)** * Automatic TOC injection when enabled. * User selects placement via article > options > layout (`toc-left` or `toc-right`). ##Improved * Cleaned up `index.php` by removing **skip-to-content** duplicate calls. * Consolidated JavaScript asset loading (ensuring dark-mode script is loaded correctly from external JS file). * Streamlined CSS for **toggle switch**, ensuring it inherits Bootstrap/Cassiopeia defaults. * General accessibility refinements in typography and color contrast. ##Fixed * Fixed missing **logo param** in header output. * Corrected stylesheet inconsistencies between Bootstrap 5 helpers and template overrides. * Patched redundant calls in script includes.
4392 lines
77 KiB
CSS
4392 lines
77 KiB
CSS
@charset "UTF-8";
|
||
/* =========================================================================
|
||
* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
|
||
*
|
||
* This file is part of a Moko Consulting project.
|
||
*
|
||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||
*
|
||
* This program is free software; you can redistribute it and/or modify
|
||
* it under the terms of the GNU General Public License as published by
|
||
* the Free Software Foundation; either version 3 of the License, or
|
||
* (at your option) any later version.
|
||
*
|
||
* This program is distributed in the hope that it will be useful,
|
||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
* GNU General Public License for more details.
|
||
*
|
||
* You should have received a copy of the GNU General Public License
|
||
* along with this program. If not, see https://www.gnu.org/licenses/ .
|
||
* =========================================================================
|
||
* FILE INFORMATION
|
||
* DEFGROUP: Joomla
|
||
* INGROUP: Moko-Cassiopeia
|
||
* PATH: media/templates/site/moko-cassiopeia/css/template-rtl.css
|
||
* VERSION: 02.00
|
||
* BRIEF: Right-to-left (RTL) layout stylesheet for Moko-Cassiopeia template
|
||
* =========================================================================
|
||
*/
|
||
|
||
/*!
|
||
* RTL Overrides for template.css
|
||
* Strategy: For blocks that contain directional declarations, we emit
|
||
* [dir="rtl"]-prefixed overrides with left/right swapped and aligned.
|
||
* This file assumes the base CSS uses logical tokens; only direction-
|
||
* sensitive rules are mirrored here to keep file size reasonable.
|
||
*/
|
||
|
||
[dir="rtl"] .table-of-contents-ck-wrap {
|
||
|
||
width: 30%;
|
||
float: left;
|
||
border: 1px solid var(--color-primary);
|
||
}
|
||
|
||
[dir="rtl"] .drawer-toggle-left {
|
||
|
||
position: fixed;
|
||
top: 250px;
|
||
right: 0px;
|
||
z-index: 1050;
|
||
background-color: var(--nav-bg-color) !important;
|
||
color: var(--nav-text-color) !important;
|
||
padding-left: calc(var(--btn-padding-x)*0.5) !important;
|
||
padding-right: calc(var(--btn-padding-x)*0.5) !important;
|
||
}
|
||
|
||
[dir="rtl"] .drawer-toggle-right {
|
||
|
||
position: fixed;
|
||
top: 250px;
|
||
left: 0px;
|
||
z-index: 1050;
|
||
background-color: var(--nav-bg-color) !important;
|
||
color: var(--nav-text-color) !important;
|
||
padding-left: calc(var(--btn-padding-x)*0.5) !important;
|
||
padding-right: calc(var(--btn-padding-x)*0.5) !important;
|
||
}
|
||
|
||
[dir="rtl"] ol,
|
||
[dir="rtl"] ul {
|
||
|
||
padding-left: 2rem;
|
||
}
|
||
|
||
[dir="rtl"] dd {
|
||
|
||
margin-bottom: 0.5rem;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] caption {
|
||
|
||
padding-top: 0.5rem;
|
||
padding-bottom: 0.5rem;
|
||
color: var(--secondary-color);
|
||
text-align: left;
|
||
}
|
||
|
||
[dir="rtl"] legend {
|
||
|
||
float: left;
|
||
width: 100%;
|
||
padding: 0;
|
||
margin-bottom: 0.5rem;
|
||
font-size: calc(1.275rem + 0.3vw);
|
||
line-height: inherit;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
legend+* {
|
||
|
||
clear: left;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.list-unstyled {
|
||
|
||
padding-left: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
[dir="rtl"] .list-inline {
|
||
|
||
padding-left: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
[dir="rtl"] .list-inline-item:not(:last-child) {
|
||
|
||
margin-right: 0.5rem;
|
||
}
|
||
|
||
[dir="rtl"] .container-component,
|
||
[dir="rtl"] .container,
|
||
[dir="rtl"] .container-fluid,
|
||
[dir="rtl"] .container-xxl,
|
||
[dir="rtl"] .container-xl,
|
||
[dir="rtl"] .container-lg,
|
||
[dir="rtl"] .container-md,
|
||
[dir="rtl"] .container-sm {
|
||
|
||
--gutter-x: 1rem;
|
||
--gutter-y: 0;
|
||
width: 100%;
|
||
padding-right: calc(var(--gutter-x) * 0.5);
|
||
padding-left: calc(var(--gutter-x) * 0.5);
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
padding-bottom: calc(var(--gutter-x) * 0.5);
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.row {
|
||
|
||
--gutter-x: 1rem;
|
||
--gutter-y: 0;
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
margin-top: calc(-1 * var(--gutter-y));
|
||
margin-right: calc(-0.5 * var(--gutter-x));
|
||
margin-left: calc(-0.5 * var(--gutter-x));
|
||
}
|
||
|
||
[dir="rtl"] .row>* {
|
||
|
||
-ms-flex-negative: 0;
|
||
flex-shrink: 0;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
padding-right: 0;
|
||
padding-left: 0;
|
||
margin-top: var(--gutter-y);
|
||
}
|
||
|
||
[dir="rtl"] .product-container {
|
||
|
||
margin-right: calc(var(--gutter-x) * .25);
|
||
margin-left: calc(var(--gutter-x) * .25);
|
||
padding-right: calc(var(--gutter-x) * .25);
|
||
padding-left: calc(var(--gutter-x) * .25);
|
||
margin-top: var(--gutter-y);
|
||
//background-color: var(--gray-200);
|
||
-webkit-border-radius: var(--border-radius);
|
||
-moz-border-radius: var(--border-radius);
|
||
border-radius: var(--border-radius);
|
||
}
|
||
|
||
[dir="rtl"] .offset-1 {
|
||
|
||
margin-left: 8.33333333%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-2 {
|
||
|
||
margin-left: 16.66666667%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-3 {
|
||
|
||
margin-left: 25%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-4 {
|
||
|
||
margin-left: 33.33333333%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-5 {
|
||
|
||
margin-left: 41.66666667%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-6 {
|
||
|
||
margin-left: 50%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-7 {
|
||
|
||
margin-left: 58.33333333%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-8 {
|
||
|
||
margin-left: 66.66666667%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-9 {
|
||
|
||
margin-left: 75%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-10 {
|
||
|
||
margin-left: 83.33333333%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-11 {
|
||
|
||
margin-left: 91.66666667%;
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-0 {
|
||
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-1 {
|
||
|
||
margin-left: 8.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-2 {
|
||
|
||
margin-left: 16.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-3 {
|
||
|
||
margin-left: 25%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-4 {
|
||
|
||
margin-left: 33.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-5 {
|
||
|
||
margin-left: 41.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-6 {
|
||
|
||
margin-left: 50%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-7 {
|
||
|
||
margin-left: 58.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-8 {
|
||
|
||
margin-left: 66.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-9 {
|
||
|
||
margin-left: 75%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-10 {
|
||
|
||
margin-left: 83.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-sm-11 {
|
||
|
||
margin-left: 91.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-0 {
|
||
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-1 {
|
||
|
||
margin-left: 8.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-2 {
|
||
|
||
margin-left: 16.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-3 {
|
||
|
||
margin-left: 25%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-4 {
|
||
|
||
margin-left: 33.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-5 {
|
||
|
||
margin-left: 41.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-6 {
|
||
|
||
margin-left: 50%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-7 {
|
||
|
||
margin-left: 58.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-8 {
|
||
|
||
margin-left: 66.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-9 {
|
||
|
||
margin-left: 75%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-10 {
|
||
|
||
margin-left: 83.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-md-11 {
|
||
|
||
margin-left: 91.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-0 {
|
||
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-1 {
|
||
|
||
margin-left: 8.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-2 {
|
||
|
||
margin-left: 16.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-3 {
|
||
|
||
margin-left: 25%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-4 {
|
||
|
||
margin-left: 33.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-5 {
|
||
|
||
margin-left: 41.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-6 {
|
||
|
||
margin-left: 50%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-7 {
|
||
|
||
margin-left: 58.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-8 {
|
||
|
||
margin-left: 66.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-9 {
|
||
|
||
margin-left: 75%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-10 {
|
||
|
||
margin-left: 83.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-lg-11 {
|
||
|
||
margin-left: 91.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-0 {
|
||
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-1 {
|
||
|
||
margin-left: 8.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-2 {
|
||
|
||
margin-left: 16.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-3 {
|
||
|
||
margin-left: 25%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-4 {
|
||
|
||
margin-left: 33.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-5 {
|
||
|
||
margin-left: 41.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-6 {
|
||
|
||
margin-left: 50%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-7 {
|
||
|
||
margin-left: 58.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-8 {
|
||
|
||
margin-left: 66.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-9 {
|
||
|
||
margin-left: 75%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-10 {
|
||
|
||
margin-left: 83.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xl-11 {
|
||
|
||
margin-left: 91.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-0 {
|
||
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-1 {
|
||
|
||
margin-left: 8.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-2 {
|
||
|
||
margin-left: 16.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-3 {
|
||
|
||
margin-left: 25%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-4 {
|
||
|
||
margin-left: 33.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-5 {
|
||
|
||
margin-left: 41.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-6 {
|
||
|
||
margin-left: 50%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-7 {
|
||
|
||
margin-left: 58.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-8 {
|
||
|
||
margin-left: 66.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-9 {
|
||
|
||
margin-left: 75%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-10 {
|
||
|
||
margin-left: 83.33333333%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .offset-xxl-11 {
|
||
|
||
margin-left: 91.66666667%;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .form-control-plaintext.form-control-sm,
|
||
[dir="rtl"] .form-control-plaintext.form-control-lg {
|
||
|
||
padding-right: 0;
|
||
padding-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .form-select[multiple],
|
||
[dir="rtl"] [multiple].custom-select,
|
||
[dir="rtl"] .form-select[size]:not([size="1"]),
|
||
[dir="rtl"] [size].custom-select:not([size="1"]) {
|
||
|
||
padding-right: 1rem;
|
||
background-image: none;
|
||
}
|
||
|
||
[dir="rtl"] .form-select-sm {
|
||
|
||
padding-top: 0.25rem;
|
||
padding-bottom: 0.25rem;
|
||
padding-left: 0.5rem;
|
||
font-size: 0.875rem;
|
||
border-radius: 0.2rem;
|
||
}
|
||
|
||
[dir="rtl"] .form-select-lg {
|
||
|
||
padding-top: 0.5rem;
|
||
padding-bottom: 0.5rem;
|
||
padding-left: 1rem;
|
||
font-size: 1.25rem;
|
||
border-radius: 0.3rem;
|
||
}
|
||
|
||
[dir="rtl"] .form-check {
|
||
|
||
display: block;
|
||
min-height: 1.5rem;
|
||
padding-left: 1.5rem;
|
||
margin-bottom: 0.125rem;
|
||
}
|
||
|
||
[dir="rtl"] .form-check .form-check-input {
|
||
|
||
float: left;
|
||
margin-left: -1.5rem;
|
||
}
|
||
|
||
[dir="rtl"] .form-check-reverse {
|
||
|
||
padding-right: 1.5rem;
|
||
padding-left: 0;
|
||
text-align: left;
|
||
}
|
||
|
||
[dir="rtl"] .form-check-reverse .form-check-input {
|
||
|
||
float: left;
|
||
margin-right: -1.5rem;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .form-switch {
|
||
|
||
padding-left: 2.5rem;
|
||
}
|
||
|
||
[dir="rtl"] .form-switch .form-check-input {
|
||
|
||
width: 2rem;
|
||
margin-left: -2.5rem;
|
||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
|
||
background-position: left center;
|
||
border-radius: 2rem;
|
||
-webkit-transition: background-position 0.15s ease-in-out;
|
||
-o-transition: background-position 0.15s ease-in-out;
|
||
transition: background-position 0.15s ease-in-out;
|
||
}
|
||
|
||
[dir="rtl"] .form-switch.form-check-reverse {
|
||
|
||
padding-right: 2.5rem;
|
||
padding-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .form-switch.form-check-reverse .form-check-input {
|
||
|
||
margin-right: -2.5rem;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .form-check-inline {
|
||
|
||
display: inline-block;
|
||
margin-right: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] .form-floating>label {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
padding: 1rem 1rem;
|
||
overflow: hidden;
|
||
text-align: start;
|
||
-o-text-overflow: ellipsis;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
pointer-events: none;
|
||
border: 1px solid transparent;
|
||
-webkit-transform-origin: 0 0;
|
||
transform-origin: 0 0;
|
||
-webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
|
||
transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
|
||
-o-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
|
||
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
|
||
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
|
||
}
|
||
|
||
[dir="rtl"] .input-group-lg>.form-select,
|
||
[dir="rtl"] .input-group-lg>.custom-select,
|
||
[dir="rtl"] .input-group-sm>.form-select,
|
||
[dir="rtl"] .input-group-sm>.custom-select {
|
||
|
||
padding-right: 4rem;
|
||
}
|
||
|
||
[dir="rtl"] .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;
|
||
}
|
||
|
||
[dir="rtl"] .was-validated .form-control:valid,
|
||
[dir="rtl"] .form-control.is-valid {
|
||
|
||
border-color: hsl(120, 32%, 39%);
|
||
padding-right: calc(1.5rem + 1.2rem);
|
||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
|
||
background-repeat: no-repeat;
|
||
background-position: right calc(0.375rem + 0.3rem) center;
|
||
background-size: calc(0.75rem + 0.6rem) calc(0.75rem + 0.6rem);
|
||
}
|
||
|
||
[dir="rtl"] .was-validated textarea.form-control:valid,
|
||
[dir="rtl"] textarea.form-control.is-valid {
|
||
|
||
padding-right: calc(1.5rem + 1.2rem);
|
||
background-position: top calc(0.375rem + 0.3rem) right calc(0.375rem + 0.3rem);
|
||
}
|
||
|
||
[dir="rtl"] .was-validated .form-select:valid:not([multiple]):not([size]),
|
||
[dir="rtl"] .was-validated .custom-select:valid:not([multiple]):not([size]),
|
||
[dir="rtl"] .was-validated .form-select:valid:not([multiple])[size="1"],
|
||
[dir="rtl"] .was-validated .custom-select:valid:not([multiple])[size="1"],
|
||
[dir="rtl"] .form-select.is-valid:not([multiple]):not([size]),
|
||
[dir="rtl"] .is-valid.custom-select:not([multiple]):not([size]),
|
||
[dir="rtl"] .form-select.is-valid:not([multiple])[size="1"],
|
||
[dir="rtl"] .is-valid.custom-select:not([multiple])[size="1"] {
|
||
|
||
padding-right: 5.5rem;
|
||
background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.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 1rem center, center right 3rem;
|
||
background-size: 116rem, calc(0.75rem + 0.6rem) calc(0.75rem + 0.6rem);
|
||
}
|
||
|
||
[dir="rtl"] .form-check-inline .form-check-input~.valid-feedback {
|
||
|
||
margin-left: 0.5rem;
|
||
}
|
||
|
||
[dir="rtl"] .was-validated .form-control:invalid,
|
||
[dir="rtl"] .form-control.is-invalid {
|
||
|
||
border-color: hsl(3, 75%, 37%);
|
||
padding-right: calc(1.5rem + 1.2rem);
|
||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%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='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
|
||
background-repeat: no-repeat;
|
||
background-position: right calc(0.375rem + 0.3rem) center;
|
||
background-size: calc(0.75rem + 0.6rem) calc(0.75rem + 0.6rem);
|
||
}
|
||
|
||
[dir="rtl"] .was-validated textarea.form-control:invalid,
|
||
[dir="rtl"] textarea.form-control.is-invalid {
|
||
|
||
padding-right: calc(1.5rem + 1.2rem);
|
||
background-position: top calc(0.375rem + 0.3rem) right calc(0.375rem + 0.3rem);
|
||
}
|
||
|
||
[dir="rtl"] .was-validated .form-select:invalid:not([multiple]):not([size]),
|
||
[dir="rtl"] .was-validated .custom-select:invalid:not([multiple]):not([size]),
|
||
[dir="rtl"] .was-validated .form-select:invalid:not([multiple])[size="1"],
|
||
[dir="rtl"] .was-validated .custom-select:invalid:not([multiple])[size="1"],
|
||
[dir="rtl"] .form-select.is-invalid:not([multiple]):not([size]),
|
||
[dir="rtl"] .is-invalid.custom-select:not([multiple]):not([size]),
|
||
[dir="rtl"] .form-select.is-invalid:not([multiple])[size="1"],
|
||
[dir="rtl"] .is-invalid.custom-select:not([multiple])[size="1"] {
|
||
|
||
padding-right: 5.5rem;
|
||
background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%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='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
|
||
background-position: right 1rem center, center right 3rem;
|
||
background-size: 116rem, calc(0.75rem + 0.6rem) calc(0.75rem + 0.6rem);
|
||
}
|
||
|
||
[dir="rtl"] .form-check-inline .form-check-input~.invalid-feedback {
|
||
|
||
margin-left: 0.5rem;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-toggle::after {
|
||
|
||
display: inline-block;
|
||
margin-left: 0.255rem;
|
||
vertical-align: 0.255rem;
|
||
content: "";
|
||
border-top: 0.3rem solid;
|
||
border-right: 0.3rem solid transparent;
|
||
border-bottom: 0;
|
||
border-left: 0.3rem solid transparent;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-toggle:empty::after {
|
||
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu {
|
||
|
||
--dropdown-zindex: 1000;
|
||
--dropdown-min-width: 10rem;
|
||
--dropdown-padding-x: 0;
|
||
--dropdown-padding-y: 0.5rem;
|
||
--dropdown-spacer: 0.125rem;
|
||
--dropdown-font-size: 1rem;
|
||
--dropdown-color: var(--body-color);
|
||
--dropdown-bg: hsl(0, 0%, 100%);
|
||
--dropdown-border-color: var(--border-color-translucent);
|
||
--dropdown-border-radius: 0.25rem;
|
||
--dropdown-border-width: 1px;
|
||
--dropdown-inner-border-radius: calc(0.25rem - 1px);
|
||
--dropdown-divider-bg: var(--border-color-translucent);
|
||
--dropdown-divider-margin-y: 0.5rem;
|
||
--dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||
--dropdown-link-color: var(--body-color);
|
||
--dropdown-link-active-color: #1f2226;
|
||
--dropdown-link-active-bg: var(--secondary-bg);
|
||
--dropdown-link-active-color: var(--white);
|
||
--dropdown-link-active-bg: hsl(240, 98%, 17%);
|
||
--dropdown-link-disabled-color: hsl(210, 11%, 71%);
|
||
--dropdown-item-padding-x: 1rem;
|
||
--dropdown-item-padding-y: 0.25rem;
|
||
--dropdown-header-color: var(--secondary-color);
|
||
--dropdown-header-padding-x: 1rem;
|
||
--dropdown-header-padding-y: 0.5rem;
|
||
position: absolute;
|
||
z-index: var(--dropdown-zindex);
|
||
display: none;
|
||
min-width: var(--dropdown-min-width);
|
||
padding: var(--dropdown-padding-y) var(--dropdown-padding-x);
|
||
margin: 0;
|
||
font-size: var(--dropdown-font-size);
|
||
color: var(--dropdown-color);
|
||
text-align: left;
|
||
list-style: none;
|
||
background-color: var(--dropdown-bg);
|
||
background-clip: padding-box;
|
||
border: var(--dropdown-border-width) solid var(--dropdown-border-color);
|
||
border-radius: var(--dropdown-border-radius);
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu[data-bs-popper] {
|
||
|
||
top: 100%;
|
||
right: 0;
|
||
margin-top: var(--dropdown-spacer);
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-start[data-bs-popper] {
|
||
|
||
left: auto;
|
||
right: 0;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-end[data-bs-popper] {
|
||
|
||
left: 0;
|
||
right: auto;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-sm-start[data-bs-popper] {
|
||
|
||
left: auto;
|
||
right: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-sm-end[data-bs-popper] {
|
||
|
||
left: 0;
|
||
right: auto;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-md-start[data-bs-popper] {
|
||
|
||
left: auto;
|
||
right: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-md-end[data-bs-popper] {
|
||
|
||
left: 0;
|
||
right: auto;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-lg-start[data-bs-popper] {
|
||
|
||
left: auto;
|
||
right: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-lg-end[data-bs-popper] {
|
||
|
||
left: 0;
|
||
right: auto;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-xl-start[data-bs-popper] {
|
||
|
||
left: auto;
|
||
right: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-xl-end[data-bs-popper] {
|
||
|
||
left: 0;
|
||
right: auto;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-xxl-start[data-bs-popper] {
|
||
|
||
left: auto;
|
||
right: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-xxl-end[data-bs-popper] {
|
||
|
||
left: 0;
|
||
right: auto;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .dropup .dropdown-toggle::after {
|
||
|
||
display: inline-block;
|
||
margin-left: 0.255rem;
|
||
vertical-align: 0.255rem;
|
||
content: "";
|
||
border-top: 0;
|
||
border-right: 0.3rem solid transparent;
|
||
border-bottom: 0.3rem solid;
|
||
border-left: 0.3rem solid transparent;
|
||
}
|
||
|
||
[dir="rtl"] .dropup .dropdown-toggle:empty::after {
|
||
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .dropend .dropdown-menu[data-bs-popper] {
|
||
|
||
top: 0;
|
||
left: auto;
|
||
right: 100%;
|
||
margin-top: 0;
|
||
margin-left: var(--dropdown-spacer);
|
||
}
|
||
|
||
[dir="rtl"] .dropend .dropdown-toggle::after {
|
||
|
||
display: inline-block;
|
||
margin-left: 0.255rem;
|
||
vertical-align: 0.255rem;
|
||
content: "";
|
||
border-top: 0.3rem solid transparent;
|
||
border-right: 0;
|
||
border-bottom: 0.3rem solid transparent;
|
||
border-left: 0.3rem solid;
|
||
}
|
||
|
||
[dir="rtl"] .dropend .dropdown-toggle:empty::after {
|
||
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .dropstart .dropdown-menu[data-bs-popper] {
|
||
|
||
top: 0;
|
||
left: 100%;
|
||
right: auto;
|
||
margin-top: 0;
|
||
margin-right: var(--dropdown-spacer);
|
||
}
|
||
|
||
[dir="rtl"] .dropstart .dropdown-toggle::after {
|
||
|
||
display: inline-block;
|
||
margin-left: 0.255rem;
|
||
vertical-align: 0.255rem;
|
||
content: "";
|
||
}
|
||
|
||
[dir="rtl"] .dropstart .dropdown-toggle::before {
|
||
|
||
display: inline-block;
|
||
margin-right: 0.255rem;
|
||
vertical-align: 0.255rem;
|
||
content: "";
|
||
border-top: 0.3rem solid transparent;
|
||
border-right: 0.3rem solid;
|
||
border-bottom: 0.3rem solid transparent;
|
||
}
|
||
|
||
[dir="rtl"] .dropstart .dropdown-toggle:empty::after {
|
||
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .btn-group> :not(.btn-check:first-child)+.btn,
|
||
[dir="rtl"] .btn-group>.btn-group:not(:first-child) {
|
||
|
||
margin-left: -1px;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-toggle-split {
|
||
|
||
padding-right: 0.75rem;
|
||
padding-left: 0.75rem;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-toggle-split::after,
|
||
[dir="rtl"] .dropup .dropdown-toggle-split::after,
|
||
[dir="rtl"] .dropend .dropdown-toggle-split::after {
|
||
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .dropstart .dropdown-toggle-split::before {
|
||
|
||
margin-right: 0;
|
||
}
|
||
|
||
[dir="rtl"] .btn-sm+.dropdown-toggle-split,
|
||
[dir="rtl"] .btn-group-sm>.btn+.dropdown-toggle-split {
|
||
|
||
padding-right: 0.375rem;
|
||
padding-left: 0.375rem;
|
||
}
|
||
|
||
[dir="rtl"] .btn-lg+.dropdown-toggle-split,
|
||
[dir="rtl"] .btn-group-lg>.btn+.dropdown-toggle-split {
|
||
|
||
padding-right: 0.75rem;
|
||
padding-left: 0.75rem;
|
||
}
|
||
|
||
[dir="rtl"] .nav {
|
||
|
||
--nav-link-padding-x: 1rem;
|
||
--nav-link-padding-y: 0.5rem;
|
||
--nav-link-font-weight: ;
|
||
--nav-link-color: var(--link-color);
|
||
--nav-link-active-color: var(--link-active-color);
|
||
--nav-link-disabled-color: var(--secondary-color);
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
padding-left: 0;
|
||
margin-bottom: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
[dir="rtl"] .navbar-brand {
|
||
|
||
padding-top: var(--navbar-brand-padding-y);
|
||
padding-bottom: var(--navbar-brand-padding-y);
|
||
margin-right: var(--navbar-brand-margin-end);
|
||
font-size: var(--navbar-brand-font-size);
|
||
color: var(--navbar-brand-color);
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
[dir="rtl"] .navbar-nav {
|
||
|
||
--nav-link-padding-x: 0;
|
||
--nav-link-padding-y: 0.5rem;
|
||
--nav-link-font-weight: ;
|
||
--nav-link-color: var(--navbar-color);
|
||
--nav-link-active-color: var(--navbar-active-color);
|
||
--nav-link-disabled-color: var(--navbar-disabled-color);
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-box-direction: normal;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
padding-left: 0;
|
||
margin-bottom: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
[dir="rtl"] .navbar-expand-sm .navbar-nav .nav-link {
|
||
|
||
padding-right: var(--navbar-nav-link-padding-x);
|
||
padding-left: var(--navbar-nav-link-padding-x);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .navbar-expand-md .navbar-nav .nav-link {
|
||
|
||
padding-right: var(--navbar-nav-link-padding-x);
|
||
padding-left: var(--navbar-nav-link-padding-x);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .navbar-expand-lg .navbar-nav .nav-link {
|
||
|
||
padding-right: var(--navbar-nav-link-padding-x);
|
||
padding-left: var(--navbar-nav-link-padding-x);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .navbar-expand-xl .navbar-nav .nav-link {
|
||
|
||
padding-right: var(--navbar-nav-link-padding-x);
|
||
padding-left: var(--navbar-nav-link-padding-x);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .navbar-expand-xxl .navbar-nav .nav-link {
|
||
|
||
padding-right: var(--navbar-nav-link-padding-x);
|
||
padding-left: var(--navbar-nav-link-padding-x);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .navbar-expand .navbar-nav .nav-link {
|
||
|
||
padding-right: var(--navbar-nav-link-padding-x);
|
||
padding-left: var(--navbar-nav-link-padding-x);
|
||
}
|
||
|
||
[dir="rtl"] .card>hr {
|
||
|
||
margin-right: 0;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .card-link+.card-link {
|
||
|
||
margin-left: var(--card-spacer-x);
|
||
}
|
||
|
||
[dir="rtl"] .card-header-tabs {
|
||
|
||
margin-right: calc(-0.5 * var(--card-cap-padding-x));
|
||
margin-bottom: calc(-1 * var(--card-cap-padding-y));
|
||
margin-left: calc(-0.5 * var(--card-cap-padding-x));
|
||
border-bottom: 0;
|
||
}
|
||
|
||
[dir="rtl"] .card-header-pills {
|
||
|
||
margin-right: calc(-0.5 * var(--card-cap-padding-x));
|
||
margin-left: calc(-0.5 * var(--card-cap-padding-x));
|
||
}
|
||
|
||
[dir="rtl"] .card-img-overlay {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
padding: var(--card-img-overlay-padding);
|
||
border-radius: var(--card-inner-border-radius);
|
||
}
|
||
|
||
[dir="rtl"] .card-group>.card+.card {
|
||
|
||
margin-left: 0;
|
||
border-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .accordion-button {
|
||
|
||
position: relative;
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-align: center;
|
||
-ms-flex-align: center;
|
||
align-items: center;
|
||
width: 100%;
|
||
padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x);
|
||
font-size: 1rem;
|
||
color: var(--accordion-btn-color);
|
||
text-align: left;
|
||
background-color: var(--accordion-btn-bg);
|
||
border: 0;
|
||
border-radius: 0;
|
||
overflow-anchor: none;
|
||
-webkit-transition: var(--accordion-transition);
|
||
-o-transition: var(--accordion-transition);
|
||
transition: var(--accordion-transition);
|
||
}
|
||
|
||
[dir="rtl"] .accordion-button::after {
|
||
|
||
-ms-flex-negative: 0;
|
||
flex-shrink: 0;
|
||
width: var(--accordion-btn-icon-width);
|
||
height: var(--accordion-btn-icon-width);
|
||
margin-left: auto;
|
||
content: "";
|
||
background-image: var(--accordion-btn-icon);
|
||
background-repeat: no-repeat;
|
||
background-size: var(--accordion-btn-icon-width);
|
||
-webkit-transition: var(--accordion-btn-icon-transition);
|
||
-o-transition: var(--accordion-btn-icon-transition);
|
||
transition: var(--accordion-btn-icon-transition);
|
||
}
|
||
|
||
[dir="rtl"] .accordion-flush .accordion-item {
|
||
|
||
border-right: 0;
|
||
border-left: 0;
|
||
border-radius: 0;
|
||
}
|
||
|
||
[dir="rtl"] .breadcrumb-item+.breadcrumb-item {
|
||
|
||
padding-left: var(--breadcrumb-item-padding-x);
|
||
}
|
||
|
||
[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
|
||
|
||
float: left;
|
||
padding-right: var(--breadcrumb-item-padding-x);
|
||
color: var(--breadcrumb-divider-color);
|
||
content: var(--breadcrumb-divider, "/")
|
||
/* rtl: var(--breadcrumb-divider, "/") */
|
||
;
|
||
}
|
||
|
||
[dir="rtl"] .pagination {
|
||
|
||
--pagination-padding-x: 0.75rem;
|
||
--pagination-padding-y: 0.375rem;
|
||
--pagination-font-size: 1rem;
|
||
--pagination-color: var(--link-color);
|
||
--pagination-bg: hsl(0, 0%, 100%);
|
||
--pagination-border-width: 1px;
|
||
--pagination-border-color: hsl(210, 14%, 89%);
|
||
--pagination-border-radius: 0.25rem;
|
||
--pagination-active-color: var(--link-active-color);
|
||
--pagination-active-bg: var(--secondary-bg);
|
||
--pagination-active-border-color: hsl(210, 14%, 89%);
|
||
--pagination-focus-color: var(--link-active-color);
|
||
--pagination-focus-bg: var(--secondary-bg);
|
||
--pagination-focus-box-shadow: 0 0 0 0.25rem var(--focus-ring-color);
|
||
--pagination-active-color: var(--white);
|
||
--pagination-active-bg: hsl(240, 98%, 17%);
|
||
--pagination-active-border-color: hsl(240, 98%, 17%);
|
||
--pagination-disabled-color: var(--secondary-color);
|
||
--pagination-disabled-bg: hsl(0, 0%, 100%);
|
||
--pagination-disabled-border-color: hsl(210, 14%, 89%);
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
padding-left: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
[dir="rtl"] .page-item:not(:first-child) .page-link {
|
||
|
||
margin-left: -1px;
|
||
}
|
||
|
||
[dir="rtl"] .alert-dismissible {
|
||
|
||
padding-right: 3rem;
|
||
}
|
||
|
||
[dir="rtl"] .alert-dismissible .btn-close {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 2;
|
||
padding: 1.25rem 1rem;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.list-group {
|
||
|
||
--list-group-color: var(--body-color);
|
||
--list-group-bg: hsl(0, 0%, 100%);
|
||
--list-group-border-color: rgba(0, 0, 0, 0.125);
|
||
--list-group-border-width: 1px;
|
||
--list-group-border-radius: 0.25rem;
|
||
--list-group-item-padding-x: 1rem;
|
||
--list-group-item-padding-y: 0.5rem;
|
||
--list-group-action-color: hsl(210, 9%, 31%);
|
||
--list-group-action-active-color: hsl(210, 9%, 31%);
|
||
--list-group-action-active-bg: hsl(210, 17%, 98%);
|
||
--list-group-action-active-color: var(--body-color);
|
||
--list-group-action-active-bg: var(--secondary-bg);
|
||
--list-group-disabled-color: var(--secondary-color);
|
||
--list-group-disabled-bg: hsl(0, 0%, 100%);
|
||
--list-group-active-color: var(--white);
|
||
--list-group-active-bg: hsl(240, 98%, 17%);
|
||
--list-group-active-border-color: hsl(240, 98%, 17%);
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-box-direction: normal;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
padding-left: 0;
|
||
margin-bottom: 0;
|
||
border-radius: var(--list-group-border-radius);
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal>.list-group-item+.list-group-item {
|
||
|
||
border-top-width: var(--list-group-border-width);
|
||
border-right-width: 0;
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal>.list-group-item+.list-group-item.active {
|
||
|
||
margin-left: calc(-1 * var(--list-group-border-width));
|
||
border-right-width: var(--list-group-border-width);
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-sm>.list-group-item+.list-group-item {
|
||
|
||
border-top-width: var(--list-group-border-width);
|
||
border-right-width: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
|
||
|
||
margin-left: calc(-1 * var(--list-group-border-width));
|
||
border-right-width: var(--list-group-border-width);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-md>.list-group-item+.list-group-item {
|
||
|
||
border-top-width: var(--list-group-border-width);
|
||
border-right-width: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-md>.list-group-item+.list-group-item.active {
|
||
|
||
margin-left: calc(-1 * var(--list-group-border-width));
|
||
border-right-width: var(--list-group-border-width);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-lg>.list-group-item+.list-group-item {
|
||
|
||
border-top-width: var(--list-group-border-width);
|
||
border-right-width: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
|
||
|
||
margin-left: calc(-1 * var(--list-group-border-width));
|
||
border-right-width: var(--list-group-border-width);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-xl>.list-group-item+.list-group-item {
|
||
|
||
border-top-width: var(--list-group-border-width);
|
||
border-right-width: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
|
||
|
||
margin-left: calc(-1 * var(--list-group-border-width));
|
||
border-right-width: var(--list-group-border-width);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-xxl>.list-group-item+.list-group-item {
|
||
|
||
border-top-width: var(--list-group-border-width);
|
||
border-right-width: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
|
||
|
||
margin-left: calc(-1 * var(--list-group-border-width));
|
||
border-right-width: var(--list-group-border-width);
|
||
|
||
}
|
||
|
||
[dir="rtl"] .toast-header .btn-close {
|
||
|
||
margin-right: calc(-0.5 * var(--toast-padding-x));
|
||
margin-left: var(--toast-padding-x);
|
||
}
|
||
|
||
[dir="rtl"] .modal {
|
||
|
||
--modal-zindex: 1050;
|
||
--modal-width: 500px;
|
||
--modal-padding: 1rem;
|
||
--modal-margin: 0.5rem;
|
||
--modal-color: ;
|
||
--modal-bg: hsl(0, 0%, 100%);
|
||
--modal-border-color: var(--border-color-translucent);
|
||
--modal-border-width: 1px;
|
||
--modal-border-radius: 0.3rem;
|
||
--modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||
--modal-inner-border-radius: calc(0.3rem - 1px);
|
||
--modal-header-padding-x: 1rem;
|
||
--modal-header-padding-y: 1rem;
|
||
--modal-header-padding: 1rem 1rem;
|
||
--modal-header-border-color: var(--border-color);
|
||
--modal-header-border-width: 1px;
|
||
--modal-title-line-height: 1.5;
|
||
--modal-footer-gap: 0.5rem;
|
||
--modal-footer-bg: ;
|
||
--modal-footer-border-color: var(--border-color);
|
||
--modal-footer-border-width: 1px;
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
z-index: var(--modal-zindex);
|
||
display: none;
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow-x: hidden;
|
||
overflow-y: auto;
|
||
outline: 0;
|
||
}
|
||
|
||
[dir="rtl"] .modal-backdrop {
|
||
|
||
--backdrop-zindex: 1040;
|
||
--backdrop-bg: hsl(0, 0%, 0%);
|
||
--backdrop-opacity: 0.5;
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
z-index: var(--backdrop-zindex);
|
||
width: 100vw;
|
||
height: 100vh;
|
||
background-color: var(--backdrop-bg);
|
||
}
|
||
|
||
[dir="rtl"] .modal-dialog {
|
||
|
||
max-width: var(--modal-width);
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.tooltip {
|
||
|
||
--tooltip-zindex: 1070;
|
||
--tooltip-max-width: 200px;
|
||
--tooltip-padding-x: 0.5rem;
|
||
--tooltip-padding-y: 0.25rem;
|
||
--tooltip-margin: ;
|
||
--tooltip-font-size: 0.875rem;
|
||
--tooltip-color: var(--white);
|
||
--tooltip-bg: hsl(0, 0%, 0%);
|
||
--tooltip-border-radius: 0.25rem;
|
||
--tooltip-opacity: 0.9;
|
||
--tooltip-arrow-width: 0.8rem;
|
||
--tooltip-arrow-height: 0.4rem;
|
||
z-index: var(--tooltip-zindex);
|
||
display: block;
|
||
padding: var(--tooltip-arrow-height);
|
||
margin: var(--tooltip-margin);
|
||
font-family: var(--font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 1.5;
|
||
text-align: left;
|
||
text-align: start;
|
||
text-decoration: none;
|
||
text-shadow: none;
|
||
text-transform: none;
|
||
letter-spacing: normal;
|
||
word-break: normal;
|
||
white-space: normal;
|
||
word-spacing: normal;
|
||
line-break: auto;
|
||
font-size: var(--tooltip-font-size);
|
||
word-wrap: break-word;
|
||
opacity: 0;
|
||
}
|
||
|
||
[dir="rtl"] /* rtl:begin:ignore */
|
||
.bs-tooltip-end .tooltip-arrow,
|
||
[dir="rtl"] .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
|
||
|
||
right: 0;
|
||
width: var(--tooltip-arrow-height);
|
||
height: var(--tooltip-arrow-width);
|
||
}
|
||
|
||
[dir="rtl"] .bs-tooltip-end .tooltip-arrow::before,
|
||
[dir="rtl"] .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
|
||
|
||
left: -1px;
|
||
border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
|
||
border-left-color: var(--tooltip-bg);
|
||
}
|
||
|
||
[dir="rtl"] /* rtl:begin:ignore */
|
||
.bs-tooltip-start .tooltip-arrow,
|
||
[dir="rtl"] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
|
||
|
||
left: 0;
|
||
width: var(--tooltip-arrow-height);
|
||
height: var(--tooltip-arrow-width);
|
||
}
|
||
|
||
[dir="rtl"] .bs-tooltip-start .tooltip-arrow::before,
|
||
[dir="rtl"] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
|
||
|
||
right: -1px;
|
||
border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
|
||
border-right-color: var(--tooltip-bg);
|
||
}
|
||
|
||
[dir="rtl"] .popover {
|
||
|
||
--popover-zindex: 1060;
|
||
--popover-max-width: 276px;
|
||
--popover-font-size: 0.875rem;
|
||
--popover-bg: hsl(0, 0%, 100%);
|
||
--popover-border-width: 1px;
|
||
--popover-border-color: var(--border-color-translucent);
|
||
--popover-border-radius: 0.3rem;
|
||
--popover-inner-border-radius: calc(0.3rem - 1px);
|
||
--popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||
--popover-header-padding-x: 1rem;
|
||
--popover-header-padding-y: 0.5rem;
|
||
--popover-header-font-size: 1rem;
|
||
--popover-header-color: ;
|
||
--popover-header-bg: #f0f0f0;
|
||
--popover-body-padding-x: 1rem;
|
||
--popover-body-padding-y: 1rem;
|
||
--popover-body-color: var(--body-color);
|
||
--popover-arrow-width: 1rem;
|
||
--popover-arrow-height: 0.5rem;
|
||
--popover-arrow-border: var(--popover-border-color);
|
||
z-index: var(--popover-zindex);
|
||
display: block;
|
||
max-width: var(--popover-max-width);
|
||
font-family: var(--font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 1.5;
|
||
text-align: left;
|
||
text-align: start;
|
||
text-decoration: none;
|
||
text-shadow: none;
|
||
text-transform: none;
|
||
letter-spacing: normal;
|
||
word-break: normal;
|
||
white-space: normal;
|
||
word-spacing: normal;
|
||
line-break: auto;
|
||
font-size: var(--popover-font-size);
|
||
word-wrap: break-word;
|
||
background-color: var(--popover-bg);
|
||
background-clip: padding-box;
|
||
border: var(--popover-border-width) solid var(--popover-border-color);
|
||
border-radius: var(--popover-border-radius);
|
||
}
|
||
|
||
[dir="rtl"] /* rtl:begin:ignore */
|
||
.bs-popover-end>.popover-arrow,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
|
||
|
||
right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
|
||
width: var(--popover-arrow-height);
|
||
height: var(--popover-arrow-width);
|
||
}
|
||
|
||
[dir="rtl"] .bs-popover-end>.popover-arrow::before,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
|
||
|
||
right: 0;
|
||
border-left-color: var(--popover-arrow-border);
|
||
}
|
||
|
||
[dir="rtl"] .bs-popover-end>.popover-arrow::after,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
|
||
|
||
right: var(--popover-border-width);
|
||
border-left-color: var(--popover-bg);
|
||
}
|
||
|
||
[dir="rtl"] .bs-popover-bottom .popover-header::before,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
right: 50%;
|
||
display: block;
|
||
width: var(--popover-arrow-width);
|
||
margin-left: calc(-0.5 * var(--popover-arrow-width));
|
||
content: "";
|
||
border-bottom: var(--popover-border-width) solid var(--popover-header-bg);
|
||
}
|
||
|
||
[dir="rtl"] /* rtl:begin:ignore */
|
||
.bs-popover-start>.popover-arrow,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
|
||
|
||
left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
|
||
width: var(--popover-arrow-height);
|
||
height: var(--popover-arrow-width);
|
||
}
|
||
|
||
[dir="rtl"] .bs-popover-start>.popover-arrow::before,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
|
||
|
||
left: 0;
|
||
border-right-color: var(--popover-arrow-border);
|
||
}
|
||
|
||
[dir="rtl"] .bs-popover-start>.popover-arrow::after,
|
||
[dir="rtl"] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
|
||
|
||
left: var(--popover-border-width);
|
||
border-right-color: var(--popover-bg);
|
||
}
|
||
|
||
[dir="rtl"] .carousel-item {
|
||
|
||
position: relative;
|
||
display: none;
|
||
float: left;
|
||
width: 100%;
|
||
margin-right: -100%;
|
||
-webkit-backface-visibility: hidden;
|
||
backface-visibility: hidden;
|
||
-webkit-transition: -webkit-transform 0.6s ease-in-out;
|
||
transition: -webkit-transform 0.6s ease-in-out;
|
||
-o-transition: transform 0.6s ease-in-out;
|
||
transition: transform 0.6s ease-in-out;
|
||
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
||
}
|
||
|
||
[dir="rtl"] .carousel-control-prev {
|
||
|
||
right: 0;
|
||
}
|
||
|
||
[dir="rtl"] .carousel-control-next {
|
||
|
||
left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .carousel-indicators {
|
||
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 2;
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
justify-content: center;
|
||
padding: 0;
|
||
margin-right: 15%;
|
||
margin-bottom: 1rem;
|
||
margin-left: 15%;
|
||
list-style: none;
|
||
}
|
||
|
||
[dir="rtl"] .carousel-indicators [data-bs-target] {
|
||
|
||
-webkit-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
-webkit-box-flex: 0;
|
||
-ms-flex: 0 1 auto;
|
||
flex: 0 1 auto;
|
||
width: 30px;
|
||
height: 3px;
|
||
padding: 0;
|
||
margin-right: 3px;
|
||
margin-left: 3px;
|
||
text-indent: -999px;
|
||
cursor: pointer;
|
||
background-color: var(--body-bg);
|
||
background-clip: padding-box;
|
||
border: 0;
|
||
border-top: 10px solid transparent;
|
||
border-bottom: 10px solid transparent;
|
||
opacity: 0.5;
|
||
-webkit-transition: opacity 0.6s ease;
|
||
-o-transition: opacity 0.6s ease;
|
||
transition: opacity 0.6s ease;
|
||
}
|
||
|
||
[dir="rtl"] .carousel-caption {
|
||
|
||
position: absolute;
|
||
left: 15%;
|
||
bottom: 1.25rem;
|
||
right: 15%;
|
||
padding-top: 1.25rem;
|
||
padding-bottom: 1.25rem;
|
||
color: var(--white);
|
||
text-align: center;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.spinner-border {
|
||
|
||
--spinner-width: 2rem;
|
||
--spinner-height: 2rem;
|
||
--spinner-vertical-align: -0.125rem;
|
||
--spinner-border-width: 0.25rem;
|
||
--spinner-animation-speed: 0.75s;
|
||
--spinner-animation-name: spinner-border;
|
||
border: var(--spinner-border-width) solid currentcolor;
|
||
border-left-color: transparent;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 575.98px) {
|
||
|
||
.offcanvas-sm.offcanvas-start {
|
||
top: 0;
|
||
right: 0;
|
||
width: var(--offcanvas-width);
|
||
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(-100%);
|
||
transform: translateX(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 575.98px) {
|
||
|
||
.offcanvas-sm.offcanvas-end {
|
||
top: 0;
|
||
left: 0;
|
||
width: var(--offcanvas-width);
|
||
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(100%);
|
||
transform: translateX(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 575.98px) {
|
||
|
||
.offcanvas-sm.offcanvas-top {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(-100%);
|
||
transform: translateY(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 575.98px) {
|
||
|
||
.offcanvas-sm.offcanvas-bottom {
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 767.98px) {
|
||
|
||
.offcanvas-md.offcanvas-start {
|
||
top: 0;
|
||
right: 0;
|
||
width: var(--offcanvas-width);
|
||
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(-100%);
|
||
transform: translateX(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 767.98px) {
|
||
|
||
.offcanvas-md.offcanvas-end {
|
||
top: 0;
|
||
left: 0;
|
||
width: var(--offcanvas-width);
|
||
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(100%);
|
||
transform: translateX(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 767.98px) {
|
||
|
||
.offcanvas-md.offcanvas-top {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(-100%);
|
||
transform: translateY(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 767.98px) {
|
||
|
||
.offcanvas-md.offcanvas-bottom {
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 991.98px) {
|
||
|
||
.offcanvas-lg.offcanvas-start {
|
||
top: 0;
|
||
right: 0;
|
||
width: var(--offcanvas-width);
|
||
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(-100%);
|
||
transform: translateX(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 991.98px) {
|
||
|
||
.offcanvas-lg.offcanvas-end {
|
||
top: 0;
|
||
left: 0;
|
||
width: var(--offcanvas-width);
|
||
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(100%);
|
||
transform: translateX(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 991.98px) {
|
||
|
||
.offcanvas-lg.offcanvas-top {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(-100%);
|
||
transform: translateY(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 991.98px) {
|
||
|
||
.offcanvas-lg.offcanvas-bottom {
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1199.98px) {
|
||
|
||
.offcanvas-xl.offcanvas-start {
|
||
top: 0;
|
||
right: 0;
|
||
width: var(--offcanvas-width);
|
||
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(-100%);
|
||
transform: translateX(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1199.98px) {
|
||
|
||
.offcanvas-xl.offcanvas-end {
|
||
top: 0;
|
||
left: 0;
|
||
width: var(--offcanvas-width);
|
||
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(100%);
|
||
transform: translateX(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1199.98px) {
|
||
|
||
.offcanvas-xl.offcanvas-top {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(-100%);
|
||
transform: translateY(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1199.98px) {
|
||
|
||
.offcanvas-xl.offcanvas-bottom {
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1399.98px) {
|
||
|
||
.offcanvas-xxl.offcanvas-start {
|
||
top: 0;
|
||
right: 0;
|
||
width: var(--offcanvas-width);
|
||
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(-100%);
|
||
transform: translateX(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1399.98px) {
|
||
|
||
.offcanvas-xxl.offcanvas-end {
|
||
top: 0;
|
||
left: 0;
|
||
width: var(--offcanvas-width);
|
||
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(100%);
|
||
transform: translateX(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1399.98px) {
|
||
|
||
.offcanvas-xxl.offcanvas-top {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(-100%);
|
||
transform: translateY(-100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (max-width: 1399.98px) {
|
||
|
||
.offcanvas-xxl.offcanvas-bottom {
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.offcanvas.offcanvas-start {
|
||
|
||
top: 0;
|
||
right: 0;
|
||
width: var(--offcanvas-width);
|
||
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(-100%);
|
||
transform: translateX(-100%);
|
||
}
|
||
|
||
[dir="rtl"] .offcanvas.offcanvas-end {
|
||
|
||
top: 0;
|
||
left: 0;
|
||
width: var(--offcanvas-width);
|
||
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateX(100%);
|
||
transform: translateX(100%);
|
||
}
|
||
|
||
[dir="rtl"] .offcanvas.offcanvas-top {
|
||
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(-100%);
|
||
transform: translateY(-100%);
|
||
}
|
||
|
||
[dir="rtl"] .offcanvas.offcanvas-bottom {
|
||
|
||
left: 0;
|
||
right: 0;
|
||
height: var(--offcanvas-height);
|
||
max-height: 100%;
|
||
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
|
||
-webkit-transform: translateY(100%);
|
||
transform: translateY(100%);
|
||
}
|
||
|
||
[dir="rtl"] .offcanvas-backdrop {
|
||
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
z-index: 1040;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
background-color: hsl(0, 0%, 0%);
|
||
}
|
||
|
||
[dir="rtl"] .offcanvas-header .btn-close {
|
||
|
||
padding: calc(var(--offcanvas-padding-y) * 0.5) calc(var(--offcanvas-padding-x) * 0.5);
|
||
margin-top: calc(-0.5 * var(--offcanvas-padding-y));
|
||
margin-right: calc(-0.5 * var(--offcanvas-padding-x));
|
||
margin-bottom: calc(-0.5 * var(--offcanvas-padding-y));
|
||
}
|
||
|
||
[dir="rtl"] .ratio>* {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
[dir="rtl"] .fixed-top {
|
||
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 1030;
|
||
}
|
||
|
||
[dir="rtl"] .fixed-bottom {
|
||
|
||
position: fixed;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 1030;
|
||
}
|
||
|
||
[dir="rtl"] .stretched-link::after {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 1;
|
||
content: "";
|
||
}
|
||
|
||
[dir="rtl"] .float-start {
|
||
|
||
float: left !important;
|
||
}
|
||
|
||
[dir="rtl"] .float-end {
|
||
|
||
float: left !important;
|
||
}
|
||
|
||
[dir="rtl"] .start-0 {
|
||
|
||
right: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .start-50 {
|
||
|
||
right: 50% !important;
|
||
}
|
||
|
||
[dir="rtl"] .start-100 {
|
||
|
||
right: 100% !important;
|
||
}
|
||
|
||
[dir="rtl"] .end-0 {
|
||
|
||
left: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .end-50 {
|
||
|
||
left: 50% !important;
|
||
}
|
||
|
||
[dir="rtl"] .end-100 {
|
||
|
||
left: 100% !important;
|
||
}
|
||
|
||
[dir="rtl"] .border-end {
|
||
|
||
border-right: var(--border-width) var(--border-style) var(--border-color) !important;
|
||
}
|
||
|
||
[dir="rtl"] .border-end-0 {
|
||
|
||
border-right: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .border-start {
|
||
|
||
border-left: var(--border-width) var(--border-style) var(--border-color) !important;
|
||
}
|
||
|
||
[dir="rtl"] .border-start-0 {
|
||
|
||
border-left: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-0 {
|
||
|
||
margin-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
margin-left: 0.25rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
margin-left: 0.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
margin-left: 1rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
margin-left: 1.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
margin-left: 3rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .mx-auto {
|
||
|
||
margin-right: auto !important;
|
||
margin-left: auto !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-0 {
|
||
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .me-auto {
|
||
|
||
margin-right: auto !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-0 {
|
||
|
||
margin-left: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-1 {
|
||
|
||
margin-left: 0.25rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-2 {
|
||
|
||
margin-left: 0.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-3 {
|
||
|
||
margin-left: 1rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-4 {
|
||
|
||
margin-left: 1.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-5 {
|
||
|
||
margin-left: 3rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ms-auto {
|
||
|
||
margin-left: auto !important;
|
||
}
|
||
|
||
[dir="rtl"] .px-0 {
|
||
|
||
padding-right: 0 !important;
|
||
padding-left: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .px-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
padding-left: 0.25rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .px-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
padding-left: 0.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .px-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
padding-left: 1rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .px-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
padding-left: 1.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .px-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
padding-left: 3rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .pe-0 {
|
||
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .pe-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .pe-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .pe-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .pe-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .pe-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ps-0 {
|
||
|
||
padding-left: 0 !important;
|
||
}
|
||
|
||
[dir="rtl"] .ps-1 {
|
||
|
||
padding-left: 0.25rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ps-2 {
|
||
|
||
padding-left: 0.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ps-3 {
|
||
|
||
padding-left: 1rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ps-4 {
|
||
|
||
padding-left: 1.5rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .ps-5 {
|
||
|
||
padding-left: 3rem !important;
|
||
}
|
||
|
||
[dir="rtl"] .text-start {
|
||
|
||
text-align: left !important;
|
||
}
|
||
|
||
[dir="rtl"] .text-end {
|
||
|
||
text-align: left !important;
|
||
}
|
||
|
||
[dir="rtl"] @media (min-width: 576px) {
|
||
|
||
.float-sm-start {
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .float-sm-end {
|
||
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-0 {
|
||
|
||
margin-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-sm-auto {
|
||
|
||
margin-right: auto !important;
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-0 {
|
||
|
||
margin-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-sm-auto {
|
||
|
||
margin-right: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-0 {
|
||
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-1 {
|
||
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-2 {
|
||
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-3 {
|
||
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-4 {
|
||
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-5 {
|
||
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-sm-auto {
|
||
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-sm-0 {
|
||
|
||
padding-right: 0 !important;
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-sm-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-sm-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-sm-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-sm-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-sm-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-sm-0 {
|
||
|
||
padding-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-sm-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-sm-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-sm-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-sm-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-sm-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-sm-0 {
|
||
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-sm-1 {
|
||
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-sm-2 {
|
||
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-sm-3 {
|
||
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-sm-4 {
|
||
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-sm-5 {
|
||
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-sm-start {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-sm-end {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (min-width: 768px) {
|
||
|
||
.float-md-start {
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .float-md-end {
|
||
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-0 {
|
||
|
||
margin-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-md-auto {
|
||
|
||
margin-right: auto !important;
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-0 {
|
||
|
||
margin-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-md-auto {
|
||
|
||
margin-right: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-0 {
|
||
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-1 {
|
||
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-2 {
|
||
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-3 {
|
||
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-4 {
|
||
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-5 {
|
||
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-md-auto {
|
||
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-md-0 {
|
||
|
||
padding-right: 0 !important;
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-md-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-md-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-md-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-md-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-md-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-md-0 {
|
||
|
||
padding-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-md-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-md-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-md-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-md-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-md-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-md-0 {
|
||
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-md-1 {
|
||
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-md-2 {
|
||
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-md-3 {
|
||
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-md-4 {
|
||
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-md-5 {
|
||
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-md-start {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-md-end {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (min-width: 992px) {
|
||
|
||
.float-lg-start {
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .float-lg-end {
|
||
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-0 {
|
||
|
||
margin-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-lg-auto {
|
||
|
||
margin-right: auto !important;
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-0 {
|
||
|
||
margin-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-lg-auto {
|
||
|
||
margin-right: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-0 {
|
||
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-1 {
|
||
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-2 {
|
||
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-3 {
|
||
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-4 {
|
||
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-5 {
|
||
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-lg-auto {
|
||
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-lg-0 {
|
||
|
||
padding-right: 0 !important;
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-lg-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-lg-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-lg-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-lg-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-lg-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-lg-0 {
|
||
|
||
padding-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-lg-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-lg-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-lg-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-lg-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-lg-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-lg-0 {
|
||
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-lg-1 {
|
||
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-lg-2 {
|
||
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-lg-3 {
|
||
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-lg-4 {
|
||
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-lg-5 {
|
||
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-lg-start {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-lg-end {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (min-width: 1200px) {
|
||
|
||
.float-xl-start {
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .float-xl-end {
|
||
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-0 {
|
||
|
||
margin-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xl-auto {
|
||
|
||
margin-right: auto !important;
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-0 {
|
||
|
||
margin-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xl-auto {
|
||
|
||
margin-right: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-0 {
|
||
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-1 {
|
||
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-2 {
|
||
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-3 {
|
||
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-4 {
|
||
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-5 {
|
||
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xl-auto {
|
||
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xl-0 {
|
||
|
||
padding-right: 0 !important;
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xl-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xl-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xl-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xl-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xl-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xl-0 {
|
||
|
||
padding-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xl-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xl-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xl-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xl-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xl-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xl-0 {
|
||
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xl-1 {
|
||
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xl-2 {
|
||
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xl-3 {
|
||
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xl-4 {
|
||
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xl-5 {
|
||
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-xl-start {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-xl-end {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
@media (min-width: 1400px) {
|
||
|
||
.float-xxl-start {
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .float-xxl-end {
|
||
|
||
float: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-0 {
|
||
|
||
margin-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .mx-xxl-auto {
|
||
|
||
margin-right: auto !important;
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-0 {
|
||
|
||
margin-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-1 {
|
||
|
||
margin-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-2 {
|
||
|
||
margin-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-3 {
|
||
|
||
margin-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-4 {
|
||
|
||
margin-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-5 {
|
||
|
||
margin-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .me-xxl-auto {
|
||
|
||
margin-right: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-0 {
|
||
|
||
margin-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-1 {
|
||
|
||
margin-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-2 {
|
||
|
||
margin-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-3 {
|
||
|
||
margin-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-4 {
|
||
|
||
margin-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-5 {
|
||
|
||
margin-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ms-xxl-auto {
|
||
|
||
margin-left: auto !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xxl-0 {
|
||
|
||
padding-right: 0 !important;
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xxl-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xxl-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xxl-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xxl-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .px-xxl-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xxl-0 {
|
||
|
||
padding-right: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xxl-1 {
|
||
|
||
padding-right: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xxl-2 {
|
||
|
||
padding-right: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xxl-3 {
|
||
|
||
padding-right: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xxl-4 {
|
||
|
||
padding-right: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .pe-xxl-5 {
|
||
|
||
padding-right: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xxl-0 {
|
||
|
||
padding-left: 0 !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xxl-1 {
|
||
|
||
padding-left: 0.25rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xxl-2 {
|
||
|
||
padding-left: 0.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xxl-3 {
|
||
|
||
padding-left: 1rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xxl-4 {
|
||
|
||
padding-left: 1.5rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .ps-xxl-5 {
|
||
|
||
padding-left: 3rem !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-xxl-start {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .text-xxl-end {
|
||
|
||
text-align: left !important;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .minicolors-theme-bootstrap .minicolors-swatch>.minicolors-sprite {
|
||
|
||
top: 50%;
|
||
right: 8px;
|
||
border-radius: 0;
|
||
-webkit-transform: translateY(-50%);
|
||
transform: translateY(-50%);
|
||
}
|
||
|
||
[dir="rtl"] .com-contact__thumbnail {
|
||
|
||
text-align: left;
|
||
margin: 2rem;
|
||
padding:1rem;
|
||
}
|
||
|
||
[dir="rtl"] .com-contact__container .com-contact__thumbnail {
|
||
|
||
grid-column: 1/5;
|
||
grid-row: 2/5;
|
||
text-align: left;
|
||
|
||
}
|
||
|
||
[dir="rtl"] figure.float-start {
|
||
|
||
margin-right: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] figure.float-end {
|
||
|
||
margin-left: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] .pagenavigation .pagination .next:only-child,
|
||
[dir="rtl"] .pager .pagination .next:only-child {
|
||
|
||
margin-left: auto;
|
||
}
|
||
|
||
[dir="rtl"] .checkboxes .checkbox input {
|
||
|
||
position: static;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] [role=tooltip]:not(.show) {
|
||
|
||
left: 5rem;
|
||
z-index: 1070;
|
||
display: none;
|
||
max-width: 100%;
|
||
padding: 0.5rem;
|
||
margin: 0.5rem;
|
||
color: hsl(0, 0%, 0%);
|
||
text-align: start;
|
||
background: var(--body-bg);
|
||
border: 1px solid hsl(210, 7%, 46%);
|
||
border-radius: 0.25rem;
|
||
-webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
|
||
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
|
||
}
|
||
|
||
[dir="rtl"] [role=tooltip]:not(.show)[id^=editarticle-] {
|
||
|
||
left: auto;
|
||
-webkit-margin-start: -10rem;
|
||
margin-inline-start: -10rem;
|
||
}
|
||
|
||
[dir="rtl"] [role=tooltip]:not(.show)[id^=editcontact-] {
|
||
|
||
left: auto;
|
||
-webkit-margin-start: -10rem;
|
||
margin-inline-start: -10rem;
|
||
}
|
||
|
||
[dir="rtl"] [role=tooltip]:not(.show)[id^=id-skip-] {
|
||
|
||
left: auto;
|
||
}
|
||
|
||
[dir="rtl"] [role=tooltip]:not(.show)[id^=cbunpublish] {
|
||
|
||
left: auto;
|
||
}
|
||
|
||
[dir="rtl"] .btn.jmodedit {
|
||
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: auto;
|
||
z-index: 900;
|
||
color: var(--color-link);
|
||
background-color: rgba(255, 255, 255, 0.5);
|
||
border: 1px solid #58595a;
|
||
border-radius: 0.25rem;
|
||
}
|
||
|
||
[dir="rtl"] .container-header .container-nav {
|
||
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
-webkit-box-pack: justify;
|
||
-ms-flex-pack: justify;
|
||
justify-content: space-between;
|
||
padding-bottom: 0.3rem;
|
||
background-color: var(--nav-bg-color);
|
||
border-width: var(--border) 0;
|
||
border-top: solid var(--accent-color-primary);
|
||
border-bottom: solid var(--accent-color-secondary);
|
||
border-left: none;
|
||
border-right: none;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.container-header .container-nav .container-search:only-child {
|
||
|
||
margin-left: auto;
|
||
}
|
||
|
||
[dir="rtl"] @media (min-width: 992px) {
|
||
|
||
.container-header .mod-menu>li+li {
|
||
margin-left: 1.55rem;
|
||
|
||
}
|
||
|
||
[dir="rtl"] @media (min-width: 992px) {
|
||
|
||
.container-header .mod-menu>li::after {
|
||
position: absolute;
|
||
left: 50%;
|
||
bottom: 0;
|
||
right: 50%;
|
||
display: block;
|
||
height: 2px;
|
||
margin: auto;
|
||
content: "";
|
||
background: transparent;
|
||
opacity: 0.2;
|
||
-webkit-transition: all 0.2s ease, background-color 0.2s ease;
|
||
-o-transition: all 0.2s ease, background-color 0.2s ease;
|
||
transition: all 0.2s ease, background-color 0.2s ease;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.container-header .mod-menu>li.active::after,
|
||
[dir="rtl"] .container-header .mod-menu>li:active::after {
|
||
|
||
left: 2px;
|
||
right: 0;
|
||
background: var(--navbar-brand-color);
|
||
}
|
||
|
||
[dir="rtl"] .container-header .metismenu>li+li {
|
||
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] @media (min-width: 992px) {
|
||
|
||
|
||
.container-header .metismenu>li>a::after,
|
||
.container-header .metismenu>li>button::before {
|
||
position: absolute;
|
||
left: 50%;
|
||
bottom: 0;
|
||
right: 50%;
|
||
display: block;
|
||
height: 2px;
|
||
margin: auto;
|
||
content: "";
|
||
background: transparent;
|
||
opacity: 0.2;
|
||
-webkit-transition: all 0.2s ease, background-color 0.2s ease;
|
||
-o-transition: all 0.2s ease, background-color 0.2s ease;
|
||
transition: all 0.2s ease, background-color 0.2s ease;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.container-header .metismenu>li>a:active::after,
|
||
[dir="rtl"] .container-header .metismenu>li>button:active::before,
|
||
[dir="rtl"] .container-header .metismenu>li.active>a::after,
|
||
[dir="rtl"] .container-header .metismenu>li.active>button::before {
|
||
|
||
left: 0;
|
||
right: 0;
|
||
background: var(--navbar-color);
|
||
}
|
||
|
||
[dir="rtl"] .container-header .metismenu>li>button.mm-toggler-link:active::before,
|
||
[dir="rtl"] .container-header .metismenu>li.active>button.mm-toggler-link::before {
|
||
|
||
left: 0;
|
||
right: 0.5rem;
|
||
}
|
||
|
||
[dir="rtl"] .grid-child {
|
||
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
}
|
||
|
||
[dir="rtl"] .modal .btn {
|
||
|
||
margin-right: 0.5rem;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.blog-items {
|
||
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
width: 100%;
|
||
padding: 0;
|
||
margin-right: -0.5rem;
|
||
margin-bottom: 1rem;
|
||
margin-left: -0.5rem;
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.readmore {
|
||
|
||
text-align: left;
|
||
}
|
||
|
||
[dir="rtl"] .image-left .blog-item .item-content {
|
||
|
||
padding-left: 25px;
|
||
}
|
||
|
||
[dir="rtl"] .image-right .blog-item .item-content {
|
||
|
||
padding-right: 25px;
|
||
}
|
||
|
||
[dir="rtl"] .image-left .blog-item .item-image,
|
||
[dir="rtl"] .image-right .blog-item .item-image {
|
||
|
||
-webkit-box-flex: 1;
|
||
-ms-flex: 1 0 40%;
|
||
flex: 1 0 40%;
|
||
max-width: 35%;
|
||
margin-right: 1rem;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
|
||
|
||
margin-right: 0;
|
||
margin-left: 25px;
|
||
-webkit-box-ordinal-group: 2;
|
||
-ms-flex-order: 1;
|
||
order: 1;
|
||
}
|
||
|
||
[dir="rtl"] .mod-list li .mod-menu__sub {
|
||
|
||
padding-left: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] .subhead {
|
||
|
||
position: sticky;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 1000;
|
||
width: auto;
|
||
min-height: 43px;
|
||
padding: 0.25rem;
|
||
color: #495057;
|
||
background: var(--body-bg);
|
||
-webkit-box-shadow: -3px -2px 22px #ddd;
|
||
box-shadow: -3px -2px 22px #ddd;
|
||
}
|
||
|
||
[dir="rtl"] .subhead .row {
|
||
|
||
margin-right: 0;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .subhead joomla-toolbar-button,
|
||
[dir="rtl"] .subhead .btn-group,
|
||
[dir="rtl"] .subhead .btn {
|
||
|
||
width: 100%;
|
||
margin-left: 0;
|
||
text-align: left;
|
||
|
||
}
|
||
|
||
[dir="rtl"] .subhead .btn-toolbar>.btn-group,
|
||
[dir="rtl"] .subhead .btn-toolbar>joomla-toolbar-button {
|
||
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
.left.item-image {
|
||
|
||
float: left;
|
||
}
|
||
|
||
[dir="rtl"] .right.item-image {
|
||
|
||
float: left;
|
||
width: 40%;
|
||
max-width: 300px;
|
||
}
|
||
|
||
[dir="rtl"] body.wrapper-fluid header>.grid-child,
|
||
[dir="rtl"] body.wrapper-fluid footer>.grid-child {
|
||
|
||
padding-right: 2rem;
|
||
padding-left: 2rem;
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
//margin-left: 6rem;
|
||
//margin-right: 6rem;
|
||
}
|
||
|
||
[dir="rtl"] header .grid-child .navbar-brand {
|
||
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
|
||
[dir="rtl"] .dropdown-menu-end::after {
|
||
|
||
left: 0.9rem;
|
||
right: auto;
|
||
}
|
||
|
||
[dir="rtl"] .list-unstyled .list-unstyled {
|
||
|
||
padding-left: 20px;
|
||
}
|
||
|
||
[dir="rtl"] .nav.nav-tabs .nav-item {
|
||
|
||
margin-bottom: 0;
|
||
margin-left: 0;
|
||
}
|
||
|
||
[dir="rtl"] .nav.nav-tabs .nav-link.active {
|
||
|
||
background-color: hsla(0, 0%, 0%, 0.3);
|
||
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0.05)));
|
||
background-image: -o-linear-gradient(top, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05) 100%);
|
||
background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05) 100%);
|
||
border-right: 0;
|
||
border-left: 0;
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 0;
|
||
-webkit-box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
|
||
box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
|
||
}
|
||
|
||
[dir="rtl"] .nav.nav-tabs .nav-link.active::after {
|
||
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: -1px;
|
||
right: 0;
|
||
height: 5px;
|
||
content: "";
|
||
background-color: var(--color-primary);
|
||
opacity: 0.8;
|
||
}
|
||
|
||
[dir="rtl"] .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
|
||
|
||
top: 0;
|
||
left: 0;
|
||
width: 20px;
|
||
height: 100%;
|
||
background: hsla(0, 0%, 0%, 0.2);
|
||
background-image: none !important;
|
||
}
|
||
|
||
[dir="rtl"] .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
|
||
|
||
position: absolute;
|
||
top: 6px;
|
||
left: 5px;
|
||
font-size: 1rem;
|
||
color: var(--white);
|
||
content: "×";
|
||
}
|
||
|
||
[dir="rtl"] .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
|
||
|
||
width: 1px;
|
||
padding: 0;
|
||
margin: 0.25rem;
|
||
overflow: hidden;
|
||
border-right: 1px solid var(--border-color);
|
||
}
|
||
|
||
[dir="rtl"] .metismenu.mod-menu .mm-toggler:after {
|
||
|
||
width: 0;
|
||
height: 0;
|
||
-webkit-margin-start: 0.5rem;
|
||
margin-inline-start: 0.5rem;
|
||
content: "";
|
||
border-top: 0.5rem solid currentColor;
|
||
border-right: 0.5rem solid transparent;
|
||
border-left: 0.5rem solid transparent;
|
||
-webkit-transition: all 0.3s ease-out;
|
||
-o-transition: all 0.3s ease-out;
|
||
transition: all 0.3s ease-out;
|
||
}
|
||
|
||
[dir="rtl"] /*!
|
||
* Bootstrap Table of Contents v1.0.1 (http://afeld.github.io/bootstrap-toc/)
|
||
* Copyright 2015 Aidan Feldman
|
||
* Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md)
|
||
*
|
||
* Custom layout/styling modifications by Moko Consulting
|
||
* © 2025 Moko Consulting — All Rights Reserved
|
||
* Website: https://mokoconsulting.tech
|
||
* Email: hello@mokoconsulting.tech
|
||
* Phone: +1 (931) 279-6313
|
||
*/
|
||
|
||
|
||
/* --- TOC right-rail container (non-invasive) --- */
|
||
.container-toc-right {
|
||
|
||
float: left;
|
||
width: 280px;
|
||
margin: 0 0 1.25rem 1.25rem;
|
||
/* gap from main content */
|
||
position: relative;
|
||
z-index: 1;
|
||
color: var(--container-toc-color);
|
||
}
|
||
|
||
[dir="rtl"] }
|
||
|
||
/* --- TOC left-rail container (non-invasive) --- */
|
||
.container-toc-left {
|
||
|
||
float: left;
|
||
width: 280px;
|
||
margin: 0 1.25rem 1.25rem 0;
|
||
/* space on right side for main content */
|
||
position: relative;
|
||
z-index: 1;
|
||
color: var(--container-toc-color);
|
||
}
|
||
|
||
[dir="rtl"] .container-top-a {
|
||
|
||
padding-left: var(--border);
|
||
padding-right: var(--border);
|
||
background-image: var(--container-top-a-bg-image);
|
||
background-color: var(--container-top-a-bg-color);
|
||
background-size: var(--container-top-a-bg-size);
|
||
-webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
background-repeat: var(--container-top-a-background-repeat);
|
||
-webkit-border-radius: var(--container-top-a-border-radius);
|
||
-moz-border-radius: var(--container-top-a-border-radius);
|
||
border-radius: var(--container-top-a-border-radius);
|
||
border: var(--container-top-a-border);
|
||
}
|
||
|
||
[dir="rtl"] .container-top-b {
|
||
|
||
padding-left: var(--border);
|
||
padding-right: var(--border);
|
||
background-image: var(--container-top-b-bg-image);
|
||
background-color: var(--container-top-b-bg-color);
|
||
background-size: var(--container-top-b-bg-size);
|
||
-webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
background-repeat: var(--container-top-b-background-repeat);
|
||
-webkit-border-radius: var(--container-top-b-border-radius);
|
||
-moz-border-radius: var(--container-top-b-border-radius);
|
||
border-radius: var(--container-top-b-border-radius);
|
||
border: var(--container-top-b-border);
|
||
}
|
||
|
||
[dir="rtl"] .container-sidebar-left,
|
||
[dir="rtl"] .container-sidebar-right {
|
||
|
||
padding-left: var(--border);
|
||
padding-right: var(--border);
|
||
background-image: var(--container-sidebar-bg-image);
|
||
background-color: var(--container-sidebar-bg-color);
|
||
background-size: var(--container-sidebar-bg-size);
|
||
-webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
background-repeat: var(--container-sidebar-background-repeat);
|
||
-webkit-border-radius: var(--container-sidebar-border-radius);
|
||
-moz-border-radius: var(--container-sidebar-border-radius);
|
||
border-radius: var(--container-sidebar-border-radius);
|
||
border: var(--container-sidebar-border);
|
||
}
|
||
|
||
[dir="rtl"] .container-bottom-a {
|
||
|
||
padding-left: var(--border);
|
||
padding-right: var(--border);
|
||
background-image: var(--container-bottom-a-bg-image);
|
||
background-color: var(--container-bottom-a-bg-color);
|
||
background-size: var(--container-bottom-a-bg-size);
|
||
-webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
background-repeat: var(--container-bottom-a-background-repeat);
|
||
-webkit-border-radius: var(--container-bottom-a-border-radius);
|
||
-moz-border-radius: var(--container-bottom-a-border-radius);
|
||
border-radius: var(--container-bottom-a-border-radius);
|
||
border: var(--container-bottom-a-border);
|
||
}
|
||
|
||
[dir="rtl"] .container-bottom-b {
|
||
|
||
padding-left: var(--border);
|
||
padding-right: var(--border);
|
||
background-image: var(--container-bottom-b-bg-image);
|
||
background-color: var(--container-bottom-b-bg-color);
|
||
background-size: var(--container-bottom-b-bg-size);
|
||
-webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
|
||
background-repeat: var(--container-bottom-b-background-repeat);
|
||
-webkit-border-radius: var(--container-bottom-b-border-radius);
|
||
-moz-border-radius: var(--container-bottom-b-border-radius);
|
||
border-radius: var(--container-bottom-b-border-radius);
|
||
border: var(--container-bottom-b-border);
|
||
}
|
||
|
||
[dir="rtl"] #mokoThemeFab.pos-br {
|
||
left: 1rem; bottom: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] #mokoThemeFab.pos-bl {
|
||
right: 1rem; bottom: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] #mokoThemeFab.pos-tr {
|
||
left: 1rem; top: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] #mokoThemeFab.pos-tl {
|
||
right: 1rem; top: 1rem;
|
||
}
|
||
|
||
[dir="rtl"] #mokoThemeFab .knob {
|
||
|
||
position: absolute; top: 2px; right: 2px;
|
||
width: 20px; height: 20px; border-radius: 50%;
|
||
background: var(--bs-body-bg, #fff);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,.25);
|
||
transition: transform .2s ease;
|
||
}
|