Your IP : 216.73.216.84
@charset "UTF-8";
/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root, [data-bs-theme="light"] {
--bs-blue: #00a8e6;
--bs-indigo: #d33d33;
--bs-purple: #d33d33;
--bs-pink: #e01ad7;
--bs-red: #de5e60;
--bs-orange: #e87532;
--bs-yellow: #ffbe00;
--bs-green: #1abc9c;
--bs-teal: #20c997;
--bs-cyan: #d33d33;
--bs-black: #000;
--bs-white: white;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #e87532;
--bs-secondary: #00a8e6;
--bs-success: #1abc9c;
--bs-info: #d33d33;
--bs-warning: #e87532;
--bs-danger: #de5e60;
--bs-light: #f2f2f2;
--bs-dark: #333;
--bs-primary-rgb: 232, 117, 50;
--bs-secondary-rgb: 0, 168, 230;
--bs-success-rgb: 26, 188, 156;
--bs-info-rgb: 211, 61, 51;
--bs-warning-rgb: 232, 117, 50;
--bs-danger-rgb: 222, 94, 96;
--bs-light-rgb: 242, 242, 242;
--bs-dark-rgb: 51, 51, 51;
--bs-primary-text-emphasis: #5d2f14;
--bs-secondary-text-emphasis: #00435c;
--bs-success-text-emphasis: #0a4b3e;
--bs-info-text-emphasis: #541814;
--bs-warning-text-emphasis: #5d2f14;
--bs-danger-text-emphasis: #592626;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #fae3d6;
--bs-secondary-bg-subtle: #cceefa;
--bs-success-bg-subtle: #d1f2eb;
--bs-info-bg-subtle: #f6d8d6;
--bs-warning-bg-subtle: #fae3d6;
--bs-danger-bg-subtle: #f8dfdf;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #f6c8ad;
--bs-secondary-border-subtle: #99dcf5;
--bs-success-border-subtle: #a3e4d7;
--bs-info-border-subtle: #edb1ad;
--bs-warning-border-subtle: #f6c8ad;
--bs-danger-border-subtle: #f2bfbf;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: white;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #e87532;
--bs-link-color-rgb: 232, 117, 50;
--bs-link-decoration: underline;
--bs-link-hover-color: #ba5e28;
--bs-link-hover-color-rgb: 186, 94, 40;
--bs-code-color: #e01ad7;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff2cc;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(232, 117, 50, 0.25);
--bs-form-valid-color: #1abc9c;
--bs-form-valid-border-color: #1abc9c;
--bs-form-invalid-color: #de5e60;
--bs-form-invalid-border-color: #de5e60;
}
[data-bs-theme="dark"] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: white;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #f1ac84;
--bs-secondary-text-emphasis: #66cbf0;
--bs-success-text-emphasis: #76d7c4;
--bs-info-text-emphasis: #e58b85;
--bs-warning-text-emphasis: #f1ac84;
--bs-danger-text-emphasis: #eb9ea0;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #2e170a;
--bs-secondary-bg-subtle: #00222e;
--bs-success-bg-subtle: #05261f;
--bs-info-bg-subtle: #2a0c0a;
--bs-warning-bg-subtle: #2e170a;
--bs-danger-bg-subtle: #2c1313;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #8b461e;
--bs-secondary-border-subtle: #00658a;
--bs-success-border-subtle: #10715e;
--bs-info-border-subtle: #7f251f;
--bs-warning-border-subtle: #8b461e;
--bs-danger-border-subtle: #85383a;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #f1ac84;
--bs-link-hover-color: #f4bd9d;
--bs-link-color-rgb: 241, 172, 132;
--bs-link-hover-color-rgb: 244, 189, 157;
--bs-code-color: #ec76e7;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664c00;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #76d7c4;
--bs-form-valid-border-color: #76d7c4;
--bs-form-invalid-color: #eb9ea0;
--bs-form-invalid-border-color: #eb9ea0;
}
*, *::before, *::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol, ul {
padding-left: 2rem;
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub, sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre, code, kbd, samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img, svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead, tbody, tfoot, tr, td, th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, select {
text-transform: none;
}
[role="button"] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
display: none !important;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 1320px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0, .gx-0 {
--bs-gutter-x: 0;
}
.g-0, .gy-0 {
--bs-gutter-y: 0;
}
.g-1, .gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
--bs-gutter-x: 1rem;
}
.g-3, .gy-3 {
--bs-gutter-y: 1rem;
}
.g-4, .gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4, .gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
--bs-gutter-x: 3rem;
}
.g-5, .gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0, .gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0, .gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1, .gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1, .gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2, .gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2, .gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3, .gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3, .gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4, .gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4, .gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5, .gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5, .gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0, .gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0, .gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1, .gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1, .gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2, .gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2, .gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3, .gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3, .gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4, .gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4, .gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5, .gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5, .gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0, .gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0, .gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1, .gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1, .gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2, .gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2, .gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3, .gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3, .gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4, .gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4, .gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5, .gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5, .gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0, .gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0, .gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1, .gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1, .gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2, .gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2, .gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3, .gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3, .gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4, .gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4, .gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5, .gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5, .gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0, .gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0, .gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1, .gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1, .gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2, .gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2, .gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3, .gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3, .gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4, .gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4, .gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5, .gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5, .gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table-group-divider {
border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #fae3d6;
--bs-table-border-color: #c8b6ab;
--bs-table-striped-bg: #eed8cb;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e1ccc1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e7d2c6;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #cceefa;
--bs-table-border-color: #a3bec8;
--bs-table-striped-bg: #c2e2ee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #b8d6e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bddce7;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: #d1f2eb;
--bs-table-border-color: #a7c2bc;
--bs-table-striped-bg: #c7e6df;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcdad4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1e0d9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: #f6d8d6;
--bs-table-border-color: #c5adab;
--bs-table-striped-bg: #eacdcb;
--bs-table-striped-color: #000;
--bs-table-active-bg: #ddc2c1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e4c8c6;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fae3d6;
--bs-table-border-color: #c8b6ab;
--bs-table-striped-bg: #eed8cb;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e1ccc1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e7d2c6;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f8dfdf;
--bs-table-border-color: #c6b2b2;
--bs-table-striped-bg: #ecd4d4;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc9c9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5cece;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f2f2f2;
--bs-table-border-color: #c2c2c2;
--bs-table-striped-bg: #e6e6e6;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dadada;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e0e0e0;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-dark {
--bs-table-color: white;
--bs-table-bg: #333;
--bs-table-border-color: #5c5c5c;
--bs-table-striped-bg: #3d3d3d;
--bs-table-striped-color: white;
--bs-table-active-bg: #474747;
--bs-table-active-color: white;
--bs-table-hover-bg: #424242;
--bs-table-hover-color: white;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(10px + var(--bs-border-width));
padding-bottom: calc(10px + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
display: block;
width: 100%;
padding: 10px 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
appearance: none;
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
transition: none;
}
}
.form-control[type="file"], #adminForm .controls > textarea[type="file"], #adminForm .controls > select[type="file"], #adminForm .controls > input[type="text"][type="file"], #adminForm .controls > input[type="password"][type="file"], #adminForm .controls > input[type="datetime"][type="file"], #adminForm .controls > input[type="datetime-local"][type="file"], #adminForm .controls > input[type="date"][type="file"], #adminForm .controls > input[type="month"][type="file"], #adminForm .controls > input[type="time"][type="file"], #adminForm .controls > input[type="week"][type="file"], #adminForm .controls > input[type="number"][type="file"], #adminForm .controls > input[type="email"][type="file"], #adminForm .controls > input[type="url"][type="file"], #adminForm .controls > input[type="search"][type="file"], #adminForm .controls > input[type="tel"][type="file"], #adminForm .controls > input[type="color"][type="file"], #adminForm .controls > .uneditable-input[type="file"], #adminForm .controls .field-calendar input[type="text"][type="file"], #adminForm .controls .field-media-input[type="file"] {
overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]), #adminForm .controls > textarea[type="file"]:not(:disabled):not([readonly]), #adminForm .controls > select[type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="text"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="password"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="datetime"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="datetime-local"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="date"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="month"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="time"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="week"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="number"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="email"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="url"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="search"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="tel"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > input[type="color"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls > .uneditable-input[type="file"]:not(:disabled):not([readonly]), #adminForm .controls .field-calendar input[type="text"][type="file"]:not(:disabled):not([readonly]), #adminForm .controls .field-media-input[type="file"]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus, #adminForm .controls > textarea:focus, #adminForm .controls > select:focus, #adminForm .controls > input[type="text"]:focus, #adminForm .controls > input[type="password"]:focus, #adminForm .controls > input[type="datetime"]:focus, #adminForm .controls > input[type="datetime-local"]:focus, #adminForm .controls > input[type="date"]:focus, #adminForm .controls > input[type="month"]:focus, #adminForm .controls > input[type="time"]:focus, #adminForm .controls > input[type="week"]:focus, #adminForm .controls > input[type="number"]:focus, #adminForm .controls > input[type="email"]:focus, #adminForm .controls > input[type="url"]:focus, #adminForm .controls > input[type="search"]:focus, #adminForm .controls > input[type="tel"]:focus, #adminForm .controls > input[type="color"]:focus, #adminForm .controls > .uneditable-input:focus, #adminForm .controls .field-calendar input[type="text"]:focus, #adminForm .controls .field-media-input:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: #f4ba99;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
}
.form-control::-webkit-date-and-time-value, #adminForm .controls > textarea::-webkit-date-and-time-value, #adminForm .controls > select::-webkit-date-and-time-value, #adminForm .controls > input[type="text"]::-webkit-date-and-time-value, #adminForm .controls > input[type="password"]::-webkit-date-and-time-value, #adminForm .controls > input[type="datetime"]::-webkit-date-and-time-value, #adminForm .controls > input[type="datetime-local"]::-webkit-date-and-time-value, #adminForm .controls > input[type="date"]::-webkit-date-and-time-value, #adminForm .controls > input[type="month"]::-webkit-date-and-time-value, #adminForm .controls > input[type="time"]::-webkit-date-and-time-value, #adminForm .controls > input[type="week"]::-webkit-date-and-time-value, #adminForm .controls > input[type="number"]::-webkit-date-and-time-value, #adminForm .controls > input[type="email"]::-webkit-date-and-time-value, #adminForm .controls > input[type="url"]::-webkit-date-and-time-value, #adminForm .controls > input[type="search"]::-webkit-date-and-time-value, #adminForm .controls > input[type="tel"]::-webkit-date-and-time-value, #adminForm .controls > input[type="color"]::-webkit-date-and-time-value, #adminForm .controls > .uneditable-input::-webkit-date-and-time-value, #adminForm .controls .field-calendar input[type="text"]::-webkit-date-and-time-value, #adminForm .controls .field-media-input::-webkit-date-and-time-value {
min-width: 85px;
height: 1.5em;
margin: 0;
}
.form-control::-webkit-datetime-edit, #adminForm .controls > textarea::-webkit-datetime-edit, #adminForm .controls > select::-webkit-datetime-edit, #adminForm .controls > input[type="text"]::-webkit-datetime-edit, #adminForm .controls > input[type="password"]::-webkit-datetime-edit, #adminForm .controls > input[type="datetime"]::-webkit-datetime-edit, #adminForm .controls > input[type="datetime-local"]::-webkit-datetime-edit, #adminForm .controls > input[type="date"]::-webkit-datetime-edit, #adminForm .controls > input[type="month"]::-webkit-datetime-edit, #adminForm .controls > input[type="time"]::-webkit-datetime-edit, #adminForm .controls > input[type="week"]::-webkit-datetime-edit, #adminForm .controls > input[type="number"]::-webkit-datetime-edit, #adminForm .controls > input[type="email"]::-webkit-datetime-edit, #adminForm .controls > input[type="url"]::-webkit-datetime-edit, #adminForm .controls > input[type="search"]::-webkit-datetime-edit, #adminForm .controls > input[type="tel"]::-webkit-datetime-edit, #adminForm .controls > input[type="color"]::-webkit-datetime-edit, #adminForm .controls > .uneditable-input::-webkit-datetime-edit, #adminForm .controls .field-calendar input[type="text"]::-webkit-datetime-edit, #adminForm .controls .field-media-input::-webkit-datetime-edit {
display: block;
padding: 0;
}
.form-control::placeholder, #adminForm .controls > textarea::placeholder, #adminForm .controls > select::placeholder, #adminForm .controls > input[type="text"]::placeholder, #adminForm .controls > input[type="password"]::placeholder, #adminForm .controls > input[type="datetime"]::placeholder, #adminForm .controls > input[type="datetime-local"]::placeholder, #adminForm .controls > input[type="date"]::placeholder, #adminForm .controls > input[type="month"]::placeholder, #adminForm .controls > input[type="time"]::placeholder, #adminForm .controls > input[type="week"]::placeholder, #adminForm .controls > input[type="number"]::placeholder, #adminForm .controls > input[type="email"]::placeholder, #adminForm .controls > input[type="url"]::placeholder, #adminForm .controls > input[type="search"]::placeholder, #adminForm .controls > input[type="tel"]::placeholder, #adminForm .controls > input[type="color"]::placeholder, #adminForm .controls > .uneditable-input::placeholder, #adminForm .controls .field-calendar input[type="text"]::placeholder, #adminForm .controls .field-media-input::placeholder {
color: #8e8e8e;
opacity: 1;
}
.form-control:disabled, #adminForm .controls > textarea:disabled, #adminForm .controls > select:disabled, #adminForm .controls > input[type="text"]:disabled, #adminForm .controls > input[type="password"]:disabled, #adminForm .controls > input[type="datetime"]:disabled, #adminForm .controls > input[type="datetime-local"]:disabled, #adminForm .controls > input[type="date"]:disabled, #adminForm .controls > input[type="month"]:disabled, #adminForm .controls > input[type="time"]:disabled, #adminForm .controls > input[type="week"]:disabled, #adminForm .controls > input[type="number"]:disabled, #adminForm .controls > input[type="email"]:disabled, #adminForm .controls > input[type="url"]:disabled, #adminForm .controls > input[type="search"]:disabled, #adminForm .controls > input[type="tel"]:disabled, #adminForm .controls > input[type="color"]:disabled, #adminForm .controls > .uneditable-input:disabled, #adminForm .controls .field-calendar input[type="text"]:disabled, #adminForm .controls .field-media-input:disabled {
background-color: var(--bs-secondary-bg);
opacity: 1;
}
.form-control::file-selector-button, #adminForm .controls > textarea::file-selector-button, #adminForm .controls > select::file-selector-button, #adminForm .controls > input[type="text"]::file-selector-button, #adminForm .controls > input[type="password"]::file-selector-button, #adminForm .controls > input[type="datetime"]::file-selector-button, #adminForm .controls > input[type="datetime-local"]::file-selector-button, #adminForm .controls > input[type="date"]::file-selector-button, #adminForm .controls > input[type="month"]::file-selector-button, #adminForm .controls > input[type="time"]::file-selector-button, #adminForm .controls > input[type="week"]::file-selector-button, #adminForm .controls > input[type="number"]::file-selector-button, #adminForm .controls > input[type="email"]::file-selector-button, #adminForm .controls > input[type="url"]::file-selector-button, #adminForm .controls > input[type="search"]::file-selector-button, #adminForm .controls > input[type="tel"]::file-selector-button, #adminForm .controls > input[type="color"]::file-selector-button, #adminForm .controls > .uneditable-input::file-selector-button, #adminForm .controls .field-calendar input[type="text"]::file-selector-button, #adminForm .controls .field-media-input::file-selector-button {
padding: 10px 0.75rem;
margin: -10px -0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button, #adminForm .controls > textarea::file-selector-button, #adminForm .controls > select::file-selector-button, #adminForm .controls > input[type="text"]::file-selector-button, #adminForm .controls > input[type="password"]::file-selector-button, #adminForm .controls > input[type="datetime"]::file-selector-button, #adminForm .controls > input[type="datetime-local"]::file-selector-button, #adminForm .controls > input[type="date"]::file-selector-button, #adminForm .controls > input[type="month"]::file-selector-button, #adminForm .controls > input[type="time"]::file-selector-button, #adminForm .controls > input[type="week"]::file-selector-button, #adminForm .controls > input[type="number"]::file-selector-button, #adminForm .controls > input[type="email"]::file-selector-button, #adminForm .controls > input[type="url"]::file-selector-button, #adminForm .controls > input[type="search"]::file-selector-button, #adminForm .controls > input[type="tel"]::file-selector-button, #adminForm .controls > input[type="color"]::file-selector-button, #adminForm .controls > .uneditable-input::file-selector-button, #adminForm .controls .field-calendar input[type="text"]::file-selector-button, #adminForm .controls .field-media-input::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > textarea:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > select:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="text"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="password"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="datetime"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="datetime-local"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="date"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="month"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="time"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="week"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="number"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="email"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="url"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="search"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="tel"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > input[type="color"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls > .uneditable-input:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls .field-calendar input[type="text"]:hover:not(:disabled):not([readonly])::file-selector-button, #adminForm .controls .field-media-input:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 10px 0;
margin-bottom: 0;
line-height: 1.5;
color: var(--bs-body-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
textarea.form-control, #adminForm .controls > textarea, #adminForm .controls > textarea.uneditable-input, #adminForm .controls textarea.field-media-input {
min-height: calc(1.5em + 20px + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
width: 3rem;
height: calc(1.5em + 20px + calc(var(--bs-border-width) * 2));
padding: 10px;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: 10px 2.25rem 10px 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
appearance: none;
background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #f4ba99;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme="dark"] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check, #adminForm input[type="checkbox"], #adminForm input[type="radio"] {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input, #adminForm input[type="checkbox"] .form-check-input, #adminForm input[type="radio"] .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0;
}
.form-check-input {
--bs-form-check-bg: var(--bs-body-bg);
flex-shrink: 0;
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
appearance: none;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
print-color-adjust: exact;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-check-input {
transition: none;
}
}
.form-check-input[type="checkbox"] {
border-radius: 0.25em;
}
.form-check-input[type="radio"] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #f4ba99;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
}
.form-check-input:checked {
background-color: #e87532;
border-color: #e87532;
}
.form-check-input:checked[type="checkbox"] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
background-color: #e87532;
border-color: #e87532;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, #adminForm input.form-check-input + label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
--bs-form-switch-bg: 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");
width: 2em;
margin-left: -2.5em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f4ba99'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0;
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-check[disabled] + .jd-form-button, .btn-check:disabled + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-check:disabled + .jd-form-button {
pointer-events: none;
filter: none;
opacity: 0.65;
}
[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
appearance: none;
background-color: transparent;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
appearance: none;
background-color: #e87532;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #f8d6c2;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
appearance: none;
background-color: #e87532;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #f8d6c2;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-secondary-color);
}
.form-floating {
position: relative;
}
.form-floating > .form-control, #adminForm .controls.form-floating > textarea, #adminForm .controls.form-floating > select, #adminForm .controls.form-floating > input[type="text"], #adminForm .controls.form-floating > input[type="password"], #adminForm .controls.form-floating > input[type="datetime"], #adminForm .controls.form-floating > input[type="datetime-local"], #adminForm .controls.form-floating > input[type="date"], #adminForm .controls.form-floating > input[type="month"], #adminForm .controls.form-floating > input[type="time"], #adminForm .controls.form-floating > input[type="week"], #adminForm .controls.form-floating > input[type="number"], #adminForm .controls.form-floating > input[type="email"], #adminForm .controls.form-floating > input[type="url"], #adminForm .controls.form-floating > input[type="search"], #adminForm .controls.form-floating > input[type="tel"], #adminForm .controls.form-floating > input[type="color"], #adminForm .controls.form-floating > .uneditable-input, #adminForm .controls .field-calendar .form-floating > input[type="text"], #adminForm .controls .form-floating > .field-media-input, .form-floating > .form-control-plaintext, .form-floating > .form-select {
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control, #adminForm .controls.form-floating > textarea, #adminForm .controls.form-floating > select, #adminForm .controls.form-floating > input[type="text"], #adminForm .controls.form-floating > input[type="password"], #adminForm .controls.form-floating > input[type="datetime"], #adminForm .controls.form-floating > input[type="datetime-local"], #adminForm .controls.form-floating > input[type="date"], #adminForm .controls.form-floating > input[type="month"], #adminForm .controls.form-floating > input[type="time"], #adminForm .controls.form-floating > input[type="week"], #adminForm .controls.form-floating > input[type="number"], #adminForm .controls.form-floating > input[type="email"], #adminForm .controls.form-floating > input[type="url"], #adminForm .controls.form-floating > input[type="search"], #adminForm .controls.form-floating > input[type="tel"], #adminForm .controls.form-floating > input[type="color"], #adminForm .controls.form-floating > .uneditable-input, #adminForm .controls .field-calendar .form-floating > input[type="text"], #adminForm .controls .form-floating > .field-media-input, .form-floating > .form-control-plaintext {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder, #adminForm .controls.form-floating > textarea::placeholder, #adminForm .controls.form-floating > select::placeholder, #adminForm .controls.form-floating > input[type="text"]::placeholder, #adminForm .controls.form-floating > input[type="password"]::placeholder, #adminForm .controls.form-floating > input[type="datetime"]::placeholder, #adminForm .controls.form-floating > input[type="datetime-local"]::placeholder, #adminForm .controls.form-floating > input[type="date"]::placeholder, #adminForm .controls.form-floating > input[type="month"]::placeholder, #adminForm .controls.form-floating > input[type="time"]::placeholder, #adminForm .controls.form-floating > input[type="week"]::placeholder, #adminForm .controls.form-floating > input[type="number"]::placeholder, #adminForm .controls.form-floating > input[type="email"]::placeholder, #adminForm .controls.form-floating > input[type="url"]::placeholder, #adminForm .controls.form-floating > input[type="search"]::placeholder, #adminForm .controls.form-floating > input[type="tel"]::placeholder, #adminForm .controls.form-floating > input[type="color"]::placeholder, #adminForm .controls.form-floating > .uneditable-input::placeholder, #adminForm .controls .field-calendar .form-floating > input[type="text"]::placeholder, #adminForm .controls .form-floating > .field-media-input::placeholder, .form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, #adminForm .controls.form-floating > textarea:focus, #adminForm .controls.form-floating > select:focus, #adminForm .controls.form-floating > input[type="text"]:focus, #adminForm .controls.form-floating > input[type="password"]:focus, #adminForm .controls.form-floating > input[type="datetime"]:focus, #adminForm .controls.form-floating > input[type="datetime-local"]:focus, #adminForm .controls.form-floating > input[type="date"]:focus, #adminForm .controls.form-floating > input[type="month"]:focus, #adminForm .controls.form-floating > input[type="time"]:focus, #adminForm .controls.form-floating > input[type="week"]:focus, #adminForm .controls.form-floating > input[type="number"]:focus, #adminForm .controls.form-floating > input[type="email"]:focus, #adminForm .controls.form-floating > input[type="url"]:focus, #adminForm .controls.form-floating > input[type="search"]:focus, #adminForm .controls.form-floating > input[type="tel"]:focus, #adminForm .controls.form-floating > input[type="color"]:focus, #adminForm .controls.form-floating > .uneditable-input:focus, #adminForm .controls .field-calendar .form-floating > input[type="text"]:focus, #adminForm .controls .form-floating > .field-media-input:focus, .form-floating > .form-control:not(:placeholder-shown), #adminForm .controls.form-floating > textarea:not(:placeholder-shown), #adminForm .controls.form-floating > select:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="text"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="password"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="datetime"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="datetime-local"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="date"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="month"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="time"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="week"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="number"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="email"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="url"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="search"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="tel"]:not(:placeholder-shown), #adminForm .controls.form-floating > input[type="color"]:not(:placeholder-shown), #adminForm .controls.form-floating > .uneditable-input:not(:placeholder-shown), #adminForm .controls .field-calendar .form-floating > input[type="text"]:not(:placeholder-shown), #adminForm .controls .form-floating > .field-media-input:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill, #adminForm .controls.form-floating > textarea:-webkit-autofill, #adminForm .controls.form-floating > select:-webkit-autofill, #adminForm .controls.form-floating > input[type="text"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="password"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="datetime"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="datetime-local"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="date"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="month"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="time"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="week"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="number"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="email"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="url"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="search"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="tel"]:-webkit-autofill, #adminForm .controls.form-floating > input[type="color"]:-webkit-autofill, #adminForm .controls.form-floating > .uneditable-input:-webkit-autofill, #adminForm .controls .field-calendar .form-floating > input[type="text"]:-webkit-autofill, #adminForm .controls .form-floating > .field-media-input:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label, #adminForm .controls.form-floating > textarea:focus ~ label, #adminForm .controls.form-floating > select:focus ~ label, #adminForm .controls.form-floating > input[type="text"]:focus ~ label, #adminForm .controls.form-floating > input[type="password"]:focus ~ label, #adminForm .controls.form-floating > input[type="datetime"]:focus ~ label, #adminForm .controls.form-floating > input[type="datetime-local"]:focus ~ label, #adminForm .controls.form-floating > input[type="date"]:focus ~ label, #adminForm .controls.form-floating > input[type="month"]:focus ~ label, #adminForm .controls.form-floating > input[type="time"]:focus ~ label, #adminForm .controls.form-floating > input[type="week"]:focus ~ label, #adminForm .controls.form-floating > input[type="number"]:focus ~ label, #adminForm .controls.form-floating > input[type="email"]:focus ~ label, #adminForm .controls.form-floating > input[type="url"]:focus ~ label, #adminForm .controls.form-floating > input[type="search"]:focus ~ label, #adminForm .controls.form-floating > input[type="tel"]:focus ~ label, #adminForm .controls.form-floating > input[type="color"]:focus ~ label, #adminForm .controls.form-floating > .uneditable-input:focus ~ label, #adminForm .controls .field-calendar .form-floating > input[type="text"]:focus ~ label, #adminForm .controls .form-floating > .field-media-input:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > textarea:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > select:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="text"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="password"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="datetime"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="datetime-local"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="date"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="month"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="time"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="week"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="number"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="email"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="url"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="search"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="tel"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > input[type="color"]:not(:placeholder-shown) ~ label, #adminForm .controls.form-floating > .uneditable-input:not(:placeholder-shown) ~ label, #adminForm .controls .field-calendar .form-floating > input[type="text"]:not(:placeholder-shown) ~ label, #adminForm .controls .form-floating > .field-media-input:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after, #adminForm .controls.form-floating > textarea:focus ~ label::after, #adminForm .controls.form-floating > select:focus ~ label::after, #adminForm .controls.form-floating > input[type="text"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="password"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="datetime"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="datetime-local"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="date"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="month"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="time"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="week"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="number"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="email"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="url"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="search"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="tel"]:focus ~ label::after, #adminForm .controls.form-floating > input[type="color"]:focus ~ label::after, #adminForm .controls.form-floating > .uneditable-input:focus ~ label::after, #adminForm .controls .field-calendar .form-floating > input[type="text"]:focus ~ label::after, #adminForm .controls .form-floating > .field-media-input:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > textarea:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > select:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="text"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="password"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="datetime"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="datetime-local"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="date"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="month"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="time"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="week"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="number"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="email"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="url"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="search"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="tel"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > input[type="color"]:not(:placeholder-shown) ~ label::after, #adminForm .controls.form-floating > .uneditable-input:not(:placeholder-shown) ~ label::after, #adminForm .controls .field-calendar .form-floating > input[type="text"]:not(:placeholder-shown) ~ label::after, #adminForm .controls .form-floating > .field-media-input:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label, #adminForm .controls.form-floating > textarea:-webkit-autofill ~ label, #adminForm .controls.form-floating > select:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="text"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="password"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="datetime"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="datetime-local"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="date"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="month"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="time"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="week"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="number"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="email"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="url"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="search"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="tel"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > input[type="color"]:-webkit-autofill ~ label, #adminForm .controls.form-floating > .uneditable-input:-webkit-autofill ~ label, #adminForm .controls .field-calendar .form-floating > input[type="text"]:-webkit-autofill ~ label, #adminForm .controls .form-floating > .field-media-input:-webkit-autofill ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label, #adminForm .controls.form-floating > textarea:disabled ~ label, #adminForm .controls.form-floating > select:disabled ~ label, #adminForm .controls.form-floating > input[type="text"]:disabled ~ label, #adminForm .controls.form-floating > input[type="password"]:disabled ~ label, #adminForm .controls.form-floating > input[type="datetime"]:disabled ~ label, #adminForm .controls.form-floating > input[type="datetime-local"]:disabled ~ label, #adminForm .controls.form-floating > input[type="date"]:disabled ~ label, #adminForm .controls.form-floating > input[type="month"]:disabled ~ label, #adminForm .controls.form-floating > input[type="time"]:disabled ~ label, #adminForm .controls.form-floating > input[type="week"]:disabled ~ label, #adminForm .controls.form-floating > input[type="number"]:disabled ~ label, #adminForm .controls.form-floating > input[type="email"]:disabled ~ label, #adminForm .controls.form-floating > input[type="url"]:disabled ~ label, #adminForm .controls.form-floating > input[type="search"]:disabled ~ label, #adminForm .controls.form-floating > input[type="tel"]:disabled ~ label, #adminForm .controls.form-floating > input[type="color"]:disabled ~ label, #adminForm .controls.form-floating > .uneditable-input:disabled ~ label, #adminForm .controls .field-calendar .form-floating > input[type="text"]:disabled ~ label, #adminForm .controls .form-floating > .field-media-input:disabled ~ label {
color: #6c757d;
}
.form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after, #adminForm .controls.form-floating > textarea:disabled ~ label::after, #adminForm .controls.form-floating > select:disabled ~ label::after, #adminForm .controls.form-floating > input[type="text"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="password"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="datetime"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="datetime-local"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="date"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="month"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="time"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="week"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="number"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="email"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="url"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="search"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="tel"]:disabled ~ label::after, #adminForm .controls.form-floating > input[type="color"]:disabled ~ label::after, #adminForm .controls.form-floating > .uneditable-input:disabled ~ label::after, #adminForm .controls .field-calendar .form-floating > input[type="text"]:disabled ~ label::after, #adminForm .controls .form-floating > .field-media-input:disabled ~ label::after {
background-color: var(--bs-secondary-bg);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control, #adminForm .controls.input-group > textarea, #adminForm .controls.input-group > select, #adminForm .controls.input-group > input[type="text"], #adminForm .controls.input-group > input[type="password"], #adminForm .controls.input-group > input[type="datetime"], #adminForm .controls.input-group > input[type="datetime-local"], #adminForm .controls.input-group > input[type="date"], #adminForm .controls.input-group > input[type="month"], #adminForm .controls.input-group > input[type="time"], #adminForm .controls.input-group > input[type="week"], #adminForm .controls.input-group > input[type="number"], #adminForm .controls.input-group > input[type="email"], #adminForm .controls.input-group > input[type="url"], #adminForm .controls.input-group > input[type="search"], #adminForm .controls.input-group > input[type="tel"], #adminForm .controls.input-group > input[type="color"], #adminForm .controls.input-group > .uneditable-input, #adminForm .controls .field-calendar .input-group > input[type="text"], #adminForm .controls .input-group > .field-media-input, .input-group > .form-select, .input-group > .form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus, #adminForm .controls.input-group > textarea:focus, #adminForm .controls.input-group > select:focus, #adminForm .controls.input-group > input[type="text"]:focus, #adminForm .controls.input-group > input[type="password"]:focus, #adminForm .controls.input-group > input[type="datetime"]:focus, #adminForm .controls.input-group > input[type="datetime-local"]:focus, #adminForm .controls.input-group > input[type="date"]:focus, #adminForm .controls.input-group > input[type="month"]:focus, #adminForm .controls.input-group > input[type="time"]:focus, #adminForm .controls.input-group > input[type="week"]:focus, #adminForm .controls.input-group > input[type="number"]:focus, #adminForm .controls.input-group > input[type="email"]:focus, #adminForm .controls.input-group > input[type="url"]:focus, #adminForm .controls.input-group > input[type="search"]:focus, #adminForm .controls.input-group > input[type="tel"]:focus, #adminForm .controls.input-group > input[type="color"]:focus, #adminForm .controls.input-group > .uneditable-input:focus, #adminForm .controls .field-calendar .input-group > input[type="text"]:focus, #adminForm .controls .input-group > .field-media-input:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
z-index: 5;
}
.input-group .btn, .input-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group .jd-form-button {
position: relative;
z-index: 2;
}
.input-group .btn:focus, .input-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group .jd-form-button:focus {
z-index: 5;
}
.input-group-text {
display: flex;
align-items: center;
padding: 10px 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control, #adminForm .controls.input-group-lg > textarea, #adminForm .controls.input-group-lg > select, #adminForm .controls.input-group-lg > input[type="text"], #adminForm .controls.input-group-lg > input[type="password"], #adminForm .controls.input-group-lg > input[type="datetime"], #adminForm .controls.input-group-lg > input[type="datetime-local"], #adminForm .controls.input-group-lg > input[type="date"], #adminForm .controls.input-group-lg > input[type="month"], #adminForm .controls.input-group-lg > input[type="time"], #adminForm .controls.input-group-lg > input[type="week"], #adminForm .controls.input-group-lg > input[type="number"], #adminForm .controls.input-group-lg > input[type="email"], #adminForm .controls.input-group-lg > input[type="url"], #adminForm .controls.input-group-lg > input[type="search"], #adminForm .controls.input-group-lg > input[type="tel"], #adminForm .controls.input-group-lg > input[type="color"], #adminForm .controls.input-group-lg > .uneditable-input, #adminForm .controls .field-calendar .input-group-lg > input[type="text"], #adminForm .controls .input-group-lg > .field-media-input, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group-lg > .jd-form-button {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control, #adminForm .controls.input-group-sm > textarea, #adminForm .controls.input-group-sm > select, #adminForm .controls.input-group-sm > input[type="text"], #adminForm .controls.input-group-sm > input[type="password"], #adminForm .controls.input-group-sm > input[type="datetime"], #adminForm .controls.input-group-sm > input[type="datetime-local"], #adminForm .controls.input-group-sm > input[type="date"], #adminForm .controls.input-group-sm > input[type="month"], #adminForm .controls.input-group-sm > input[type="time"], #adminForm .controls.input-group-sm > input[type="week"], #adminForm .controls.input-group-sm > input[type="number"], #adminForm .controls.input-group-sm > input[type="email"], #adminForm .controls.input-group-sm > input[type="url"], #adminForm .controls.input-group-sm > input[type="search"], #adminForm .controls.input-group-sm > input[type="tel"], #adminForm .controls.input-group-sm > input[type="color"], #adminForm .controls.input-group-sm > .uneditable-input, #adminForm .controls .field-calendar .input-group-sm > input[type="text"], #adminForm .controls .input-group-sm > .field-media-input, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group-sm > .jd-form-button {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select, .input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, #adminForm .input-group:not(.has-validation) > .controls.form-floating > textarea, #adminForm .input-group:not(.has-validation) > .controls.form-floating > select, #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="text"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="password"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="datetime"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="datetime-local"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="date"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="month"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="time"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="week"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="number"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="email"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="url"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="search"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="tel"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="color"], #adminForm .input-group:not(.has-validation) > .controls.form-floating > .uneditable-input, #adminForm .controls .field-calendar .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="text"], #adminForm .controls .input-group:not(.has-validation) > .form-floating:not(:last-child) > .field-media-input, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, #adminForm .input-group.has-validation > .controls.form-floating > textarea, #adminForm .input-group.has-validation > .controls.form-floating > select, #adminForm .input-group.has-validation > .controls.form-floating > input[type="text"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="password"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="datetime"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="datetime-local"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="date"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="month"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="time"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="week"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="number"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="email"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="url"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="search"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="tel"], #adminForm .input-group.has-validation > .controls.form-floating > input[type="color"], #adminForm .input-group.has-validation > .controls.form-floating > .uneditable-input, #adminForm .controls .field-calendar .input-group.has-validation > .form-floating:nth-last-child(n + 3) > input[type="text"], #adminForm .controls .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .field-media-input, .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width) * -1);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control, #adminForm .input-group > .controls.form-floating > textarea, #adminForm .input-group > .controls.form-floating > select, #adminForm .input-group > .controls.form-floating > input[type="text"], #adminForm .input-group > .controls.form-floating > input[type="password"], #adminForm .input-group > .controls.form-floating > input[type="datetime"], #adminForm .input-group > .controls.form-floating > input[type="datetime-local"], #adminForm .input-group > .controls.form-floating > input[type="date"], #adminForm .input-group > .controls.form-floating > input[type="month"], #adminForm .input-group > .controls.form-floating > input[type="time"], #adminForm .input-group > .controls.form-floating > input[type="week"], #adminForm .input-group > .controls.form-floating > input[type="number"], #adminForm .input-group > .controls.form-floating > input[type="email"], #adminForm .input-group > .controls.form-floating > input[type="url"], #adminForm .input-group > .controls.form-floating > input[type="search"], #adminForm .input-group > .controls.form-floating > input[type="tel"], #adminForm .input-group > .controls.form-floating > input[type="color"], #adminForm .input-group > .controls.form-floating > .uneditable-input, #adminForm .controls .field-calendar .input-group > .form-floating:not(:first-child) > input[type="text"], #adminForm .controls .input-group > .form-floating:not(:first-child) > .field-media-input, .input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-valid-color);
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .was-validated #adminForm .controls > textarea:valid, #adminForm .was-validated .controls > textarea:valid, .was-validated #adminForm .controls > select:valid, #adminForm .was-validated .controls > select:valid, .was-validated #adminForm .controls > input[type="text"]:valid, #adminForm .was-validated .controls > input[type="text"]:valid, .was-validated #adminForm .controls > input[type="password"]:valid, #adminForm .was-validated .controls > input[type="password"]:valid, .was-validated #adminForm .controls > input[type="datetime"]:valid, #adminForm .was-validated .controls > input[type="datetime"]:valid, .was-validated #adminForm .controls > input[type="datetime-local"]:valid, #adminForm .was-validated .controls > input[type="datetime-local"]:valid, .was-validated #adminForm .controls > input[type="date"]:valid, #adminForm .was-validated .controls > input[type="date"]:valid, .was-validated #adminForm .controls > input[type="month"]:valid, #adminForm .was-validated .controls > input[type="month"]:valid, .was-validated #adminForm .controls > input[type="time"]:valid, #adminForm .was-validated .controls > input[type="time"]:valid, .was-validated #adminForm .controls > input[type="week"]:valid, #adminForm .was-validated .controls > input[type="week"]:valid, .was-validated #adminForm .controls > input[type="number"]:valid, #adminForm .was-validated .controls > input[type="number"]:valid, .was-validated #adminForm .controls > input[type="email"]:valid, #adminForm .was-validated .controls > input[type="email"]:valid, .was-validated #adminForm .controls > input[type="url"]:valid, #adminForm .was-validated .controls > input[type="url"]:valid, .was-validated #adminForm .controls > input[type="search"]:valid, #adminForm .was-validated .controls > input[type="search"]:valid, .was-validated #adminForm .controls > input[type="tel"]:valid, #adminForm .was-validated .controls > input[type="tel"]:valid, .was-validated #adminForm .controls > input[type="color"]:valid, #adminForm .was-validated .controls > input[type="color"]:valid, .was-validated #adminForm .controls > .uneditable-input:valid, #adminForm .was-validated .controls > .uneditable-input:valid, .was-validated #adminForm .controls .field-calendar input[type="text"]:valid, #adminForm .controls .field-calendar .was-validated input[type="text"]:valid, .was-validated #adminForm .controls .field-media-input:valid, #adminForm .controls .was-validated .field-media-input:valid, .form-control.is-valid, #adminForm .controls > textarea.is-valid, #adminForm .controls > select.is-valid, #adminForm .controls > input.is-valid[type="text"], #adminForm .controls > input.is-valid[type="password"], #adminForm .controls > input.is-valid[type="datetime"], #adminForm .controls > input.is-valid[type="datetime-local"], #adminForm .controls > input.is-valid[type="date"], #adminForm .controls > input.is-valid[type="month"], #adminForm .controls > input.is-valid[type="time"], #adminForm .controls > input.is-valid[type="week"], #adminForm .controls > input.is-valid[type="number"], #adminForm .controls > input.is-valid[type="email"], #adminForm .controls > input.is-valid[type="url"], #adminForm .controls > input.is-valid[type="search"], #adminForm .controls > input.is-valid[type="tel"], #adminForm .controls > input.is-valid[type="color"], #adminForm .controls > .is-valid.uneditable-input, #adminForm .controls .field-calendar input.is-valid[type="text"], #adminForm .controls .is-valid.field-media-input {
border-color: var(--bs-form-valid-border-color);
padding-right: calc(1.5em + 20px);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231abc9c' 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.375em + 5px) center;
background-size: calc(0.75em + 10px) calc(0.75em + 10px);
}
.was-validated .form-control:valid:focus, .was-validated #adminForm .controls > textarea:valid:focus, #adminForm .was-validated .controls > textarea:valid:focus, .was-validated #adminForm .controls > select:valid:focus, #adminForm .was-validated .controls > select:valid:focus, .was-validated #adminForm .controls > input[type="text"]:valid:focus, #adminForm .was-validated .controls > input[type="text"]:valid:focus, .was-validated #adminForm .controls > input[type="password"]:valid:focus, #adminForm .was-validated .controls > input[type="password"]:valid:focus, .was-validated #adminForm .controls > input[type="datetime"]:valid:focus, #adminForm .was-validated .controls > input[type="datetime"]:valid:focus, .was-validated #adminForm .controls > input[type="datetime-local"]:valid:focus, #adminForm .was-validated .controls > input[type="datetime-local"]:valid:focus, .was-validated #adminForm .controls > input[type="date"]:valid:focus, #adminForm .was-validated .controls > input[type="date"]:valid:focus, .was-validated #adminForm .controls > input[type="month"]:valid:focus, #adminForm .was-validated .controls > input[type="month"]:valid:focus, .was-validated #adminForm .controls > input[type="time"]:valid:focus, #adminForm .was-validated .controls > input[type="time"]:valid:focus, .was-validated #adminForm .controls > input[type="week"]:valid:focus, #adminForm .was-validated .controls > input[type="week"]:valid:focus, .was-validated #adminForm .controls > input[type="number"]:valid:focus, #adminForm .was-validated .controls > input[type="number"]:valid:focus, .was-validated #adminForm .controls > input[type="email"]:valid:focus, #adminForm .was-validated .controls > input[type="email"]:valid:focus, .was-validated #adminForm .controls > input[type="url"]:valid:focus, #adminForm .was-validated .controls > input[type="url"]:valid:focus, .was-validated #adminForm .controls > input[type="search"]:valid:focus, #adminForm .was-validated .controls > input[type="search"]:valid:focus, .was-validated #adminForm .controls > input[type="tel"]:valid:focus, #adminForm .was-validated .controls > input[type="tel"]:valid:focus, .was-validated #adminForm .controls > input[type="color"]:valid:focus, #adminForm .was-validated .controls > input[type="color"]:valid:focus, .was-validated #adminForm .controls > .uneditable-input:valid:focus, #adminForm .was-validated .controls > .uneditable-input:valid:focus, .was-validated #adminForm .controls .field-calendar input[type="text"]:valid:focus, #adminForm .controls .field-calendar .was-validated input[type="text"]:valid:focus, .was-validated #adminForm .controls .field-media-input:valid:focus, #adminForm .controls .was-validated .field-media-input:valid:focus, .form-control.is-valid:focus, #adminForm .controls > textarea.is-valid:focus, #adminForm .controls > select.is-valid:focus, #adminForm .controls > input.is-valid[type="text"]:focus, #adminForm .controls > input.is-valid[type="password"]:focus, #adminForm .controls > input.is-valid[type="datetime"]:focus, #adminForm .controls > input.is-valid[type="datetime-local"]:focus, #adminForm .controls > input.is-valid[type="date"]:focus, #adminForm .controls > input.is-valid[type="month"]:focus, #adminForm .controls > input.is-valid[type="time"]:focus, #adminForm .controls > input.is-valid[type="week"]:focus, #adminForm .controls > input.is-valid[type="number"]:focus, #adminForm .controls > input.is-valid[type="email"]:focus, #adminForm .controls > input.is-valid[type="url"]:focus, #adminForm .controls > input.is-valid[type="search"]:focus, #adminForm .controls > input.is-valid[type="tel"]:focus, #adminForm .controls > input.is-valid[type="color"]:focus, #adminForm .controls > .is-valid.uneditable-input:focus, #adminForm .controls .field-calendar input.is-valid[type="text"]:focus, #adminForm .controls .is-valid.field-media-input:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, .was-validated #adminForm .controls > textarea:valid, #adminForm .was-validated .controls > textarea:valid, .was-validated #adminForm .controls > textarea.uneditable-input:valid, #adminForm .was-validated .controls > textarea.uneditable-input:valid, .was-validated #adminForm .controls textarea.field-media-input:valid, #adminForm .controls .was-validated textarea.field-media-input:valid, textarea.form-control.is-valid, #adminForm .controls > textarea.is-valid, #adminForm .controls > textarea.is-valid.uneditable-input, #adminForm .controls textarea.is-valid.field-media-input {
padding-right: calc(1.5em + 20px);
background-position: top calc(0.375em + 5px) right calc(0.375em + 5px);
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231abc9c' 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");
padding-right: 4.125rem;
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 10px) calc(0.75em + 10px);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
width: calc(3rem + calc(1.5em + 20px));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .was-validated #adminForm input.form-check-input + label, #adminForm .was-validated input[type="checkbox"] + .form-check-input:valid ~ label, #adminForm .was-validated input[type="radio"] + .form-check-input:valid ~ label, .form-check-input.is-valid ~ .form-check-label, #adminForm input.form-check-input + label {
color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .was-validated #adminForm .controls.input-group > textarea:not(:focus):valid, #adminForm .was-validated .controls > .input-group > textarea:not(:focus):valid, .was-validated #adminForm .controls.input-group > select:not(:focus):valid, #adminForm .was-validated .controls > .input-group > select:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="text"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="text"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="password"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="password"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="datetime"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="datetime"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="datetime-local"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="datetime-local"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="date"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="date"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="month"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="month"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="time"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="time"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="week"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="week"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="number"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="number"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="email"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="email"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="url"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="url"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="search"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="search"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="tel"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="tel"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > input[type="color"]:not(:focus):valid, #adminForm .was-validated .controls > .input-group > input[type="color"]:not(:focus):valid, .was-validated #adminForm .controls.input-group > .uneditable-input:not(:focus):valid, #adminForm .was-validated .controls > .input-group > .uneditable-input:not(:focus):valid, .was-validated #adminForm .controls .field-calendar .input-group > input[type="text"]:not(:focus):valid, #adminForm .controls .field-calendar .was-validated .input-group > input[type="text"]:not(:focus):valid, .was-validated #adminForm .controls .input-group > .field-media-input:not(:focus):valid, #adminForm .controls .was-validated .input-group > .field-media-input:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, #adminForm .controls.input-group > textarea.is-valid:not(:focus), #adminForm .controls.input-group > select.is-valid:not(:focus), #adminForm .controls.input-group > input.is-valid[type="text"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="password"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="datetime"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="datetime-local"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="date"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="month"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="time"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="week"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="number"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="email"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="url"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="search"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="tel"]:not(:focus), #adminForm .controls.input-group > input.is-valid[type="color"]:not(:focus), #adminForm .controls.input-group > .is-valid.uneditable-input:not(:focus), #adminForm .controls .field-calendar .input-group > input.is-valid[type="text"]:not(:focus), #adminForm .controls .input-group > .is-valid.field-media-input:not(:focus), .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .was-validated #adminForm .controls > textarea:invalid, #adminForm .was-validated .controls > textarea:invalid, .was-validated #adminForm .controls > select:invalid, #adminForm .was-validated .controls > select:invalid, .was-validated #adminForm .controls > input[type="text"]:invalid, #adminForm .was-validated .controls > input[type="text"]:invalid, .was-validated #adminForm .controls > input[type="password"]:invalid, #adminForm .was-validated .controls > input[type="password"]:invalid, .was-validated #adminForm .controls > input[type="datetime"]:invalid, #adminForm .was-validated .controls > input[type="datetime"]:invalid, .was-validated #adminForm .controls > input[type="datetime-local"]:invalid, #adminForm .was-validated .controls > input[type="datetime-local"]:invalid, .was-validated #adminForm .controls > input[type="date"]:invalid, #adminForm .was-validated .controls > input[type="date"]:invalid, .was-validated #adminForm .controls > input[type="month"]:invalid, #adminForm .was-validated .controls > input[type="month"]:invalid, .was-validated #adminForm .controls > input[type="time"]:invalid, #adminForm .was-validated .controls > input[type="time"]:invalid, .was-validated #adminForm .controls > input[type="week"]:invalid, #adminForm .was-validated .controls > input[type="week"]:invalid, .was-validated #adminForm .controls > input[type="number"]:invalid, #adminForm .was-validated .controls > input[type="number"]:invalid, .was-validated #adminForm .controls > input[type="email"]:invalid, #adminForm .was-validated .controls > input[type="email"]:invalid, .was-validated #adminForm .controls > input[type="url"]:invalid, #adminForm .was-validated .controls > input[type="url"]:invalid, .was-validated #adminForm .controls > input[type="search"]:invalid, #adminForm .was-validated .controls > input[type="search"]:invalid, .was-validated #adminForm .controls > input[type="tel"]:invalid, #adminForm .was-validated .controls > input[type="tel"]:invalid, .was-validated #adminForm .controls > input[type="color"]:invalid, #adminForm .was-validated .controls > input[type="color"]:invalid, .was-validated #adminForm .controls > .uneditable-input:invalid, #adminForm .was-validated .controls > .uneditable-input:invalid, .was-validated #adminForm .controls .field-calendar input[type="text"]:invalid, #adminForm .controls .field-calendar .was-validated input[type="text"]:invalid, .was-validated #adminForm .controls .field-media-input:invalid, #adminForm .controls .was-validated .field-media-input:invalid, .form-control.is-invalid, #adminForm .controls > textarea.is-invalid, #adminForm .controls > select.is-invalid, #adminForm .controls > input.is-invalid[type="text"], #adminForm .controls > input.is-invalid[type="password"], #adminForm .controls > input.is-invalid[type="datetime"], #adminForm .controls > input.is-invalid[type="datetime-local"], #adminForm .controls > input.is-invalid[type="date"], #adminForm .controls > input.is-invalid[type="month"], #adminForm .controls > input.is-invalid[type="time"], #adminForm .controls > input.is-invalid[type="week"], #adminForm .controls > input.is-invalid[type="number"], #adminForm .controls > input.is-invalid[type="email"], #adminForm .controls > input.is-invalid[type="url"], #adminForm .controls > input.is-invalid[type="search"], #adminForm .controls > input.is-invalid[type="tel"], #adminForm .controls > input.is-invalid[type="color"], #adminForm .controls > .is-invalid.uneditable-input, #adminForm .controls .field-calendar input.is-invalid[type="text"], #adminForm .controls .is-invalid.field-media-input {
border-color: var(--bs-form-invalid-border-color);
padding-right: calc(1.5em + 20px);
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='%23de5e60'%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='%23de5e60' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 5px) center;
background-size: calc(0.75em + 10px) calc(0.75em + 10px);
}
.was-validated .form-control:invalid:focus, .was-validated #adminForm .controls > textarea:invalid:focus, #adminForm .was-validated .controls > textarea:invalid:focus, .was-validated #adminForm .controls > select:invalid:focus, #adminForm .was-validated .controls > select:invalid:focus, .was-validated #adminForm .controls > input[type="text"]:invalid:focus, #adminForm .was-validated .controls > input[type="text"]:invalid:focus, .was-validated #adminForm .controls > input[type="password"]:invalid:focus, #adminForm .was-validated .controls > input[type="password"]:invalid:focus, .was-validated #adminForm .controls > input[type="datetime"]:invalid:focus, #adminForm .was-validated .controls > input[type="datetime"]:invalid:focus, .was-validated #adminForm .controls > input[type="datetime-local"]:invalid:focus, #adminForm .was-validated .controls > input[type="datetime-local"]:invalid:focus, .was-validated #adminForm .controls > input[type="date"]:invalid:focus, #adminForm .was-validated .controls > input[type="date"]:invalid:focus, .was-validated #adminForm .controls > input[type="month"]:invalid:focus, #adminForm .was-validated .controls > input[type="month"]:invalid:focus, .was-validated #adminForm .controls > input[type="time"]:invalid:focus, #adminForm .was-validated .controls > input[type="time"]:invalid:focus, .was-validated #adminForm .controls > input[type="week"]:invalid:focus, #adminForm .was-validated .controls > input[type="week"]:invalid:focus, .was-validated #adminForm .controls > input[type="number"]:invalid:focus, #adminForm .was-validated .controls > input[type="number"]:invalid:focus, .was-validated #adminForm .controls > input[type="email"]:invalid:focus, #adminForm .was-validated .controls > input[type="email"]:invalid:focus, .was-validated #adminForm .controls > input[type="url"]:invalid:focus, #adminForm .was-validated .controls > input[type="url"]:invalid:focus, .was-validated #adminForm .controls > input[type="search"]:invalid:focus, #adminForm .was-validated .controls > input[type="search"]:invalid:focus, .was-validated #adminForm .controls > input[type="tel"]:invalid:focus, #adminForm .was-validated .controls > input[type="tel"]:invalid:focus, .was-validated #adminForm .controls > input[type="color"]:invalid:focus, #adminForm .was-validated .controls > input[type="color"]:invalid:focus, .was-validated #adminForm .controls > .uneditable-input:invalid:focus, #adminForm .was-validated .controls > .uneditable-input:invalid:focus, .was-validated #adminForm .controls .field-calendar input[type="text"]:invalid:focus, #adminForm .controls .field-calendar .was-validated input[type="text"]:invalid:focus, .was-validated #adminForm .controls .field-media-input:invalid:focus, #adminForm .controls .was-validated .field-media-input:invalid:focus, .form-control.is-invalid:focus, #adminForm .controls > textarea.is-invalid:focus, #adminForm .controls > select.is-invalid:focus, #adminForm .controls > input.is-invalid[type="text"]:focus, #adminForm .controls > input.is-invalid[type="password"]:focus, #adminForm .controls > input.is-invalid[type="datetime"]:focus, #adminForm .controls > input.is-invalid[type="datetime-local"]:focus, #adminForm .controls > input.is-invalid[type="date"]:focus, #adminForm .controls > input.is-invalid[type="month"]:focus, #adminForm .controls > input.is-invalid[type="time"]:focus, #adminForm .controls > input.is-invalid[type="week"]:focus, #adminForm .controls > input.is-invalid[type="number"]:focus, #adminForm .controls > input.is-invalid[type="email"]:focus, #adminForm .controls > input.is-invalid[type="url"]:focus, #adminForm .controls > input.is-invalid[type="search"]:focus, #adminForm .controls > input.is-invalid[type="tel"]:focus, #adminForm .controls > input.is-invalid[type="color"]:focus, #adminForm .controls > .is-invalid.uneditable-input:focus, #adminForm .controls .field-calendar input.is-invalid[type="text"]:focus, #adminForm .controls .is-invalid.field-media-input:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, .was-validated #adminForm .controls > textarea:invalid, #adminForm .was-validated .controls > textarea:invalid, .was-validated #adminForm .controls > textarea.uneditable-input:invalid, #adminForm .was-validated .controls > textarea.uneditable-input:invalid, .was-validated #adminForm .controls textarea.field-media-input:invalid, #adminForm .controls .was-validated textarea.field-media-input:invalid, textarea.form-control.is-invalid, #adminForm .controls > textarea.is-invalid, #adminForm .controls > textarea.is-invalid.uneditable-input, #adminForm .controls textarea.is-invalid.field-media-input {
padding-right: calc(1.5em + 20px);
background-position: top calc(0.375em + 5px) right calc(0.375em + 5px);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: 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='%23de5e60'%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='%23de5e60' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 10px) calc(0.75em + 10px);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + 20px));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated #adminForm input.form-check-input + label, #adminForm .was-validated input[type="checkbox"] + .form-check-input:invalid ~ label, #adminForm .was-validated input[type="radio"] + .form-check-input:invalid ~ label, .form-check-input.is-invalid ~ .form-check-label, #adminForm input.form-check-input + label {
color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .was-validated #adminForm .controls.input-group > textarea:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > textarea:not(:focus):invalid, .was-validated #adminForm .controls.input-group > select:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > select:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="text"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="text"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="password"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="password"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="datetime"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="datetime"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="datetime-local"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="datetime-local"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="date"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="date"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="month"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="month"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="time"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="time"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="week"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="week"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="number"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="number"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="email"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="email"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="url"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="url"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="search"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="search"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="tel"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="tel"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > input[type="color"]:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > input[type="color"]:not(:focus):invalid, .was-validated #adminForm .controls.input-group > .uneditable-input:not(:focus):invalid, #adminForm .was-validated .controls > .input-group > .uneditable-input:not(:focus):invalid, .was-validated #adminForm .controls .field-calendar .input-group > input[type="text"]:not(:focus):invalid, #adminForm .controls .field-calendar .was-validated .input-group > input[type="text"]:not(:focus):invalid, .was-validated #adminForm .controls .input-group > .field-media-input:not(:focus):invalid, #adminForm .controls .was-validated .input-group > .field-media-input:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, #adminForm .controls.input-group > textarea.is-invalid:not(:focus), #adminForm .controls.input-group > select.is-invalid:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="text"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="password"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="datetime"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="datetime-local"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="date"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="month"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="time"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="week"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="number"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="email"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="url"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="search"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="tel"]:not(:focus), #adminForm .controls.input-group > input.is-invalid[type="color"]:not(:focus), #adminForm .controls.input-group > .is-invalid.uneditable-input:not(:focus), #adminForm .controls .field-calendar .input-group > input.is-invalid[type="text"]:not(:focus), #adminForm .controls .input-group > .is-invalid.field-media-input:not(:focus), .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4;
}
.btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
--bs-btn-padding-x: 2rem;
--bs-btn-padding-y: 0.5rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 600;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
transition: none;
}
}
.btn:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-check + .jd-form-button:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color);
}
.btn:focus-visible, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-check:focus-visible + .jd-form-button {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-check:checked + .jd-form-button, :not(.btn-check) + .btn:active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control :not(.btn-check) + .jd-form-button:active, .btn:first-child:active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:first-child:active, .btn.active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .active.jd-form-button, .btn.show, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .show.jd-form-button {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-check:checked + .jd-form-button:focus-visible, :not(.btn-check) + .btn:active:focus-visible, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control :not(.btn-check) + .jd-form-button:active:focus-visible, .btn:first-child:active:focus-visible, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:first-child:active:focus-visible, .btn.active:focus-visible, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .active.jd-form-button:focus-visible, .btn.show:focus-visible, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .show.jd-form-button:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:disabled, .btn.disabled, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .disabled.jd-form-button, fieldset:disabled .btn, fieldset:disabled div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control fieldset:disabled .jd-form-button {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
--bs-btn-color: #000;
--bs-btn-bg: #e87532;
--bs-btn-border-color: #e87532;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #eb8a51;
--bs-btn-hover-border-color: #ea8347;
--bs-btn-focus-shadow-rgb: 197, 99, 43;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ed915b;
--bs-btn-active-border-color: #ea8347;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #e87532;
--bs-btn-disabled-border-color: #e87532;
}
.btn-secondary {
--bs-btn-color: #000;
--bs-btn-bg: #00a8e6;
--bs-btn-border-color: #00a8e6;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #26b5ea;
--bs-btn-hover-border-color: #1ab1e9;
--bs-btn-focus-shadow-rgb: 0, 143, 196;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #33b9eb;
--bs-btn-active-border-color: #1ab1e9;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #00a8e6;
--bs-btn-disabled-border-color: #00a8e6;
}
.btn-success {
--bs-btn-color: #000;
--bs-btn-bg: #1abc9c;
--bs-btn-border-color: #1abc9c;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #3cc6ab;
--bs-btn-hover-border-color: #31c3a6;
--bs-btn-focus-shadow-rgb: 22, 160, 133;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #48c9b0;
--bs-btn-active-border-color: #31c3a6;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #1abc9c;
--bs-btn-disabled-border-color: #1abc9c;
}
.btn-info {
--bs-btn-color: white;
--bs-btn-bg: #d33d33;
--bs-btn-border-color: #d33d33;
--bs-btn-hover-color: white;
--bs-btn-hover-bg: #b3342b;
--bs-btn-hover-border-color: #a93129;
--bs-btn-focus-shadow-rgb: 218, 90, 82;
--bs-btn-active-color: white;
--bs-btn-active-bg: #a93129;
--bs-btn-active-border-color: #9e2e26;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: white;
--bs-btn-disabled-bg: #d33d33;
--bs-btn-disabled-border-color: #d33d33;
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #e87532;
--bs-btn-border-color: #e87532;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #eb8a51;
--bs-btn-hover-border-color: #ea8347;
--bs-btn-focus-shadow-rgb: 197, 99, 43;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ed915b;
--bs-btn-active-border-color: #ea8347;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #e87532;
--bs-btn-disabled-border-color: #e87532;
}
.btn-danger {
--bs-btn-color: #000;
--bs-btn-bg: #de5e60;
--bs-btn-border-color: #de5e60;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #e37678;
--bs-btn-hover-border-color: #e16e70;
--bs-btn-focus-shadow-rgb: 189, 80, 82;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #e57e80;
--bs-btn-active-border-color: #e16e70;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #de5e60;
--bs-btn-disabled-border-color: #de5e60;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f2f2f2;
--bs-btn-border-color: #f2f2f2;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #cecece;
--bs-btn-hover-border-color: #c2c2c2;
--bs-btn-focus-shadow-rgb: 206, 206, 206;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c2c2c2;
--bs-btn-active-border-color: #b6b6b6;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f2f2f2;
--bs-btn-disabled-border-color: #f2f2f2;
}
.btn-dark {
--bs-btn-color: white;
--bs-btn-bg: #333;
--bs-btn-border-color: #333;
--bs-btn-hover-color: white;
--bs-btn-hover-bg: #525252;
--bs-btn-hover-border-color: #474747;
--bs-btn-focus-shadow-rgb: 82, 82, 82;
--bs-btn-active-color: white;
--bs-btn-active-bg: #5c5c5c;
--bs-btn-active-border-color: #474747;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: white;
--bs-btn-disabled-bg: #333;
--bs-btn-disabled-border-color: #333;
}
.btn-outline-primary {
--bs-btn-color: #e87532;
--bs-btn-border-color: #e87532;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #e87532;
--bs-btn-hover-border-color: #e87532;
--bs-btn-focus-shadow-rgb: 232, 117, 50;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #e87532;
--bs-btn-active-border-color: #e87532;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #e87532;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #e87532;
--bs-gradient: none;
}
.btn-outline-secondary, #adminForm .btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger), #adminForm div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control #adminForm .jd-form-button:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger) {
--bs-btn-color: #00a8e6;
--bs-btn-border-color: #00a8e6;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #00a8e6;
--bs-btn-hover-border-color: #00a8e6;
--bs-btn-focus-shadow-rgb: 0, 168, 230;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #00a8e6;
--bs-btn-active-border-color: #00a8e6;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #00a8e6;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #00a8e6;
--bs-gradient: none;
}
.btn-outline-success {
--bs-btn-color: #1abc9c;
--bs-btn-border-color: #1abc9c;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #1abc9c;
--bs-btn-hover-border-color: #1abc9c;
--bs-btn-focus-shadow-rgb: 26, 188, 156;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #1abc9c;
--bs-btn-active-border-color: #1abc9c;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #1abc9c;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #1abc9c;
--bs-gradient: none;
}
.btn-outline-info {
--bs-btn-color: #d33d33;
--bs-btn-border-color: #d33d33;
--bs-btn-hover-color: white;
--bs-btn-hover-bg: #d33d33;
--bs-btn-hover-border-color: #d33d33;
--bs-btn-focus-shadow-rgb: 211, 61, 51;
--bs-btn-active-color: white;
--bs-btn-active-bg: #d33d33;
--bs-btn-active-border-color: #d33d33;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #d33d33;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #d33d33;
--bs-gradient: none;
}
.btn-outline-warning {
--bs-btn-color: #e87532;
--bs-btn-border-color: #e87532;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #e87532;
--bs-btn-hover-border-color: #e87532;
--bs-btn-focus-shadow-rgb: 232, 117, 50;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #e87532;
--bs-btn-active-border-color: #e87532;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #e87532;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #e87532;
--bs-gradient: none;
}
.btn-outline-danger {
--bs-btn-color: #de5e60;
--bs-btn-border-color: #de5e60;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #de5e60;
--bs-btn-hover-border-color: #de5e60;
--bs-btn-focus-shadow-rgb: 222, 94, 96;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #de5e60;
--bs-btn-active-border-color: #de5e60;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #de5e60;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #de5e60;
--bs-gradient: none;
}
.btn-outline-light {
--bs-btn-color: #f2f2f2;
--bs-btn-border-color: #f2f2f2;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f2f2f2;
--bs-btn-hover-border-color: #f2f2f2;
--bs-btn-focus-shadow-rgb: 242, 242, 242;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f2f2f2;
--bs-btn-active-border-color: #f2f2f2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f2f2f2;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f2f2f2;
--bs-gradient: none;
}
.btn-outline-dark {
--bs-btn-color: #333;
--bs-btn-border-color: #333;
--bs-btn-hover-color: white;
--bs-btn-hover-bg: #333;
--bs-btn-hover-border-color: #333;
--bs-btn-focus-shadow-rgb: 51, 51, 51;
--bs-btn-active-color: white;
--bs-btn-active-bg: #333;
--bs-btn-active-border-color: #333;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #333;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #333;
--bs-gradient: none;
}
.btn-link, .readmore-btn {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 197, 99, 43;
text-decoration: underline;
}
.btn-link:focus-visible, .readmore-btn:focus-visible {
color: var(--bs-btn-color);
}
.btn-link:hover, .readmore-btn:hover {
color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-lg > .jd-form-button, .footer-section .jd-simple-contact-form .btn-primary, .footer-section .jd-simple-contact-form .btn-backtohome, .footer-section .jd-simple-contact-form .btn-prosandcons, .footer-section .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .footer-section .jd-simple-contact-form .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
--bs-btn-padding-y: 0.7rem;
--bs-btn-padding-x: 3rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: 0.2rem;
}
.btn-sm, .btn-group-sm > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-sm > .jd-form-button {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: white;
--bs-dropdown-link-active-bg: #e87532;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1;
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: white;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: white;
--bs-dropdown-link-active-bg: #e87532;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd;
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button, .btn-group-vertical > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .btn-check:checked + .jd-form-button, .btn-group > .btn-check:focus + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .btn-check:focus + .jd-form-button, .btn-group > .btn:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:hover, .btn-group > .btn:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:focus, .btn-group > .btn:active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:active, .btn-group > .btn.active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .active.jd-form-button, .btn-group-vertical > .btn-check:checked + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .btn-check:checked + .jd-form-button, .btn-group-vertical > .btn-check:focus + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .btn-check:focus + .jd-form-button, .btn-group-vertical > .btn:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button:hover, .btn-group-vertical > .btn:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button:focus, .btn-group-vertical > .btn:active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button:active, .btn-group-vertical > .btn.active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .active.jd-form-button {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group {
border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > :not(.btn-check:first-child) + .jd-form-button, .btn-group > .btn-group:not(:first-child) {
margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .dropdown-toggle-split.jd-form-button:first-child, .btn-group > .btn-group:not(:last-child) > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .btn-group:not(:last-child) > .jd-form-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > :not(.btn-check) + .jd-form-button, .btn-group > .btn-group:not(:first-child) > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .btn-group:not(:first-child) > .jd-form-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-sm > .jd-form-button + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-lg > .jd-form-button + .dropdown-toggle-split, .footer-section .jd-simple-contact-form .btn-primary + .dropdown-toggle-split, .footer-section .jd-simple-contact-form .btn-backtohome + .dropdown-toggle-split, .footer-section .jd-simple-contact-form .btn-prosandcons + .dropdown-toggle-split, .footer-section .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .dropdown-toggle-split, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .footer-section .jd-simple-contact-form .jd-form-button + .dropdown-toggle-split, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .dropdown-toggle-split {
padding-right: 2.25rem;
padding-left: 2.25rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button, .btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .btn-group:not(:last-child) > .jd-form-button {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button ~ .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .btn ~ .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .jd-form-button ~ .jd-form-button, .btn-group-vertical > .btn-group:not(:first-child) > .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-vertical > .btn-group:not(:first-child) > .jd-form-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: none;
border: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: white;
--bs-nav-pills-link-active-bg: #e87532;
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
.nav-fill > .nav-link, .nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link, .nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color);
}
.navbar-text a, .navbar-text a:hover, .navbar-text a:focus {
color: var(--bs-navbar-active-color);
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-dark, .navbar[data-bs-theme="dark"] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: white;
--bs-navbar-brand-color: white;
--bs-navbar-brand-hover-color: white;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card, .article-wraper-inner, .card-layout {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card > hr, .article-wraper-inner > hr, .card-layout > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group, .article-wraper-inner > .list-group, .card-layout > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child, .article-wraper-inner > .list-group:first-child, .card-layout > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child, .article-wraper-inner > .list-group:last-child, .card-layout > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group, .article-wraper-inner > .card-header + .list-group, .card-layout > .card-header + .list-group, .card > .list-group + .card-footer, .article-wraper-inner > .list-group + .card-footer, .card-layout > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color);
}
.card-subtitle {
margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: var(--bs-card-spacer-x);
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.card-img, .card-img-top, .card-img-bottom {
width: 100%;
}
.card-img, .card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img, .card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card, .card-group > .article-wraper-inner, .card-group > .card-layout {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card, .card-group > .article-wraper-inner, .card-group > .card-layout {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card, .card-group > .article-wraper-inner + .card, .card-group > .article-wraper-inner + .article-wraper-inner, .card-group > .article-wraper-inner + .card-layout, .card-group > .card-layout + .card, .card-group > .card-layout + .article-wraper-inner, .card-group > .card-layout + .card-layout, .card-group > .card + .article-wraper-inner, .card-group > .card + .card-layout {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child), .card-group > .article-wraper-inner:not(:last-child), .card-group > .card-layout:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top, .card-group > .article-wraper-inner:not(:last-child) .card-img-top, .card-group > .card-layout:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header, .card-group > .article-wraper-inner:not(:last-child) .card-header, .card-group > .card-layout:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .article-wraper-inner:not(:last-child) .card-img-bottom, .card-group > .card-layout:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer, .card-group > .article-wraper-inner:not(:last-child) .card-footer, .card-group > .card-layout:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child), .card-group > .article-wraper-inner:not(:first-child), .card-group > .card-layout:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top, .card-group > .article-wraper-inner:not(:first-child) .card-img-top, .card-group > .card-layout:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header, .card-group > .article-wraper-inner:not(:first-child) .card-header, .card-group > .card-layout:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .article-wraper-inner:not(:first-child) .card-img-bottom, .card-group > .card-layout:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer, .card-group > .article-wraper-inner:not(:first-child) .card-footer, .card-group > .card-layout:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235d2f14'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #f4ba99;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f1ac84'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f1ac84'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
--bs-pagination-active-color: white;
--bs-pagination-active-bg: #e87532;
--bs-pagination-active-border-color: #e87532;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: white;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
display: none;
}
.btn .badge, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button .badge {
position: relative;
top: -1px;
}
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
color: var(--bs-alert-link-color);
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
--bs-alert-bg: var(--bs-primary-bg-subtle);
--bs-alert-border-color: var(--bs-primary-border-subtle);
--bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
--bs-alert-color: var(--bs-secondary-text-emphasis);
--bs-alert-bg: var(--bs-secondary-bg-subtle);
--bs-alert-border-color: var(--bs-secondary-border-subtle);
--bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
--bs-alert-bg: var(--bs-success-bg-subtle);
--bs-alert-border-color: var(--bs-success-border-subtle);
--bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
--bs-alert-bg: var(--bs-info-bg-subtle);
--bs-alert-border-color: var(--bs-info-border-subtle);
--bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning, .alert-notice {
--bs-alert-color: var(--bs-warning-text-emphasis);
--bs-alert-bg: var(--bs-warning-bg-subtle);
--bs-alert-border-color: var(--bs-warning-border-subtle);
--bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle);
--bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
--bs-alert-color: var(--bs-light-text-emphasis);
--bs-alert-bg: var(--bs-light-bg-subtle);
--bs-alert-border-color: var(--bs-light-border-subtle);
--bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
--bs-alert-color: var(--bs-dark-text-emphasis);
--bs-alert-bg: var(--bs-dark-bg-subtle);
--bs-alert-border-color: var(--bs-dark-border-subtle);
--bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress, .progress-stacked {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: white;
--bs-progress-bar-bg: #e87532;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
width: 100%;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.list-group {
--bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: white;
--bs-list-group-active-bg: #e87532;
--bs-list-group-active-border-color: #e87532;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary-text-emphasis);
--bs-list-group-bg: var(--bs-primary-bg-subtle);
--bs-list-group-border-color: var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
--bs-list-group-active-color: var(--bs-primary-bg-subtle);
--bs-list-group-active-bg: var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
--bs-list-group-color: var(--bs-secondary-text-emphasis);
--bs-list-group-bg: var(--bs-secondary-bg-subtle);
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
--bs-list-group-active-color: var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
--bs-list-group-color: var(--bs-success-text-emphasis);
--bs-list-group-bg: var(--bs-success-bg-subtle);
--bs-list-group-border-color: var(--bs-success-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-success-border-subtle);
--bs-list-group-active-color: var(--bs-success-bg-subtle);
--bs-list-group-active-bg: var(--bs-success-text-emphasis);
--bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
--bs-list-group-color: var(--bs-info-text-emphasis);
--bs-list-group-bg: var(--bs-info-bg-subtle);
--bs-list-group-border-color: var(--bs-info-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-info-border-subtle);
--bs-list-group-active-color: var(--bs-info-bg-subtle);
--bs-list-group-active-bg: var(--bs-info-text-emphasis);
--bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
--bs-list-group-color: var(--bs-warning-text-emphasis);
--bs-list-group-bg: var(--bs-warning-bg-subtle);
--bs-list-group-border-color: var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
--bs-list-group-active-color: var(--bs-warning-bg-subtle);
--bs-list-group-active-bg: var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
--bs-list-group-color: var(--bs-danger-text-emphasis);
--bs-list-group-bg: var(--bs-danger-bg-subtle);
--bs-list-group-border-color: var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
--bs-list-group-active-color: var(--bs-danger-bg-subtle);
--bs-list-group-active-bg: var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
--bs-list-group-color: var(--bs-light-text-emphasis);
--bs-list-group-bg: var(--bs-light-bg-subtle);
--bs-list-group-border-color: var(--bs-light-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-light-border-subtle);
--bs-list-group-active-color: var(--bs-light-bg-subtle);
--bs-list-group-active-bg: var(--bs-light-text-emphasis);
--bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
--bs-list-group-color: var(--bs-dark-text-emphasis);
--bs-list-group-bg: var(--bs-dark-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
--bs-list-group-active-color: var(--bs-dark-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(232, 117, 50, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: var(--bs-btn-close-color);
background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme="dark"] .btn-close {
filter: var(--bs-btn-close-white-filter);
}
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-border-width: var(--bs-border-width);
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: var(--bs-border-radius);
--bs-toast-box-shadow: var(--bs-box-shadow);
--bs-toast-header-color: var(--bs-secondary-color);
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-header-border-color: var(--bs-border-color-translucent);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
margin-right: calc(-.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x);
}
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word;
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-box-shadow: var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity);
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height);
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding);
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * .5);
}
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: var(--bs-box-shadow);
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm {
--bs-modal-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg, .modal-xl {
--bs-modal-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
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(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
left: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
right: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius);
}
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
--bs-popover-box-shadow: var(--bs-box-shadow);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: var(--bs-body-color);
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
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(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-.5 * var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color);
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: white;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev, .carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
color: white;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name" : "prev-next",
"search" : "prev",
"replace" : "next"
} ]
} */
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: white;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: white;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon, [data-bs-theme="dark"].carousel .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
background-color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption {
color: #000;
}
.spinner-grow, .spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent;
}
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0;
}
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border, .spinner-grow {
--bs-spinner-animation-speed: 1.5s;
}
}
.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
--bs-offcanvas-transition: transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
transform: none;
}
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
visibility: visible;
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
transition: none;
}
}
@media (min-width: 576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
display: none;
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
transform: none;
}
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
visibility: visible;
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
transition: none;
}
}
@media (min-width: 768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
display: none;
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
transform: none;
}
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
visibility: visible;
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
transition: none;
}
}
@media (min-width: 992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
display: none;
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
transform: none;
}
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
visibility: visible;
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
transition: none;
}
}
@media (min-width: 1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
display: none;
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
transform: none;
}
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
visibility: visible;
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
transition: none;
}
}
@media (min-width: 1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
display: none;
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
visibility: visible;
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: 0.5;
}
.placeholder.btn::before, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .placeholder.jd-form-button::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.text-bg-primary {
color: #000 !important;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
color: #000 !important;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
color: #000 !important;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
color: white !important;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
color: #000 !important;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
color: #000 !important;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
color: #000 !important;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
color: white !important;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
color: rgba(237, 145, 91, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(237, 145, 91, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
color: rgba(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
color: rgba(51, 185, 235, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(51, 185, 235, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
color: rgba(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
color: rgba(72, 201, 176, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(72, 201, 176, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
color: rgba(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
color: rgba(169, 49, 41, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(169, 49, 41, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
color: rgba(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
color: rgba(237, 145, 91, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(237, 145, 91, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
color: rgba(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
color: rgba(229, 126, 128, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(229, 126, 128, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
color: rgba(245, 245, 245, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(245, 245, 245, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
color: rgba(41, 41, 41, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(41, 41, 41, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
display: inline-flex;
gap: 0.375rem;
align-items: center;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-underline-offset: 0.25em;
backface-visibility: hidden;
}
.icon-link > .bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
.icon-link > .bi {
transition: none;
}
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
--bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
--bs-aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: 0.25;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.object-fit-contain {
object-fit: contain !important;
}
.object-fit-cover {
object-fit: cover !important;
}
.object-fit-fill {
object-fit: fill !important;
}
.object-fit-scale {
object-fit: scale-down !important;
}
.object-fit-none {
object-fit: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.overflow-x-auto {
overflow-x: auto !important;
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.overflow-x-visible {
overflow-x: visible !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.overflow-y-visible {
overflow-y: visible !important;
}
.overflow-y-scroll {
overflow-y: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow, .card-layout, .article-wraper-inner {
box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
box-shadow: none !important;
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border, .border-layout, .review-head {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.border-opacity-10 {
--bs-border-opacity: 0.1;
}
.border-opacity-25 {
--bs-border-opacity: 0.25;
}
.border-opacity-50 {
--bs-border-opacity: 0.5;
}
.border-opacity-75 {
--bs-border-opacity: 0.75;
}
.border-opacity-100 {
--bs-border-opacity: 1;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5, .relatedposts-wrap {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4, .border-layout {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3, .border-layout {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.row-gap-0 {
row-gap: 0 !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.row-gap-3 {
row-gap: 1rem !important;
}
.row-gap-4 {
row-gap: 1.5rem !important;
}
.row-gap-5 {
row-gap: 3rem !important;
}
.column-gap-0 {
column-gap: 0 !important;
}
.column-gap-1 {
column-gap: 0.25rem !important;
}
.column-gap-2 {
column-gap: 0.5rem !important;
}
.column-gap-3 {
column-gap: 1rem !important;
}
.column-gap-4 {
column-gap: 1.5rem !important;
}
.column-gap-5 {
column-gap: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
--bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
--bs-link-opacity: 0.1;
}
.link-opacity-25 {
--bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
--bs-link-opacity: 0.25;
}
.link-opacity-50 {
--bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
--bs-link-opacity: 0.5;
}
.link-opacity-75 {
--bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
--bs-link-opacity: 0.75;
}
.link-opacity-100 {
--bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1;
}
.link-offset-1 {
text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
text-underline-offset: 0.125em !important;
}
.link-offset-2 {
text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
text-underline-offset: 0.25em !important;
}
.link-offset-3 {
text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
text-underline-offset: 0.375em !important;
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity: 1;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
user-select: all !important;
}
.user-select-auto {
user-select: auto !important;
}
.user-select-none {
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded, .border-layout {
border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important;
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.z-n1 {
z-index: -1 !important;
}
.z-0 {
z-index: 0 !important;
}
.z-1 {
z-index: 1 !important;
}
.z-2 {
z-index: 2 !important;
}
.z-3 {
z-index: 3 !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.object-fit-sm-contain {
object-fit: contain !important;
}
.object-fit-sm-cover {
object-fit: cover !important;
}
.object-fit-sm-fill {
object-fit: fill !important;
}
.object-fit-sm-scale {
object-fit: scale-down !important;
}
.object-fit-sm-none {
object-fit: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.row-gap-sm-0 {
row-gap: 0 !important;
}
.row-gap-sm-1 {
row-gap: 0.25rem !important;
}
.row-gap-sm-2 {
row-gap: 0.5rem !important;
}
.row-gap-sm-3 {
row-gap: 1rem !important;
}
.row-gap-sm-4 {
row-gap: 1.5rem !important;
}
.row-gap-sm-5 {
row-gap: 3rem !important;
}
.column-gap-sm-0 {
column-gap: 0 !important;
}
.column-gap-sm-1 {
column-gap: 0.25rem !important;
}
.column-gap-sm-2 {
column-gap: 0.5rem !important;
}
.column-gap-sm-3 {
column-gap: 1rem !important;
}
.column-gap-sm-4 {
column-gap: 1.5rem !important;
}
.column-gap-sm-5 {
column-gap: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.object-fit-md-contain {
object-fit: contain !important;
}
.object-fit-md-cover {
object-fit: cover !important;
}
.object-fit-md-fill {
object-fit: fill !important;
}
.object-fit-md-scale {
object-fit: scale-down !important;
}
.object-fit-md-none {
object-fit: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.row-gap-md-0 {
row-gap: 0 !important;
}
.row-gap-md-1 {
row-gap: 0.25rem !important;
}
.row-gap-md-2 {
row-gap: 0.5rem !important;
}
.row-gap-md-3 {
row-gap: 1rem !important;
}
.row-gap-md-4 {
row-gap: 1.5rem !important;
}
.row-gap-md-5 {
row-gap: 3rem !important;
}
.column-gap-md-0 {
column-gap: 0 !important;
}
.column-gap-md-1 {
column-gap: 0.25rem !important;
}
.column-gap-md-2 {
column-gap: 0.5rem !important;
}
.column-gap-md-3 {
column-gap: 1rem !important;
}
.column-gap-md-4 {
column-gap: 1.5rem !important;
}
.column-gap-md-5 {
column-gap: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.object-fit-lg-contain {
object-fit: contain !important;
}
.object-fit-lg-cover {
object-fit: cover !important;
}
.object-fit-lg-fill {
object-fit: fill !important;
}
.object-fit-lg-scale {
object-fit: scale-down !important;
}
.object-fit-lg-none {
object-fit: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.row-gap-lg-0 {
row-gap: 0 !important;
}
.row-gap-lg-1 {
row-gap: 0.25rem !important;
}
.row-gap-lg-2 {
row-gap: 0.5rem !important;
}
.row-gap-lg-3 {
row-gap: 1rem !important;
}
.row-gap-lg-4 {
row-gap: 1.5rem !important;
}
.row-gap-lg-5 {
row-gap: 3rem !important;
}
.column-gap-lg-0 {
column-gap: 0 !important;
}
.column-gap-lg-1 {
column-gap: 0.25rem !important;
}
.column-gap-lg-2 {
column-gap: 0.5rem !important;
}
.column-gap-lg-3 {
column-gap: 1rem !important;
}
.column-gap-lg-4 {
column-gap: 1.5rem !important;
}
.column-gap-lg-5 {
column-gap: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.object-fit-xl-contain {
object-fit: contain !important;
}
.object-fit-xl-cover {
object-fit: cover !important;
}
.object-fit-xl-fill {
object-fit: fill !important;
}
.object-fit-xl-scale {
object-fit: scale-down !important;
}
.object-fit-xl-none {
object-fit: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.row-gap-xl-0 {
row-gap: 0 !important;
}
.row-gap-xl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xl-3 {
row-gap: 1rem !important;
}
.row-gap-xl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xl-5 {
row-gap: 3rem !important;
}
.column-gap-xl-0 {
column-gap: 0 !important;
}
.column-gap-xl-1 {
column-gap: 0.25rem !important;
}
.column-gap-xl-2 {
column-gap: 0.5rem !important;
}
.column-gap-xl-3 {
column-gap: 1rem !important;
}
.column-gap-xl-4 {
column-gap: 1.5rem !important;
}
.column-gap-xl-5 {
column-gap: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.object-fit-xxl-contain {
object-fit: contain !important;
}
.object-fit-xxl-cover {
object-fit: cover !important;
}
.object-fit-xxl-fill {
object-fit: fill !important;
}
.object-fit-xxl-scale {
object-fit: scale-down !important;
}
.object-fit-xxl-none {
object-fit: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-inline-grid {
display: inline-grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.row-gap-xxl-0 {
row-gap: 0 !important;
}
.row-gap-xxl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xxl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xxl-3 {
row-gap: 1rem !important;
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xxl-5 {
row-gap: 3rem !important;
}
.column-gap-xxl-0 {
column-gap: 0 !important;
}
.column-gap-xxl-1 {
column-gap: 0.25rem !important;
}
.column-gap-xxl-2 {
column-gap: 0.5rem !important;
}
.column-gap-xxl-3 {
column-gap: 1rem !important;
}
.column-gap-xxl-4 {
column-gap: 1.5rem !important;
}
.column-gap-xxl-5 {
column-gap: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-inline-grid {
display: inline-grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
html {
background-color: var(--bs-body-bg);
}
a {
color: var(--bs-link-color);
}
a:hover {
--bs-link-color: var(--bs-link-hover-color);
}
.d-none[hidden] {
display: none !important;
}
.d-inline[hidden] {
display: none !important;
}
.d-inline-block[hidden] {
display: none !important;
}
.d-block[hidden] {
display: none !important;
}
.d-table[hidden] {
display: none !important;
}
.d-table-row[hidden] {
display: none !important;
}
.d-table-cell[hidden] {
display: none !important;
}
.d-flex[hidden] {
display: none !important;
}
.d-inline-flex[hidden] {
display: none !important;
}
@media (min-width: 576px) {
.d-sm-none[hidden] {
display: none !important;
}
.d-sm-inline[hidden] {
display: none !important;
}
.d-sm-inline-block[hidden] {
display: none !important;
}
.d-sm-block[hidden] {
display: none !important;
}
.d-sm-table[hidden] {
display: none !important;
}
.d-sm-table-row[hidden] {
display: none !important;
}
.d-sm-table-cell[hidden] {
display: none !important;
}
.d-sm-flex[hidden] {
display: none !important;
}
.d-sm-inline-flex[hidden] {
display: none !important;
}
}
@media (min-width: 768px) {
.d-md-none[hidden] {
display: none !important;
}
.d-md-inline[hidden] {
display: none !important;
}
.d-md-inline-block[hidden] {
display: none !important;
}
.d-md-block[hidden] {
display: none !important;
}
.d-md-table[hidden] {
display: none !important;
}
.d-md-table-row[hidden] {
display: none !important;
}
.d-md-table-cell[hidden] {
display: none !important;
}
.d-md-flex[hidden] {
display: none !important;
}
.d-md-inline-flex[hidden] {
display: none !important;
}
}
@media (min-width: 992px) {
.d-lg-none[hidden] {
display: none !important;
}
.d-lg-inline[hidden] {
display: none !important;
}
.d-lg-inline-block[hidden] {
display: none !important;
}
.d-lg-block[hidden] {
display: none !important;
}
.d-lg-table[hidden] {
display: none !important;
}
.d-lg-table-row[hidden] {
display: none !important;
}
.d-lg-table-cell[hidden] {
display: none !important;
}
.d-lg-flex[hidden] {
display: none !important;
}
.d-lg-inline-flex[hidden] {
display: none !important;
}
}
@media (min-width: 1200px) {
.d-xl-none[hidden] {
display: none !important;
}
.d-xl-inline[hidden] {
display: none !important;
}
.d-xl-inline-block[hidden] {
display: none !important;
}
.d-xl-block[hidden] {
display: none !important;
}
.d-xl-table[hidden] {
display: none !important;
}
.d-xl-table-row[hidden] {
display: none !important;
}
.d-xl-table-cell[hidden] {
display: none !important;
}
.d-xl-flex[hidden] {
display: none !important;
}
.d-xl-inline-flex[hidden] {
display: none !important;
}
}
@media (min-width: 1400px) {
.d-xxl-none[hidden] {
display: none !important;
}
.d-xxl-inline[hidden] {
display: none !important;
}
.d-xxl-inline-block[hidden] {
display: none !important;
}
.d-xxl-block[hidden] {
display: none !important;
}
.d-xxl-table[hidden] {
display: none !important;
}
.d-xxl-table-row[hidden] {
display: none !important;
}
.d-xxl-table-cell[hidden] {
display: none !important;
}
.d-xxl-flex[hidden] {
display: none !important;
}
.d-xxl-inline-flex[hidden] {
display: none !important;
}
}
@media (min-width: 640px) {
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
--bs-gutter-x: 2rem;
}
}
@media (min-width: 960px) {
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
--bs-gutter-x: 3rem;
}
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.form-group, #adminForm .controls {
margin-bottom: 1rem;
}
.as-light {
color: #ffffff !important;
}
.as-light a, .as-light span, .as-light i {
color: #ffffff !important;
}
.as-light h1, .as-light .h1, .as-light h2, .as-light .h2, .as-light h3, .as-light .h3, .as-light h4, .as-light .h4, .as-light h5, .as-light .h5, .as-light h6, .as-light .h6 {
color: #ffffff !important;
}
.as-light h1 > a, .as-light .h1 > a, .as-light h2 > a, .as-light .h2 > a, .as-light h3 > a, .as-light .h3 > a, .as-light h4 > a, .as-light .h4 > a, .as-light h5 > a, .as-light .h5 > a, .as-light h6 > a, .as-light .h6 > a {
color: #ffffff !important;
}
.as-light .carousel-caption {
color: #ffffff !important;
}
.as-dark {
color: #1a1a1a !important;
}
.as-dark a {
color: #1a1a1a !important;
}
.as-dark h1, .as-dark .h1, .as-dark h2, .as-dark .h2, .as-dark h3, .as-dark .h3, .as-dark h4, .as-dark .h4, .as-dark h5, .as-dark .h5, .as-dark h6, .as-dark .h6 {
color: #1a1a1a !important;
}
.as-dark h1 > a, .as-dark .h1 > a, .as-dark h2 > a, .as-dark .h2 > a, .as-dark h3 > a, .as-dark .h3 > a, .as-dark h4 > a, .as-dark .h4 > a, .as-dark h5 > a, .as-dark .h5 > a, .as-dark h6 > a, .as-dark .h6 > a {
color: #1a1a1a !important;
}
.as-dark .carousel-caption {
color: #1a1a1a !important;
}
.as-dark .carousel-control-next-icon, .as-dark .carousel-control-prev-icon {
filter: invert(1) grayscale(100);
}
.astroid-color-mode .form-switch .form-check-input {
width: 2.8em;
height: 1.5em;
border-width: 3px;
cursor: pointer;
}
.astroid-color-mode .form-switch .form-check-input:not(:checked) {
--bs-form-switch-bg: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxwYXRoIGQ9Ik0yNTYsMTQ0Yy02MS43NSwwLTExMiw1MC4yNS0xMTIsMTEyYzAsNjEuNzQ5LDUwLjI1LDExMiwxMTIsMTEyczExMi01MC4yNTEsMTEyLTExMiAgICBDMzY4LDE5NC4yNSwzMTcuNzUsMTQ0LDI1NiwxNDR6IE0yNTYsMTEyYzguODMzLDAsMTYtNy4xNDYsMTYtMTZWNjRjMC04LjgzMy03LjE2Ny0xNi0xNi0xNmMtOC44NTQsMC0xNiw3LjE2Ny0xNiwxNnYzMiAgICBDMjQwLDEwNC44NTQsMjQ3LjE0NiwxMTIsMjU2LDExMnogTTI1Niw0MDBjLTguODU0LDAtMTYsNy4xNjctMTYsMTZ2MzJjMCw4Ljg1NCw3LjE0NiwxNiwxNiwxNmM4LjgzMywwLDE2LTcuMTQ2LDE2LTE2di0zMiAgICBDMjcyLDQwNy4xNjcsMjY0LjgzMyw0MDAsMjU2LDQwMHogTTM4MC40MTcsMTU0LjE2N2wyMi42MjUtMjIuNjI1YzYuMjUtNi4yNSw2LjI1LTE2LjM3NSwwLTIyLjYyNSAgICBjLTYuMjUxLTYuMjUtMTYuMzc1LTYuMjUtMjIuNjI1LDBsLTIyLjYyNSwyMi42MjVjLTYuMjUxLDYuMjUtNi4yNTEsMTYuMzc1LDAsMjIuNjI1ICAgIEMzNjQuMDQyLDE2MC40MTYsMzc0LjE2NiwxNjAuNDE2LDM4MC40MTcsMTU0LjE2N3ogTTEzMS41NDEsMzU3Ljg1NGwtMjIuNjIzLDIyLjYyNWMtNi4yNTIsNi4yNS02LjI1MiwxNi4zNzcsMCwyMi42MjUgICAgYzYuMjQ5LDYuMjUsMTYuMzczLDYuMjUsMjIuNjIzLDBsMjIuNjI1LTIyLjYyNWM2LjI1MS02LjI5MSw2LjI1MS0xNi4zNzUsMC0yMi42MjUgICAgQzE0Ny45MTcsMzUxLjYwNCwxMzcuNzkyLDM1MS41NjIsMTMxLjU0MSwzNTcuODU0eiBNMTEyLDI1NmMwLTguODMzLTcuMTY3LTE2LTE2LTE2SDY0Yy04Ljg1NCwwLTE2LDcuMTY3LTE2LDE2ICAgIGMwLDguODU0LDcuMTQ2LDE2LDE2LDE2aDMyQzEwNC44MzMsMjcyLDExMiwyNjQuODU0LDExMiwyNTZ6IE00NDgsMjQwaC0zMmMtOC44NTQsMC0xNiw3LjE2Ny0xNiwxNmMwLDguODU0LDcuMTQ2LDE2LDE2LDE2aDMyICAgIGM4LjgzMywwLDE2LTcuMTQ2LDE2LTE2QzQ2NCwyNDcuMTY3LDQ1Ni44MzMsMjQwLDQ0OCwyNDB6IE0xMzEuNTIxLDE1NC4xNjdjNi4yNDksNi4yNSwxNi4zNzUsNi4yNSwyMi42MjUsMCAgICBjNi4yNDktNi4yNSw2LjI0OS0xNi4zNzUsMC0yMi42MjVsLTIyLjYyNS0yMi42MjVjLTYuMjUtNi4yNS0xNi4zNzYtNi4yNS0yMi42MjUsMGMtNi4yNSw2LjI1LTYuMjUsMTYuMzc1LDAsMjIuNjI1ICAgIEwxMzEuNTIxLDE1NC4xNjd6IE0zODAuNDU5LDM1Ny44MTJjLTYuMjkzLTYuMjUtMTYuMzc2LTYuMjUtMjIuNjI1LDBjLTYuMjUsNi4yNDgtNi4yOTMsMTYuMzc1LDAsMjIuNjI1bDIyLjYyNSwyMi42MjUgICAgYzYuMjQ5LDYuMjQ4LDE2LjM3NCw2LjI0OCwyMi42MjUsMGM2LjI0OS02LjI1LDYuMjQ5LTE2LjM3NywwLTIyLjYyNUwzODAuNDU5LDM1Ny44MTJ6IiBmaWxsPSIjMUQxRDFCIi8+PC9nPjwvZz48L3N2Zz4=");
}
.astroid-color-mode .form-switch .form-check-input:not(:checked):focus {
--bs-form-switch-bg: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxwYXRoIGQ9Ik0yNTYsMTQ0Yy02MS43NSwwLTExMiw1MC4yNS0xMTIsMTEyYzAsNjEuNzQ5LDUwLjI1LDExMiwxMTIsMTEyczExMi01MC4yNTEsMTEyLTExMiAgICBDMzY4LDE5NC4yNSwzMTcuNzUsMTQ0LDI1NiwxNDR6IE0yNTYsMTEyYzguODMzLDAsMTYtNy4xNDYsMTYtMTZWNjRjMC04LjgzMy03LjE2Ny0xNi0xNi0xNmMtOC44NTQsMC0xNiw3LjE2Ny0xNiwxNnYzMiAgICBDMjQwLDEwNC44NTQsMjQ3LjE0NiwxMTIsMjU2LDExMnogTTI1Niw0MDBjLTguODU0LDAtMTYsNy4xNjctMTYsMTZ2MzJjMCw4Ljg1NCw3LjE0NiwxNiwxNiwxNmM4LjgzMywwLDE2LTcuMTQ2LDE2LTE2di0zMiAgICBDMjcyLDQwNy4xNjcsMjY0LjgzMyw0MDAsMjU2LDQwMHogTTM4MC40MTcsMTU0LjE2N2wyMi42MjUtMjIuNjI1YzYuMjUtNi4yNSw2LjI1LTE2LjM3NSwwLTIyLjYyNSAgICBjLTYuMjUxLTYuMjUtMTYuMzc1LTYuMjUtMjIuNjI1LDBsLTIyLjYyNSwyMi42MjVjLTYuMjUxLDYuMjUtNi4yNTEsMTYuMzc1LDAsMjIuNjI1ICAgIEMzNjQuMDQyLDE2MC40MTYsMzc0LjE2NiwxNjAuNDE2LDM4MC40MTcsMTU0LjE2N3ogTTEzMS41NDEsMzU3Ljg1NGwtMjIuNjIzLDIyLjYyNWMtNi4yNTIsNi4yNS02LjI1MiwxNi4zNzcsMCwyMi42MjUgICAgYzYuMjQ5LDYuMjUsMTYuMzczLDYuMjUsMjIuNjIzLDBsMjIuNjI1LTIyLjYyNWM2LjI1MS02LjI5MSw2LjI1MS0xNi4zNzUsMC0yMi42MjUgICAgQzE0Ny45MTcsMzUxLjYwNCwxMzcuNzkyLDM1MS41NjIsMTMxLjU0MSwzNTcuODU0eiBNMTEyLDI1NmMwLTguODMzLTcuMTY3LTE2LTE2LTE2SDY0Yy04Ljg1NCwwLTE2LDcuMTY3LTE2LDE2ICAgIGMwLDguODU0LDcuMTQ2LDE2LDE2LDE2aDMyQzEwNC44MzMsMjcyLDExMiwyNjQuODU0LDExMiwyNTZ6IE00NDgsMjQwaC0zMmMtOC44NTQsMC0xNiw3LjE2Ny0xNiwxNmMwLDguODU0LDcuMTQ2LDE2LDE2LDE2aDMyICAgIGM4LjgzMywwLDE2LTcuMTQ2LDE2LTE2QzQ2NCwyNDcuMTY3LDQ1Ni44MzMsMjQwLDQ0OCwyNDB6IE0xMzEuNTIxLDE1NC4xNjdjNi4yNDksNi4yNSwxNi4zNzUsNi4yNSwyMi42MjUsMCAgICBjNi4yNDktNi4yNSw2LjI0OS0xNi4zNzUsMC0yMi42MjVsLTIyLjYyNS0yMi42MjVjLTYuMjUtNi4yNS0xNi4zNzYtNi4yNS0yMi42MjUsMGMtNi4yNSw2LjI1LTYuMjUsMTYuMzc1LDAsMjIuNjI1ICAgIEwxMzEuNTIxLDE1NC4xNjd6IE0zODAuNDU5LDM1Ny44MTJjLTYuMjkzLTYuMjUtMTYuMzc2LTYuMjUtMjIuNjI1LDBjLTYuMjUsNi4yNDgtNi4yOTMsMTYuMzc1LDAsMjIuNjI1bDIyLjYyNSwyMi42MjUgICAgYzYuMjQ5LDYuMjQ4LDE2LjM3NCw2LjI0OCwyMi42MjUsMGM2LjI0OS02LjI1LDYuMjQ5LTE2LjM3NywwLTIyLjYyNUwzODAuNDU5LDM1Ny44MTJ6IiBmaWxsPSIjMUQxRDFCIi8+PC9nPjwvZz48L3N2Zz4=");
}
.astroid-color-mode .form-switch .form-check-input:checked {
--bs-form-switch-bg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDExLjgwN0E5LjAwMiA5LjAwMiAwIDAgMSAxMC4wNDkgMmE5Ljk0MiA5Ljk0MiAwIDAgMC01LjEyIDIuNzM1Yy0zLjkwNSAzLjkwNS0zLjkwNSAxMC4yMzcgMCAxNC4xNDIgMy45MDYgMy45MDYgMTAuMjM3IDMuOTA1IDE0LjE0MyAwYTkuOTQ2IDkuOTQ2IDAgMCAwIDIuNzM1LTUuMTE5QTkuMDAzIDkuMDAzIDAgMCAxIDEyIDExLjgwN3oiIGZpbGw9IiNmZmZmZmYiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==");
}
.astroid-color-mode .form-switch .form-check-input:checked:focus {
--bs-form-switch-bg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDExLjgwN0E5LjAwMiA5LjAwMiAwIDAgMSAxMC4wNDkgMmE5Ljk0MiA5Ljk0MiAwIDAgMC01LjEyIDIuNzM1Yy0zLjkwNSAzLjkwNS0zLjkwNSAxMC4yMzcgMCAxNC4xNDIgMy45MDYgMy45MDYgMTAuMjM3IDMuOTA1IDE0LjE0MyAwYTkuOTQ2IDkuOTQ2IDAgMCAwIDIuNzM1LTUuMTE5QTkuMDAzIDkuMDAzIDAgMCAxIDEyIDExLjgwN3oiIGZpbGw9IiNmZmZmZmYiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==");
}
.error-page {
min-height: 100vh;
display: flex;
align-items: center;
padding: 30px 0px;
}
.invalid {
border-color: #B94A48;
background: #F2DEDE;
}
label.invalid, label.required span {
color: #B94A48;
background: none;
}
/*
* Body Wrapper
*/
html, body, .astroid-container, .astroid-content, .astroid-layout, .astroid-wrapper {
min-height: 100vh;
}
a {
transition: color 400ms, background-color 400ms;
}
a:hover {
text-decoration: none;
}
img {
width: auto\9 ;
height: auto;
max-width: 100%;
display: inline-block;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.hero-section {
padding: 50px 0;
}
.navHorizontalView li {
margin: 0 10px;
}
.navHorizontalView li:first-child {
margin-left: 0;
}
.navHorizontalView li:last-child {
margin-right: 0;
}
::selection {
background-color: #e87532;
color: white;
}
.moduletable {
margin: 0.5rem 0;
padding: 0.5rem 0;
}
.moduletable:first-child {
margin-top: 0;
padding-top: 0;
}
.moduletable:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.astroid-container {
position: relative;
}
.astroid-component-section {
padding: 50px 0;
}
.com-jdbuilder .astroid-component-section {
padding: 0;
}
.astroid-layout {
position: relative;
}
.astroid-layout .astroid-wrapper {
position: relative;
display: flex;
flex-direction: column;
}
.astroid-layout.astroid-layout-boxed .astroid-wrapper {
max-width: 1140px;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
background-color: var(--bs-body-bg);
}
.sticky-footer {
margin-top: auto !important;
}
.astroid-content {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.astroid-content:after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.8);
content: "";
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
z-index: 1050;
}
.astroid-content.has-sidebar {
min-width: 1%;
}
.astroid-offcanvas-opened .astroid-content {
z-index: 1025;
}
.astroid-element-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
background-repeat: repeat;
}
.astroid-element-overlay > div {
position: relative;
z-index: 1;
}
blockquote {
border-left: 5px solid #ddd;
padding-left: 20px;
font-style: italic;
font-weight: 600;
}
.no-container > .container {
width: 100%;
max-width: 100%;
padding: 0;
}
.custom-container {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;
}
.module-title {
margin-bottom: 15px;
}
.split-title-module .split-title [class*="split-"] {
display: block;
font-size: 18px;
font-weight: normal;
}
.split-title-module .split-title [class*="split-1"] {
font-size: inherit;
font-weight: inherit;
}
div.search input {
border-radius: 0;
}
div.search input.button {
object-fit: none;
}
div.search .radio {
margin-right: 8px;
}
div.search .radio input {
margin-right: 3px;
}
div.search .checkbox {
margin-right: 8px;
}
ul.fa-ul {
margin-left: 25px;
}
.breadcrumb li span.divider:before {
display: none;
}
.astroid-nav .megamenu-container a.nav-link.megamenu-title:hover {
background-color: inherit !important;
color: currentColor !important;
}
/* Header Section */
.astroid-header-section {
width: 100%;
left: 0;
z-index: 1002;
background-color: var(--as-header-bg);
/* Header Element */
/* Sticky Header */
}
.astroid-header-section header {
/* Stacked Header */
/* Divided left Header */
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
padding: 15px 0;
z-index: 1;
}
.astroid-header-section header.astroid-stacked-divided-header:not(.astroid-header-sticky) {
padding: 0;
}
.astroid-header-section header.astroid-stacked-divided-header:not(.astroid-header-sticky) .as-megamenu-section {
border-top: 1px solid var(--bs-border-color);
}
.astroid-header-section header.astroid-stacked-divided-header:not(.astroid-header-sticky) .as-megamenu-section .megamenu-container {
margin-top: -1px;
}
.astroid-header-section header.header-stacked {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none;
background-color: #fff;
z-index: 1000;
}
.astroid-header-section header.astroid-stacked-divided-logo-left-header:not(.astroid-header-sticky) {
padding: 0;
}
.astroid-header-section header.astroid-stacked-divided-logo-left-header:not(.astroid-header-sticky) .divided-menu-block {
flex: auto;
display: flex;
flex-direction: column;
}
.astroid-header-section header.astroid-stacked-divided-logo-left-header:not(.astroid-header-sticky) .divided-menu-block > div {
padding-left: 40px;
padding-right: 40px;
}
.astroid-header-section header.astroid-stacked-divided-logo-left-header:not(.astroid-header-sticky) .header-block-items > div > div {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.astroid-header-section header .header-block-item {
margin-left: -20px;
}
.astroid-header-section header .header-block-item > div {
padding-left: 20px;
}
.astroid-header-section .astroid-header-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: var(--as-stick-header-bg-color);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 1020;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
}
.astroid-header-section .astroid-header-sticky > div {
padding-top: 10px;
padding-bottom: 10px;
}
.astroid-header-section .astroid-header-sticky.d-flex {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-default {
display: none !important;
}
@media (min-width: 768px) {
.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]) {
display: block !important;
}
.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]).dark {
display: none !important;
}
}
.astroid-header-section .astroid-stacked-seperated-header .header-stacked-inner {
padding: 20px 0;
}
.astroid-header-section .header-left-section.flex-grow-1 > div, .astroid-header-section .header-center-section.flex-grow-1 > div, .astroid-header-section .header-right-section.flex-grow-1 > div {
width: max-content;
}
header .logo-wrapper {
align-self: center;
}
header .logo-wrapper .site-tagline {
font-size: 0.8rem;
margin: 0;
line-height: 1;
}
@media (max-width: 767.98px) {
.astroid-logo .astroid-logo-default {
display: none !important;
}
.astroid-logo .astroid-logo-default.dark {
display: none !important;
}
}
.astroid-logo .astroid-logo-default, .astroid-logo .astroid-logo-mobile, .astroid-logo .astroid-logo-sticky {
max-width: 250px;
max-height: 65px;
}
.astroid-logo .astroid-logo-mobile {
max-width: 100%;
display: none;
}
@media (max-width: 767.98px) {
.astroid-logo .astroid-logo-mobile {
display: block;
}
}
.astroid-logo .astroid-logo-sticky {
display: none;
}
.astroid-logo-default.dark {
display: none;
}
@media (min-width: 768px) {
[data-bs-theme="dark"] .astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]) {
display: none !important;
}
[data-bs-theme="dark"] .astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]).dark {
display: block !important;
}
}
@media (max-width: 767.98px) {
[data-bs-theme="dark"] .astroid-logo-mobile {
display: none !important;
}
[data-bs-theme="dark"] .astroid-logo-mobile.dark {
display: block !important;
}
}
[data-bs-theme="dark"] .astroid-logo-default {
display: none;
}
[data-bs-theme="dark"] .astroid-logo-default.dark {
display: block;
}
.fixed-header .astroid-logo .astroid-logo-default, .fixed-header .astroid-logo .astroid-logo-mobile {
display: none;
}
.fixed-header .astroid-logo .astroid-logo-sticky {
display: block;
}
.astroid-stacked-seperated-header .astroid-logo-image img {
margin: auto;
}
@media (max-width: 1200px) {
.divided-logo-left.g-0 {
margin-left: 0;
margin-right: 0;
}
.divided-logo-left.g-0 > div {
padding-left: 0;
padding-right: 0;
}
}
/* Sidebar Header */
.astroid-header {
color: var(--as-header-text-color);
}
.astroid-header h1, .astroid-header .h1, .astroid-header h2, .astroid-header .h2, .astroid-header h3, .astroid-header .h3, .astroid-header h4, .astroid-header .h4, .astroid-header h5, .astroid-header .h5, .astroid-header h6, .astroid-header .h6, .astroid-header .megamenu-container .item-link-heading {
color: var(--as-header-heading-color);
}
.astroid-header a {
color: var(--as-header-link-color);
}
.astroid-header a:hover {
--as-header-link-color: var(--as-header-link-hover-color);
}
.astroid-header.has-sidebar {
z-index: 1;
transition: 0.1s linear all;
}
.astroid-header.has-sidebar.sidebar-dir-left {
border-right: 1px solid var(--bs-border-color);
}
@media (max-width: 1200px) {
.astroid-header.has-sidebar.sidebar-dir-left {
border-right: none;
}
}
.astroid-header.has-sidebar.sidebar-dir-right {
border-left: 1px solid var(--bs-border-color);
}
@media (max-width: 1200px) {
.astroid-header.has-sidebar.sidebar-dir-right {
border-left: none;
}
}
.astroid-header.has-sidebar > .astroid-sidebar-content {
min-height: 100vh;
}
@media (min-width: 1200px) {
.astroid-header.has-sidebar > .astroid-sidebar-content {
width: 320px;
}
}
@media (max-width: 1200px) {
.astroid-header.has-sidebar > .astroid-sidebar-content {
min-height: auto;
}
}
.astroid-header.has-sidebar > .container {
height: 100%;
}
.astroid-header.has-sidebar > .container > .row {
height: 100%;
}
.astroid-header.has-sidebar > .container > .row .astroid-column > div {
height: 100%;
}
.astroid-header.has-sidebar .astroid-logo {
margin: 0 auto !important;
}
.astroid-header.has-sidebar .astroid-sidebar-mobile-menu {
display: none;
}
@media (min-width: 1200px) {
.astroid-header .astroid-sidebar-content {
display: flex;
flex-direction: column;
}
.astroid-header .astroid-sidebar-block:not(.astroid-sidebar-block-1) {
margin-top: auto;
}
.astroid-header .astroid-sidebar-block-1 {
margin-bottom: auto;
}
}
@media (max-width: 1200px) {
.astroid-header.has-sidebar .astroid-sidebar-content {
display: block;
width: 100%;
position: relative;
padding: 15px 20px;
}
.astroid-header.has-sidebar .astroid-sidebar-mobile-menu {
display: block;
margin-right: 20px;
}
.astroid-header.has-sidebar .astroid-sidebar-logo {
display: flex;
align-items: center;
}
}
.astroid-header .dropdown-menus {
max-width: 320px;
}
.astroid-header .astroid-sidebar-content {
background-color: var(--as-header-bg);
overflow-y: auto;
}
.astroid-header .astroid-sidebar-content > * {
background-color: var(--as-header-bg);
}
@media (min-width: 1200px) {
.astroid-header .astroid-sidebar-content {
padding: 20px;
}
}
@media (min-width: 1400px) {
.astroid-header .astroid-sidebar-content {
padding: 30px;
}
}
.astroid-header .astroid-sidebar-collapsable {
padding: 1rem;
font-size: 24px;
justify-content: flex-end;
cursor: pointer;
display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.astroid-header .astroid-sidebar-collapsable > i {
width: 22px;
text-align: center;
display: block;
}
.astroid-header .astroid-sidebar-collapsable > i:before {
content: "";
}
@media (max-width: 1200px) {
.astroid-header .astroid-sidebar-content > div.astroid-sidebar-menu-wrap {
display: none;
}
.astroid-header .astroid-sidebar-content > div.astroid-sidebar-block {
display: none;
}
.astroid-header.expanded {
width: 320px !important;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
}
.astroid-header.expanded .astroid-sidebar-collapsable > i:before {
content: "";
}
.astroid-header.expanded .astroid-sidebar-logo {
display: block;
}
.astroid-header.expanded .astroid-sidebar-content > div.astroid-sidebar-menu {
display: block;
}
.astroid-header.expanded .astroid-sidebar-content > div.astroid-sidebar-block {
display: block;
}
}
.astroid-header-sidebar-topbar .astroid-sidebar-header-topbar {
background-color: var(--as-header-bg);
position: sticky;
top: 0;
z-index: 1021;
padding: 15px 20px;
border-bottom: 1px solid var(--bs-border-color);
}
@media (max-width: 1200px) {
.astroid-header-sidebar-topbar .astroid-sidebar-header-topbar {
position: relative;
}
}
@media (min-width: 1400px) {
.astroid-header-sidebar-topbar .astroid-sidebar-header-topbar {
padding: 15px 30px;
}
}
.astroid-header-sidebar-topbar .astroid-sidebar-header-topbar .astroid-sidebar-mobile-menu {
display: none;
}
@media (max-width: 1200px) {
.astroid-header-sidebar-topbar .astroid-sidebar-header-topbar .astroid-sidebar-mobile-menu {
display: block;
margin-right: 20px;
}
}
@media (max-width: 1200px) {
.astroid-header-sidebar-topbar .astroid-sidebar-content {
display: none !important;
}
}
.astroid-social-icons {
line-height: 1;
}
.astroid-social-icons > .col {
width: auto;
flex: 0;
}
.astroid-contact-info span {
display: inline-block;
}
.astroid-contact-info span:not(:first-child) {
margin-left: 20px;
}
.astroid-contact-info span [class*="fa-"] {
margin-right: 5px;
}
.astroid-contact-info i[class*="fa-"] {
color: var(--as-contact-info-icon-color);
}
.rtl .astroid-contact-info span:not(:first-child) {
margin-left: 0;
margin-right: 20px;
}
.jddrop-content {
display: none;
z-index: 99;
}
.menu-item-badge {
padding: 2px 7px;
font-weight: normal;
text-transform: none;
line-height: 14px;
font-size: 10px;
border-radius: 2px;
}
.item-link-separator {
cursor: default;
}
.megamenu-container {
--as-menu-gutter-x: 30px;
display: none;
background-color: var(--as-dropdown-bg-color);
position: absolute;
z-index: 1003;
padding: calc(var(--as-menu-gutter-x) * .5) calc(var(--as-menu-gutter-x) * .5);
}
.megamenu-container .nav-submenu {
background-color: var(--as-dropdown-bg-color);
}
.megamenu-container.nav-submenu-container {
padding: 0;
}
.megamenu-container .row {
margin-left: calc(-.25 * var(--as-menu-gutter-x));
margin-right: calc(-.25 * var(--as-menu-gutter-x));
}
.megamenu-container .row > * {
padding-left: calc(var(--as-menu-gutter-x) * .25);
padding-right: calc(var(--as-menu-gutter-x) * .25);
}
.megamenu-container .row > * > * {
padding-bottom: calc(var(--as-menu-gutter-x) * .5) !important;
}
.megamenu-container .row > * > *:last-child {
padding-bottom: 0 !important;
}
.megamenu-container li.nav-item-submenu > a {
color: var(--as-dropdown-link-color);
}
.megamenu-container li.nav-item-submenu > a:hover {
color: var(--as-dropdown-menu-link-hover-color);
background-color: var(--as-dropdown-menu-hover-bg-color);
}
.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active {
color: var(--as-dropdown-menu-active-link-color);
background-color: var(--as-dropdown-menu-active-bg-color);
}
.nav-item-megamenu .nav-submenu .item-link-heading.item-level-2, .nav-item-megamenu .nav-submenu .item-link-separator.item-level-2 {
text-transform: uppercase;
font-weight: bolder;
}
.nav-item-megamenu .nav-submenu .item-link-heading.item-level-2:hover, .nav-item-megamenu .nav-submenu .item-link-separator.item-level-2:hover {
color: inherit !important;
background-color: inherit !important;
}
.nav-item-megamenu .nav-submenu .item-link-heading.item-level-2 .nav-item-caret, .nav-item-megamenu .nav-submenu .item-link-separator.item-level-2 .nav-item-caret {
display: none;
}
.nav-submenu-static {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
z-index: 9;
}
.nav-submenu-static > li {
padding: 0;
position: relative;
}
.nav-submenu-static > li > .as-menu-item {
text-decoration: none;
display: block;
padding: 3px 15px;
}
.nav-submenu-static > li > .nav-submenu {
position: absolute;
top: 0;
left: 100%;
width: 100%;
max-width: 300px;
display: none;
}
.nav-submenu-static > li > .nav-submenu.right {
left: -100%;
}
.astroid-nav .nav-link {
color: var(--as-main-menu-link-color);
background-color: var(--as-main-menu-link-background);
}
.astroid-nav .nav-link:hover, .astroid-nav .nav-link:focus {
color: var(--as-main-menu-link-hover-color);
background-color: var(--as-main-menu-hover-background);
}
.astroid-nav .nav-link.active, .astroid-nav .nav-link:active {
color: var(--as-main-menu-link-active-color);
background-color: var(--as-main-menu-active-background);
}
.astroid-nav .nav-title {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
margin-left: -5px;
}
.astroid-nav .nav-title > * {
margin-left: 5px;
}
.astroid-nav .nav-title > sup {
position: absolute;
top: -25px;
left: 10%;
z-index: 1;
}
.astroid-nav .nav-title > sup .menu-item-badge {
white-space: nowrap;
}
.astroid-nav .nav-title > sup .menu-item-badge:before {
content: "";
position: absolute;
border-left: 3px solid rgba(0, 0, 0, 0);
border-right: 3px solid rgba(0, 0, 0, 0);
border-top: 3px solid var(--as-nav-item-badge-background);
left: 5px;
bottom: -3px;
}
.astroid-nav .nav-subtitle {
display: block;
}
.astroid-nav .nav-item-parent .nav-title {
padding-right: 25px;
}
.astroid-nav .nav-item-parent .nav-title > .nav-item-caret {
right: 0;
position: absolute;
top: 50%;
font-size: 75%;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
margin-top: -10px;
}
.astroid-nav .nav-item-parent.no-dropdown-icon .nav-title {
padding-right: 0;
}
.astroid-nav .nav-submenu {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
z-index: 9;
}
.astroid-nav .nav-submenu.megamenu-submenu-level-1 {
box-shadow: none;
}
.astroid-nav .nav-submenu .nav-item-parent.nav-title {
padding-right: 25px;
}
.astroid-nav .nav-submenu .nav-title {
padding-right: 0;
}
.astroid-nav .nav-submenu > li {
padding: 0;
position: relative;
}
.astroid-nav .nav-submenu > li > .as-menu-item {
text-decoration: none;
display: block;
padding: 5px 15px;
}
.astroid-nav .nav-submenu > li > .nav-submenu {
position: absolute;
top: 0;
left: 100%;
width: 100%;
display: none;
}
.astroid-nav .nav-submenu > li > .nav-submenu.right {
left: -100%;
}
.megamenu-module {
padding: 15px;
}
.burger-menu-button.header-mobilemenu-trigger .inner, .burger-menu-button.header-mobilemenu-trigger .inner:before, .burger-menu-button.header-mobilemenu-trigger .inner:after {
background-color: var(--as-mobilemenu-menu-icon-color);
}
#astroid-sticky-header .nav-title sup {
top: -20px;
}
#astroid-sticky-header .burger-menu-button.header-mobilemenu-trigger .inner, #astroid-sticky-header .burger-menu-button.header-mobilemenu-trigger .inner:before, #astroid-sticky-header .burger-menu-button.header-mobilemenu-trigger .inner:after {
background-color: var(--as-stick-header-mobile-menu-icon-color);
}
ul.megamenu-submenu {
list-style-type: none;
padding: 0;
}
ul.megamenu-submenu > li > .megamenu-submenu {
padding-left: 15px;
}
.has-megamenu {
position: relative;
display: flex;
}
.has-megamenu[data-position=left] {
justify-content: flex-start;
}
.has-megamenu[data-position=right] {
justify-content: flex-end;
}
.has-megamenu[data-position=center], .has-megamenu[data-position=full], .has-megamenu[data-position=edge] {
justify-content: center;
}
.has-megamenu:before {
content: "";
display: none;
width: 100%;
height: 250%;
max-height: 100px;
position: absolute;
top: 100%;
cursor: pointer;
z-index: 1003;
}
.has-megamenu.open:before {
display: block;
}
.has-megamenu.open .arrow {
position: absolute;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid var(--bs-border-color);
z-index: 0;
left: 50%;
margin-left: -8px;
bottom: 0;
display: none;
}
.astroid-header-sticky .astroid-nav .nav-link {
color: var(--as-stick-header-menu-link-color);
}
.astroid-header-sticky .astroid-nav .nav-link:hover {
color: var(--as-stick-header-menu-link-hover-color);
}
.astroid-header-sticky .astroid-nav .nav-link.active, .astroid-header-sticky .astroid-nav .nav-link:active {
color: var(--as-stick-header-menu-link-active-color);
}
.astroid-sidebar-menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.astroid-sidebar-menu .nav-title {
display: block;
}
.astroid-sidebar-menu li {
display: block;
width: 100%;
margin: 5px 0;
}
.astroid-sidebar-menu li .nav-item-inner {
background-color: var(--as-main-menu-link-background);
border-radius: var(--bs-border-radius);
transition: all 500ms ease;
}
.astroid-sidebar-menu li .nav-item-inner.active, .astroid-sidebar-menu li .nav-item-inner:active {
background-color: var(--as-main-menu-active-background);
}
.astroid-sidebar-menu li .nav-item-inner.active > i, .astroid-sidebar-menu li .nav-item-inner:active > i {
color: var(--as-main-menu-link-active-color);
}
.astroid-sidebar-menu li .nav-item-inner:hover {
background-color: var(--as-main-menu-hover-background);
}
.astroid-sidebar-menu li .nav-item-inner:hover > i {
color: var(--as-main-menu-link-hover-color);
}
.astroid-sidebar-menu li .nav-item-inner > .as-menu-item {
color: var(--as-main-menu-link-color);
}
.astroid-sidebar-menu li .nav-item-inner > .as-menu-item:active, .astroid-sidebar-menu li .nav-item-inner > .as-menu-item.active {
color: var(--as-main-menu-link-active-color);
}
.astroid-sidebar-menu li .nav-item-inner > .as-menu-item:hover {
color: var(--as-main-menu-link-hover-color);
}
.astroid-sidebar-menu li .as-menu-item {
display: block;
padding: 5px 12px;
flex: auto;
}
.astroid-sidebar-menu li ul.nav-child {
display: none;
background-color: var(--as-dropdown-bg-color);
list-style: none;
border-left: 1px dashed var(--bs-border-color);
margin-left: 20px;
padding-left: 15px;
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner > a {
position: relative;
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner > a:before {
content: "";
margin-right: 10px;
border-top: 1px dashed var(--bs-border-color);
width: 7px;
height: 1px;
position: absolute;
top: 50%;
left: -13px;
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner > a.as-menu-item {
color: var(--as-dropdown-link-color);
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner > i {
color: var(--as-dropdown-link-color);
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner:active, .astroid-sidebar-menu li .nav-item-submenu .nav-item-inner.active {
background-color: var(--as-dropdown-menu-active-bg-color);
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner:active > a.as-menu-item, .astroid-sidebar-menu li .nav-item-submenu .nav-item-inner:active > i, .astroid-sidebar-menu li .nav-item-submenu .nav-item-inner.active > a.as-menu-item, .astroid-sidebar-menu li .nav-item-submenu .nav-item-inner.active > i {
color: var(--as-dropdown-menu-active-link-color);
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner:hover {
background-color: var(--as-dropdown-menu-hover-bg-color);
}
.astroid-sidebar-menu li .nav-item-submenu .nav-item-inner:hover > a.as-menu-item, .astroid-sidebar-menu li .nav-item-submenu .nav-item-inner:hover > i {
color: var(--as-dropdown-menu-link-hover-color);
}
.astroid-sidebar-menu li.nav-item-active > ul {
display: block;
}
.astroid-sidebar-menu li .nav-item-caret {
font-size: 13px;
padding: 5px 12px;
cursor: pointer;
line-height: inherit;
}
.astroid-sidebar-menu li .nav-item-caret:before {
content: "";
}
.astroid-sidebar-menu li .nav-item-caret.open:before {
content: "";
}
.astroid-sidebar-menu li:last-child {
border-bottom: 0;
}
.rtl .astroid-nav .nav-item-parent .nav-title {
padding-left: 25px;
padding-right: 0;
}
.rtl .astroid-nav .nav-item-parent .nav-title > .nav-item-caret {
left: 0;
right: auto;
}
.rtl .astroid-nav .nav-item-parent.no-dropdown-icon .nav-title {
padding-left: 0;
}
.rtl .astroid-nav .nav-item-parent .nav-submenu-container .nav-title > .nav-item-caret {
transform: rotate(180deg);
}
.rtl .astroid-nav .nav-submenu > li > .nav-submenu {
right: 100%;
left: auto;
}
.rtl .astroid-nav .nav-submenu > li > .nav-submenu.right {
right: -100%;
}
body.rtl {
direction: rtl;
text-align: right;
unicode-bidi: embed;
}
body.rtl .address-details .icon {
float: right;
margin-left: 15px;
margin-right: 0;
}
body.rtl .astroid-footer ul li:not(:last-child) {
margin-right: 0;
margin-left: 10px;
}
body.rtl #astroid-backtotop {
right: auto;
left: 20px;
}
body.rtl .astroid-nav li.parent > span:after, body.rtl .astroid-nav li.parent > a:after {
margin-right: 8px;
margin-left: 0;
}
body.rtl .list-inline {
padding-right: 0;
}
body.rtl .article-info > dd {
float: right;
}
body.rtl .pagenav li.next {
float: left;
}
body.rtl .pagenav li.previous {
float: right;
}
body.rtl .pagination li:first-child .page-link {
border-right: 1px solid #dee2e6;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
body.rtl .pagination li:last-child .page-link {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
body.rtl .list-unstyled {
padding-right: 0;
}
body.rtl code, body.rtl kbd, body.rtl pre, body.rtl samp {
direction: ltr;
unicode-bidi: bidi-override;
}
body.rtl .close {
float: left;
}
body.rtl .list-group {
padding-right: 0;
}
body.rtl .nav {
padding-right: 0;
}
body.rtl .form-check, body.rtl #adminForm input[type="checkbox"], #adminForm body.rtl input[type="checkbox"], body.rtl #adminForm input[type="radio"], #adminForm body.rtl input[type="radio"] {
padding-left: 0;
padding-right: 1.25rem;
}
body.rtl .float-left {
float: right !important;
}
body.rtl .float-right {
float: left !important;
}
@media (min-width: 576px) {
body.rtl .float-sm-left {
float: right !important;
}
body.rtl .float-sm-right {
float: left !important;
}
}
@media (min-width: 768px) {
body.rtl .float-md-left {
float: right !important;
}
body.rtl .float-md-right {
float: left !important;
}
}
@media (min-width: 992px) {
body.rtl .float-lg-left {
float: right !important;
}
body.rtl .float-lg-right {
float: left !important;
}
}
@media (min-width: 1200px) {
body.rtl .float-xl-left {
float: right !important;
}
body.rtl .float-xl-right {
float: left !important;
}
}
@media (min-width: 1400px) {
body.rtl .float-xxl-left {
float: right !important;
}
body.rtl .float-xxl-right {
float: left !important;
}
}
body.rtl .text-left {
text-align: right !important;
}
body.rtl .text-right {
text-align: left !important;
}
@media (min-width: 576px) {
body.rtl .text-sm-left {
text-align: right !important;
}
body.rtl .text-sm-right {
text-align: left !important;
}
}
@media (min-width: 768px) {
body.rtl .text-md-left {
text-align: right !important;
}
body.rtl .text-md-right {
text-align: left !important;
}
}
@media (min-width: 992px) {
body.rtl .text-lg-left {
text-align: right !important;
}
body.rtl .text-lg-right {
text-align: left !important;
}
}
@media (min-width: 1200px) {
body.rtl .text-xl-left {
text-align: right !important;
}
body.rtl .text-xl-right {
text-align: left !important;
}
}
@media (min-width: 1400px) {
body.rtl .text-xxl-left {
text-align: right !important;
}
body.rtl .text-xxl-right {
text-align: left !important;
}
}
body.rtl .form-check-input {
margin-left: auto;
margin-right: -1.25rem;
}
body.rtl .input-group > .form-control:not(:last-child), body.rtl #adminForm .controls.input-group > textarea:not(:last-child), #adminForm body.rtl .controls > .input-group > textarea:not(:last-child), body.rtl #adminForm .controls.input-group > select:not(:last-child), #adminForm body.rtl .controls > .input-group > select:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="text"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="text"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="password"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="password"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="datetime"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="datetime"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="datetime-local"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="datetime-local"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="date"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="date"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="month"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="month"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="time"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="time"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="week"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="week"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="number"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="number"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="email"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="email"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="url"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="url"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="search"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="search"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="tel"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="tel"]:not(:last-child), body.rtl #adminForm .controls.input-group > input[type="color"]:not(:last-child), #adminForm body.rtl .controls > .input-group > input[type="color"]:not(:last-child), body.rtl #adminForm .controls.input-group > .uneditable-input:not(:last-child), #adminForm body.rtl .controls > .input-group > .uneditable-input:not(:last-child), body.rtl #adminForm .controls .field-calendar .input-group > input[type="text"]:not(:last-child), #adminForm .controls .field-calendar body.rtl .input-group > input[type="text"]:not(:last-child), body.rtl #adminForm .controls .input-group > .field-media-input:not(:last-child), #adminForm .controls body.rtl .input-group > .field-media-input:not(:last-child), body.rtl .input-group > .custom-select:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
body.rtl .input-group > .form-control:not(:first-child), body.rtl #adminForm .controls.input-group > textarea:not(:first-child), #adminForm body.rtl .controls > .input-group > textarea:not(:first-child), body.rtl #adminForm .controls.input-group > select:not(:first-child), #adminForm body.rtl .controls > .input-group > select:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="text"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="text"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="password"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="password"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="datetime"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="datetime"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="datetime-local"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="datetime-local"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="date"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="date"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="month"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="month"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="time"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="time"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="week"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="week"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="number"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="number"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="email"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="email"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="url"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="url"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="search"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="search"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="tel"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="tel"]:not(:first-child), body.rtl #adminForm .controls.input-group > input[type="color"]:not(:first-child), #adminForm body.rtl .controls > .input-group > input[type="color"]:not(:first-child), body.rtl #adminForm .controls.input-group > .uneditable-input:not(:first-child), #adminForm body.rtl .controls > .input-group > .uneditable-input:not(:first-child), body.rtl #adminForm .controls .field-calendar .input-group > input[type="text"]:not(:first-child), #adminForm .controls .field-calendar body.rtl .input-group > input[type="text"]:not(:first-child), body.rtl #adminForm .controls .input-group > .field-media-input:not(:first-child), #adminForm .controls body.rtl .input-group > .field-media-input:not(:first-child), body.rtl .input-group > .custom-select:not(:first-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: var(--bs-border-radius);
border-bottom-left-radius: var(--bs-border-radius);
}
body.rtl .input-group > .custom-file:not(:last-child) .custom-file-label, body.rtl .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
body.rtl .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: var(--bs-border-radius);
border-bottom-left-radius: var(--bs-border-radius);
}
body.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-left-radius: var(--bs-border-radius);
border-bottom-left-radius: var(--bs-border-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: 0;
margin-right: calc(var(--bs-border-width)* -1);
}
body.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), body.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), body.rtl .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > textarea, #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > textarea, body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > select, #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="text"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="text"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="password"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="password"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="datetime"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="datetime"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="datetime-local"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="datetime-local"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="date"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="date"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="month"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="month"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="time"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="time"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="week"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="week"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="number"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="number"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="email"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="email"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="url"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="url"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="search"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="search"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="tel"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="tel"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > input[type="color"], #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="color"], body.rtl #adminForm .input-group:not(.has-validation) > .controls.form-floating > .uneditable-input, #adminForm body.rtl .controls > .input-group:not(.has-validation) > .form-floating:not(:last-child) > .uneditable-input, body.rtl #adminForm .controls .field-calendar .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="text"], #adminForm .controls .field-calendar body.rtl .input-group:not(.has-validation) > .form-floating:not(:last-child) > input[type="text"], body.rtl #adminForm .controls .input-group:not(.has-validation) > .form-floating:not(:last-child) > .field-media-input, #adminForm .controls body.rtl .input-group:not(.has-validation) > .form-floating:not(:last-child) > .field-media-input, body.rtl .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
border-top-right-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
body.rtl .input-group > .input-group-prepend > .btn, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group > .input-group-prepend > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .input-group > .input-group-prepend > .jd-form-button, body.rtl .input-group > .input-group-prepend > .input-group-text, body.rtl .input-group > .input-group-append:not(:last-child) > .btn, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group > .input-group-append:not(:last-child) > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .input-group > .input-group-append:not(:last-child) > .jd-form-button, body.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, body.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group > .input-group-append:last-child > .jd-form-button:not(:last-child):not(.dropdown-toggle), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .input-group > .input-group-append:last-child > .jd-form-button:not(:last-child):not(.dropdown-toggle), body.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
body.rtl .input-group > .input-group-append > .btn, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group > .input-group-append > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .input-group > .input-group-append > .jd-form-button, body.rtl .input-group > .input-group-append > .input-group-text, body.rtl .input-group > .input-group-prepend:not(:first-child) > .btn, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group > .input-group-prepend:not(:first-child) > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .input-group > .input-group-prepend:not(:first-child) > .jd-form-button, body.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text, body.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .input-group > .input-group-prepend:first-child > .jd-form-button:not(:first-child), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .input-group > .input-group-prepend:first-child > .jd-form-button:not(:first-child), body.rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: var(--bs-border-radius);
border-bottom-left-radius: var(--bs-border-radius);
}
body.rtl .input-group-prepend {
margin-left: -var(--bs-border-width);
margin-right: 0;
}
body.rtl .input-group-append {
margin-right: -var(--bs-border-width);
margin-left: 0;
}
body.rtl .btn-group .btn + .btn, body.rtl .btn-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group .jd-form-button + .btn, body.rtl .btn-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn + .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group .btn + .jd-form-button, body.rtl .btn-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .jd-form-button, body.rtl .btn-group .btn + .btn-group, body.rtl .btn-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .btn-group, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group .jd-form-button + .btn-group, body.rtl .btn-group .btn-group + .btn, body.rtl .btn-group div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group + .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group .btn-group + .jd-form-button, body.rtl .btn-group .btn-group + .btn-group, body.rtl .btn-group-vertical .btn + .btn, body.rtl .btn-group-vertical div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group-vertical .jd-form-button + .btn, body.rtl .btn-group-vertical div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn + .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group-vertical .btn + .jd-form-button, body.rtl .btn-group-vertical div.jd-register-login-wrapper .jd-register-login-box .jd-button-control div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group-vertical div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .jd-form-button, body.rtl .btn-group-vertical .btn + .btn-group, body.rtl .btn-group-vertical div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button + .btn-group, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group-vertical .jd-form-button + .btn-group, body.rtl .btn-group-vertical .btn-group + .btn, body.rtl .btn-group-vertical div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group + .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group-vertical .btn-group + .jd-form-button, body.rtl .btn-group-vertical .btn-group + .btn-group {
margin-right: -var(--bs-border-width);
margin-left: 0;
}
body.rtl .btn-group > .btn:first-child, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:first-child, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group > .jd-form-button:first-child {
margin-left: -var(--bs-border-width);
margin-right: 0;
}
body.rtl .btn-group > .btn:not(:last-child):not(.dropdown-toggle), body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:not(:last-child):not(.dropdown-toggle), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group > .jd-form-button:not(:last-child):not(.dropdown-toggle), body.rtl .btn-group > .btn-group:not(:last-child) > .btn, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .btn-group:not(:last-child) > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group > .btn-group:not(:last-child) > .jd-form-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
body.rtl .btn-group > .btn:not(:first-child), body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .jd-form-button:not(:first-child), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group > .jd-form-button:not(:first-child), body.rtl .btn-group > .btn-group:not(:first-child) > .btn, body.rtl div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group > .btn-group:not(:first-child) > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body.rtl .btn-group > .btn-group:not(:first-child) > .jd-form-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: var(--bs-border-radius);
border-bottom-left-radius: var(--bs-border-radius);
}
.astroid-mobilemenu {
position: fixed;
top: 0;
left: 0;
background-color: var(--as-mobilemenu-backgroundcolor);
color: var(--as-mobilemenu-menu-text-color);
z-index: 1070;
visibility: hidden;
height: 100%;
width: 250px;
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.5s;
transition: all 0.5s;
max-width: 100vw !important;
}
.astroid-mobilemenu.dir-right {
right: 0;
left: auto;
}
.astroid-mobilemenu a small, .astroid-mobilemenu a .small {
display: block !important;
}
.astroid-mobilemenu .burger-menu-button {
padding: 10px;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.astroid-mobilemenu .menu-indicator {
color: var(--as-mobilemenu-menu-link-color);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus {
background-color: var(--as-mobilemenu-backgroundcolor);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a {
color: var(--as-mobilemenu-menu-link-color);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover {
background-color: var(--as-mobilemenu-hover-background-color);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active {
background-color: var(--as-mobilemenu-menu-active-bg-color);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header {
color: var(--as-mobilemenu-menu-active-link-color);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active {
background-color: var(--as-mobilemenu-menu-active-bg-color);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator {
color: var(--as-mobilemenu-menu-active-link-color);
}
.offcanvas-right .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus {
left: auto;
right: -100%;
}
.offcanvas-right .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus.menu_open {
left: auto;
right: 0;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul {
padding: 0;
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: auto;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul > li.menu-item:first-child {
border-top: 1px solid var(--bs-border-color);
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul li.menu-item.menu-go-back {
margin-top: 50px;
border-top: 0;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item {
border-bottom: 1px solid var(--bs-border-color);
display: table;
width: 100%;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item span.separator, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item span.nav-header {
cursor: pointer;
outline: 0;
width: calc(100% - 60px);
text-decoration: none;
vertical-align: middle;
display: table-cell;
color: #000;
padding: 15px;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.divider.parent {
position: relative;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.divider.parent span.separator ~ .menu-indicator {
border-left: 0;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.divider.parent span.separator ~ .menu-indicator:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-divider.nav-item-parent {
position: relative;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-divider.nav-item-parent a.item-link-separator ~ .menu-indicator {
border-left: 0;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-divider.nav-item-parent a.item-link-separator ~ .menu-indicator:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item .menu-indicator {
width: 60px;
text-align: center;
display: table-cell;
vertical-align: middle;
border-left: 1px solid var(--bs-border-color);
cursor: pointer;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus {
position: fixed;
left: -150%;
top: 0;
height: 100vh;
width: 100% !important;
transition: all 0.5s;
background-color: white;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back {
text-align: left;
width: 100%;
cursor: pointer;
display: block;
padding: 15px;
box-sizing: border-box;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back i {
margin-right: 10px;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus-item {
width: 100%;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus.menu_open {
left: 0;
z-index: 1;
}
.burger-menu-button {
text-align: right;
line-height: 0;
margin: 0;
}
.astroid-mobilemenu-open .close-offcanvas, .astroid-mobilemenu-open .close-offcanvas:hover {
color: #000;
display: inline-block;
margin: 0;
position: relative;
right: 5px;
box-sizing: content-box;
z-index: 999999;
}
.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after {
background-color: var(--as-mobilemenu-menu-active-icon-color);
opacity: 1;
}
body.astroid-mobilemenu-opened {
max-height: 100vh;
overflow: hidden;
}
body.astroid-mobilemenu-opened .astroid-mobilemenu-open {
overflow-x: hidden;
}
body.astroid-mobilemenu-opened .astroid-content:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
body.astroid-mobilemenu-opened .astroid-mobilemenu:after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.rtl .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back {
text-align: right;
}
.rtl .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back i {
margin-left: 10px;
margin-right: 0;
}
.rtl .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back > i {
transform: rotate(180deg);
}
.rtl .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item .menu-indicator {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-offcanvas-trigger {
background: none;
border: none;
outline: none;
box-shadow: none;
cursor: pointer;
width: 34px;
height: 34px;
padding: 2px;
}
.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner:before, .header-offcanvas-trigger.burger-menu-button .inner:after {
background-color: var(--as-mobile-menu-icon-color);
}
.burger-menu-button .button {
padding: 0;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
width: 30px;
height: 30px;
}
.burger-menu-button .button:hover {
opacity: 0.7;
}
.burger-menu-button .button:focus {
outline: 0;
}
.burger-menu-button .offcanvas-close-btn .inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.burger-menu-button .offcanvas-close-btn .inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.burger-menu-button .offcanvas-close-btn .inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.burger-menu-button .box {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
}
.burger-menu-button .inner {
display: block;
top: 50%;
margin-top: -1.5px;
}
.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after {
width: 30px;
height: 3px;
background-color: #212529;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.burger-menu-button .inner::before, .burger-menu-button .inner::after {
content: "";
display: block !important;
}
.burger-menu-button .inner::before {
top: -10px;
}
.burger-menu-button .inner::after {
bottom: -10px;
}
.burger-menu-button .inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.burger-menu-button .inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.burger-menu-button .inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::before {
width: 20px;
margin-left: 10px;
}
.offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::after {
width: 25px;
margin-left: 5px;
}
.offcanvasRight .burger-menu-button.header-offcanvas-trigger.active .inner::before, .offcanvasRight .burger-menu-button.header-offcanvas-trigger.active .inner::after {
width: 30px;
margin-left: 0;
}
.offcanvasLeft .burger-menu-button.header-offcanvas-trigger .inner::before {
width: 20px;
margin-right: 10px;
}
.offcanvasLeft .burger-menu-button.header-offcanvas-trigger .inner::after {
width: 25px;
margin-right: 5px;
}
.offcanvasLeft .burger-menu-button.header-offcanvas-trigger.active .inner::before, .offcanvasLeft .burger-menu-button.header-offcanvas-trigger.active .inner::after {
width: 30px;
margin-right: 0;
}
.rtl .burger-menu-button.header-offcanvas-trigger .inner::before, .rtl .burger-menu-button.header-offcanvas-trigger .inner::after {
margin-left: 0;
left: 0;
}
.off-page-content {
position: fixed;
top: 0;
height: 100%;
z-index: 10001;
}
.off-page-content .off-page-inner {
position: relative;
z-index: 2;
background-color: white;
height: 100%;
overflow-y: auto;
}
.off-page-content .off-page-close {
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 3;
text-align: center;
line-height: 40px;
background-color: white;
color: #000;
font-size: 16px;
cursor: pointer;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.off-page-content .off-page-close:after {
content: "✕";
}
.off-page-content .off-page-overlay {
position: fixed;
display: none;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.astroid-offcanvas {
position: fixed;
top: 0;
left: 0;
z-index: 1070;
visibility: hidden;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
color: var(--as-mobile-menu-text-color);
background-color: var(--as-mobile-backgroundcolor);
-webkit-transition: all 0.5s;
transition: all 0.5s;
max-width: 100vw !important;
}
.astroid-offcanvas .burger-menu-button {
padding: 10px;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.astroid-offcanvas .astroid-offcanvas-inner {
position: relative;
display: block;
padding: 0 30px;
height: calc(100% - 50px);
}
.astroid-offcanvas li.menu-item.menu-go-back {
margin-top: 50px;
}
.astroid-offcanvas .close-offcanvas, .astroid-offcanvas .close-offcanvas:hover {
display: inline-block;
margin-top: 0;
position: relative;
right: 0;
z-index: 999999;
}
.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after {
background-color: var(--as-mobile-menu-active-icon-color);
opacity: 1;
}
.astroid-offcanvas .menu-indicator {
color: var(--as-mobile-menu-link-color);
}
.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a {
color: var(--as-mobile-menu-link-color);
}
.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover {
background-color: var(--as-mobile-hover-background-color);
}
.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active {
background-color: var(--as-mobile-menu-active-bg-color);
}
.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header {
color: var(--as-mobile-menu-active-link-color);
}
.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active {
background-color: var(--as-mobile-menu-active-bg-color);
}
.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator {
color: var(--as-mobile-menu-active-link-color);
}
body.astroid-offcanvas-opened {
max-height: 100vh;
overflow: hidden;
}
body.astroid-offcanvas-opened .astroid-content:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
body.astroid-offcanvas-opened .astroid-offcanvas:after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
body.astroid-offcanvas-opened .astroid-offcanvas-open {
overflow-x: hidden;
}
.offcanvasDirRight .astroid-offcanvas {
left: auto;
right: 0;
}
.comingsoon-wrap {
box-sizing: border-box;
height: 100vh;
min-height: 100vh;
display: flex;
align-items: center;
}
.comingsoon-date > div {
display: inline-block;
margin: 10px 0px;
}
.comingsoon-date > div span {
display: block;
font-size: 18px;
}
.comingsoon-date > div .count {
font-weight: bold;
font-size: 40px;
line-height: 40px;
}
.pagination {
flex-wrap: wrap;
}
[data-bs-theme="dark"] .pagination {
--bs-pagination-active-border-color: #fff;
}
ul.pagination {
justify-content: center;
}
div.pagination {
display: block;
width: 100%;
text-align: center;
}
.pagenavigation .pagination {
justify-content: space-between;
}
.pagination-wrapper {
margin-top: 30px;
}
.pagination-wrapper .counter {
text-align: center;
}
ul.pagenav {
padding: 0;
margin: 0 0 20px;
list-style: none;
text-align: center;
overflow: hidden;
}
ul.pagenav li {
display: inline-block;
}
ul.pagenav li a {
padding: 0.5rem 1rem;
line-height: 1.5;
background-color: white;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
display: block;
}
ul.pagenav li.previous {
float: left;
}
ul.pagenav li.next {
float: right;
}
.text-small {
font-size: 0.875rem;
}
.ql-align-left {
text-align: left;
}
.ql-align-right {
text-align: right;
}
.ql-align-center {
text-align: center;
}
.ql-align-justify {
text-align: justify;
}
.as-image-effect {
transition: filter 0.3s ease-in-out;
}
[class*=as-width] {
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.as-width-xxsmall {
width: 150px;
}
@media (min-width: 576px) {
.as-width-sm-xxsmall {
width: 150px;
}
}
@media (min-width: 768px) {
.as-width-md-xxsmall {
width: 150px;
}
}
@media (min-width: 992px) {
.as-width-lg-xxsmall {
width: 150px;
}
}
@media (min-width: 1200px) {
.as-width-xl-xxsmall {
width: 150px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-xxsmall {
width: 150px;
}
}
.as-width-xsmall {
width: 210px;
}
@media (min-width: 576px) {
.as-width-sm-xsmall {
width: 210px;
}
}
@media (min-width: 768px) {
.as-width-md-xsmall {
width: 210px;
}
}
@media (min-width: 992px) {
.as-width-lg-xsmall {
width: 210px;
}
}
@media (min-width: 1200px) {
.as-width-xl-xsmall {
width: 210px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-xsmall {
width: 210px;
}
}
.as-width-small {
width: 300px;
}
@media (min-width: 576px) {
.as-width-sm-small {
width: 300px;
}
}
@media (min-width: 768px) {
.as-width-md-small {
width: 300px;
}
}
@media (min-width: 992px) {
.as-width-lg-small {
width: 300px;
}
}
@media (min-width: 1200px) {
.as-width-xl-small {
width: 300px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-small {
width: 300px;
}
}
.as-width-medium {
width: 420px;
}
@media (min-width: 576px) {
.as-width-sm-medium {
width: 420px;
}
}
@media (min-width: 768px) {
.as-width-md-medium {
width: 420px;
}
}
@media (min-width: 992px) {
.as-width-lg-medium {
width: 420px;
}
}
@media (min-width: 1200px) {
.as-width-xl-medium {
width: 420px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-medium {
width: 420px;
}
}
.as-width-large {
width: 570px;
}
@media (min-width: 576px) {
.as-width-sm-large {
width: 570px;
}
}
@media (min-width: 768px) {
.as-width-md-large {
width: 570px;
}
}
@media (min-width: 992px) {
.as-width-lg-large {
width: 570px;
}
}
@media (min-width: 1200px) {
.as-width-xl-large {
width: 570px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-large {
width: 570px;
}
}
.as-width-xlarge {
width: 750px;
}
@media (min-width: 576px) {
.as-width-sm-xlarge {
width: 750px;
}
}
@media (min-width: 768px) {
.as-width-md-xlarge {
width: 750px;
}
}
@media (min-width: 992px) {
.as-width-lg-xlarge {
width: 750px;
}
}
@media (min-width: 1200px) {
.as-width-xl-xlarge {
width: 750px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-xlarge {
width: 750px;
}
}
.as-width-xxlarge {
width: 960px;
}
@media (min-width: 576px) {
.as-width-sm-xxlarge {
width: 960px;
}
}
@media (min-width: 768px) {
.as-width-md-xxlarge {
width: 960px;
}
}
@media (min-width: 992px) {
.as-width-lg-xxlarge {
width: 960px;
}
}
@media (min-width: 1200px) {
.as-width-xl-xxlarge {
width: 960px;
}
}
@media (min-width: 1400px) {
.as-width-xxl-xxlarge {
width: 960px;
}
}
.as-gutter-none {
margin-top: -0;
margin-left: -0;
}
.as-gutter-none > * {
margin-top: 0;
margin-left: 0;
}
.as-gutter-y-none {
margin-top: -0;
}
.as-gutter-y-none > * {
margin-top: 0;
}
.as-gutter-x-none {
margin-left: -0;
}
.as-gutter-x-none > * {
margin-left: 0;
}
@media (min-width: 576px) {
.as-gutter-none\@sm {
margin-top: -0;
margin-left: -0;
}
.as-gutter-none\@sm > * {
margin-top: 0;
margin-left: 0;
}
.as-gutter-y-none\@sm {
margin-top: -0;
}
.as-gutter-y-none\@sm > * {
margin-top: 0;
}
.as-gutter-x-none\@sm {
margin-left: -0;
}
.as-gutter-x-none\@sm > * {
margin-left: 0;
}
}
@media (min-width: 768px) {
.as-gutter-none\@md {
margin-top: -0;
margin-left: -0;
}
.as-gutter-none\@md > * {
margin-top: 0;
margin-left: 0;
}
.as-gutter-y-none\@md {
margin-top: -0;
}
.as-gutter-y-none\@md > * {
margin-top: 0;
}
.as-gutter-x-none\@md {
margin-left: -0;
}
.as-gutter-x-none\@md > * {
margin-left: 0;
}
}
@media (min-width: 992px) {
.as-gutter-none\@lg {
margin-top: -0;
margin-left: -0;
}
.as-gutter-none\@lg > * {
margin-top: 0;
margin-left: 0;
}
.as-gutter-y-none\@lg {
margin-top: -0;
}
.as-gutter-y-none\@lg > * {
margin-top: 0;
}
.as-gutter-x-none\@lg {
margin-left: -0;
}
.as-gutter-x-none\@lg > * {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.as-gutter-none\@xl {
margin-top: -0;
margin-left: -0;
}
.as-gutter-none\@xl > * {
margin-top: 0;
margin-left: 0;
}
.as-gutter-y-none\@xl {
margin-top: -0;
}
.as-gutter-y-none\@xl > * {
margin-top: 0;
}
.as-gutter-x-none\@xl {
margin-left: -0;
}
.as-gutter-x-none\@xl > * {
margin-left: 0;
}
}
@media (min-width: 1400px) {
.as-gutter-none\@xxl {
margin-top: -0;
margin-left: -0;
}
.as-gutter-none\@xxl > * {
margin-top: 0;
margin-left: 0;
}
.as-gutter-y-none\@xxl {
margin-top: -0;
}
.as-gutter-y-none\@xxl > * {
margin-top: 0;
}
.as-gutter-x-none\@xxl {
margin-left: -0;
}
.as-gutter-x-none\@xxl > * {
margin-left: 0;
}
}
.as-gutter-sm {
margin-top: -0.3rem;
margin-left: -0.3rem;
}
.as-gutter-sm > * {
margin-top: 0.3rem;
margin-left: 0.3rem;
}
.as-gutter-y-sm {
margin-top: -0.3rem;
}
.as-gutter-y-sm > * {
margin-top: 0.3rem;
}
.as-gutter-x-sm {
margin-left: -0.3rem;
}
.as-gutter-x-sm > * {
margin-left: 0.3rem;
}
@media (min-width: 576px) {
.as-gutter-sm\@sm {
margin-top: -0.3rem;
margin-left: -0.3rem;
}
.as-gutter-sm\@sm > * {
margin-top: 0.3rem;
margin-left: 0.3rem;
}
.as-gutter-y-sm\@sm {
margin-top: -0.3rem;
}
.as-gutter-y-sm\@sm > * {
margin-top: 0.3rem;
}
.as-gutter-x-sm\@sm {
margin-left: -0.3rem;
}
.as-gutter-x-sm\@sm > * {
margin-left: 0.3rem;
}
}
@media (min-width: 768px) {
.as-gutter-sm\@md {
margin-top: -0.3rem;
margin-left: -0.3rem;
}
.as-gutter-sm\@md > * {
margin-top: 0.3rem;
margin-left: 0.3rem;
}
.as-gutter-y-sm\@md {
margin-top: -0.3rem;
}
.as-gutter-y-sm\@md > * {
margin-top: 0.3rem;
}
.as-gutter-x-sm\@md {
margin-left: -0.3rem;
}
.as-gutter-x-sm\@md > * {
margin-left: 0.3rem;
}
}
@media (min-width: 992px) {
.as-gutter-sm\@lg {
margin-top: -0.3rem;
margin-left: -0.3rem;
}
.as-gutter-sm\@lg > * {
margin-top: 0.3rem;
margin-left: 0.3rem;
}
.as-gutter-y-sm\@lg {
margin-top: -0.3rem;
}
.as-gutter-y-sm\@lg > * {
margin-top: 0.3rem;
}
.as-gutter-x-sm\@lg {
margin-left: -0.3rem;
}
.as-gutter-x-sm\@lg > * {
margin-left: 0.3rem;
}
}
@media (min-width: 1200px) {
.as-gutter-sm\@xl {
margin-top: -0.3rem;
margin-left: -0.3rem;
}
.as-gutter-sm\@xl > * {
margin-top: 0.3rem;
margin-left: 0.3rem;
}
.as-gutter-y-sm\@xl {
margin-top: -0.3rem;
}
.as-gutter-y-sm\@xl > * {
margin-top: 0.3rem;
}
.as-gutter-x-sm\@xl {
margin-left: -0.3rem;
}
.as-gutter-x-sm\@xl > * {
margin-left: 0.3rem;
}
}
@media (min-width: 1400px) {
.as-gutter-sm\@xxl {
margin-top: -0.3rem;
margin-left: -0.3rem;
}
.as-gutter-sm\@xxl > * {
margin-top: 0.3rem;
margin-left: 0.3rem;
}
.as-gutter-y-sm\@xxl {
margin-top: -0.3rem;
}
.as-gutter-y-sm\@xxl > * {
margin-top: 0.3rem;
}
.as-gutter-x-sm\@xxl {
margin-left: -0.3rem;
}
.as-gutter-x-sm\@xxl > * {
margin-left: 0.3rem;
}
}
.as-gutter-md {
margin-top: -0.5rem;
margin-left: -0.5rem;
}
.as-gutter-md > * {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.as-gutter-y-md {
margin-top: -0.5rem;
}
.as-gutter-y-md > * {
margin-top: 0.5rem;
}
.as-gutter-x-md {
margin-left: -0.5rem;
}
.as-gutter-x-md > * {
margin-left: 0.5rem;
}
@media (min-width: 576px) {
.as-gutter-md\@sm {
margin-top: -0.5rem;
margin-left: -0.5rem;
}
.as-gutter-md\@sm > * {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.as-gutter-y-md\@sm {
margin-top: -0.5rem;
}
.as-gutter-y-md\@sm > * {
margin-top: 0.5rem;
}
.as-gutter-x-md\@sm {
margin-left: -0.5rem;
}
.as-gutter-x-md\@sm > * {
margin-left: 0.5rem;
}
}
@media (min-width: 768px) {
.as-gutter-md\@md {
margin-top: -0.5rem;
margin-left: -0.5rem;
}
.as-gutter-md\@md > * {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.as-gutter-y-md\@md {
margin-top: -0.5rem;
}
.as-gutter-y-md\@md > * {
margin-top: 0.5rem;
}
.as-gutter-x-md\@md {
margin-left: -0.5rem;
}
.as-gutter-x-md\@md > * {
margin-left: 0.5rem;
}
}
@media (min-width: 992px) {
.as-gutter-md\@lg {
margin-top: -0.5rem;
margin-left: -0.5rem;
}
.as-gutter-md\@lg > * {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.as-gutter-y-md\@lg {
margin-top: -0.5rem;
}
.as-gutter-y-md\@lg > * {
margin-top: 0.5rem;
}
.as-gutter-x-md\@lg {
margin-left: -0.5rem;
}
.as-gutter-x-md\@lg > * {
margin-left: 0.5rem;
}
}
@media (min-width: 1200px) {
.as-gutter-md\@xl {
margin-top: -0.5rem;
margin-left: -0.5rem;
}
.as-gutter-md\@xl > * {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.as-gutter-y-md\@xl {
margin-top: -0.5rem;
}
.as-gutter-y-md\@xl > * {
margin-top: 0.5rem;
}
.as-gutter-x-md\@xl {
margin-left: -0.5rem;
}
.as-gutter-x-md\@xl > * {
margin-left: 0.5rem;
}
}
@media (min-width: 1400px) {
.as-gutter-md\@xxl {
margin-top: -0.5rem;
margin-left: -0.5rem;
}
.as-gutter-md\@xxl > * {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.as-gutter-y-md\@xxl {
margin-top: -0.5rem;
}
.as-gutter-y-md\@xxl > * {
margin-top: 0.5rem;
}
.as-gutter-x-md\@xxl {
margin-left: -0.5rem;
}
.as-gutter-x-md\@xxl > * {
margin-left: 0.5rem;
}
}
.as-gutter-lg {
margin-top: -1rem;
margin-left: -1rem;
}
.as-gutter-lg > * {
margin-top: 1rem;
margin-left: 1rem;
}
.as-gutter-y-lg {
margin-top: -1rem;
}
.as-gutter-y-lg > * {
margin-top: 1rem;
}
.as-gutter-x-lg {
margin-left: -1rem;
}
.as-gutter-x-lg > * {
margin-left: 1rem;
}
@media (min-width: 576px) {
.as-gutter-lg\@sm {
margin-top: -1rem;
margin-left: -1rem;
}
.as-gutter-lg\@sm > * {
margin-top: 1rem;
margin-left: 1rem;
}
.as-gutter-y-lg\@sm {
margin-top: -1rem;
}
.as-gutter-y-lg\@sm > * {
margin-top: 1rem;
}
.as-gutter-x-lg\@sm {
margin-left: -1rem;
}
.as-gutter-x-lg\@sm > * {
margin-left: 1rem;
}
}
@media (min-width: 768px) {
.as-gutter-lg\@md {
margin-top: -1rem;
margin-left: -1rem;
}
.as-gutter-lg\@md > * {
margin-top: 1rem;
margin-left: 1rem;
}
.as-gutter-y-lg\@md {
margin-top: -1rem;
}
.as-gutter-y-lg\@md > * {
margin-top: 1rem;
}
.as-gutter-x-lg\@md {
margin-left: -1rem;
}
.as-gutter-x-lg\@md > * {
margin-left: 1rem;
}
}
@media (min-width: 992px) {
.as-gutter-lg\@lg {
margin-top: -1rem;
margin-left: -1rem;
}
.as-gutter-lg\@lg > * {
margin-top: 1rem;
margin-left: 1rem;
}
.as-gutter-y-lg\@lg {
margin-top: -1rem;
}
.as-gutter-y-lg\@lg > * {
margin-top: 1rem;
}
.as-gutter-x-lg\@lg {
margin-left: -1rem;
}
.as-gutter-x-lg\@lg > * {
margin-left: 1rem;
}
}
@media (min-width: 1200px) {
.as-gutter-lg\@xl {
margin-top: -1rem;
margin-left: -1rem;
}
.as-gutter-lg\@xl > * {
margin-top: 1rem;
margin-left: 1rem;
}
.as-gutter-y-lg\@xl {
margin-top: -1rem;
}
.as-gutter-y-lg\@xl > * {
margin-top: 1rem;
}
.as-gutter-x-lg\@xl {
margin-left: -1rem;
}
.as-gutter-x-lg\@xl > * {
margin-left: 1rem;
}
}
@media (min-width: 1400px) {
.as-gutter-lg\@xxl {
margin-top: -1rem;
margin-left: -1rem;
}
.as-gutter-lg\@xxl > * {
margin-top: 1rem;
margin-left: 1rem;
}
.as-gutter-y-lg\@xxl {
margin-top: -1rem;
}
.as-gutter-y-lg\@xxl > * {
margin-top: 1rem;
}
.as-gutter-x-lg\@xxl {
margin-left: -1rem;
}
.as-gutter-x-lg\@xxl > * {
margin-left: 1rem;
}
}
.as-gutter-xl {
margin-top: -1.5rem;
margin-left: -1.5rem;
}
.as-gutter-xl > * {
margin-top: 1.5rem;
margin-left: 1.5rem;
}
.as-gutter-y-xl {
margin-top: -1.5rem;
}
.as-gutter-y-xl > * {
margin-top: 1.5rem;
}
.as-gutter-x-xl {
margin-left: -1.5rem;
}
.as-gutter-x-xl > * {
margin-left: 1.5rem;
}
@media (min-width: 576px) {
.as-gutter-xl\@sm {
margin-top: -1.5rem;
margin-left: -1.5rem;
}
.as-gutter-xl\@sm > * {
margin-top: 1.5rem;
margin-left: 1.5rem;
}
.as-gutter-y-xl\@sm {
margin-top: -1.5rem;
}
.as-gutter-y-xl\@sm > * {
margin-top: 1.5rem;
}
.as-gutter-x-xl\@sm {
margin-left: -1.5rem;
}
.as-gutter-x-xl\@sm > * {
margin-left: 1.5rem;
}
}
@media (min-width: 768px) {
.as-gutter-xl\@md {
margin-top: -1.5rem;
margin-left: -1.5rem;
}
.as-gutter-xl\@md > * {
margin-top: 1.5rem;
margin-left: 1.5rem;
}
.as-gutter-y-xl\@md {
margin-top: -1.5rem;
}
.as-gutter-y-xl\@md > * {
margin-top: 1.5rem;
}
.as-gutter-x-xl\@md {
margin-left: -1.5rem;
}
.as-gutter-x-xl\@md > * {
margin-left: 1.5rem;
}
}
@media (min-width: 992px) {
.as-gutter-xl\@lg {
margin-top: -1.5rem;
margin-left: -1.5rem;
}
.as-gutter-xl\@lg > * {
margin-top: 1.5rem;
margin-left: 1.5rem;
}
.as-gutter-y-xl\@lg {
margin-top: -1.5rem;
}
.as-gutter-y-xl\@lg > * {
margin-top: 1.5rem;
}
.as-gutter-x-xl\@lg {
margin-left: -1.5rem;
}
.as-gutter-x-xl\@lg > * {
margin-left: 1.5rem;
}
}
@media (min-width: 1200px) {
.as-gutter-xl\@xl {
margin-top: -1.5rem;
margin-left: -1.5rem;
}
.as-gutter-xl\@xl > * {
margin-top: 1.5rem;
margin-left: 1.5rem;
}
.as-gutter-y-xl\@xl {
margin-top: -1.5rem;
}
.as-gutter-y-xl\@xl > * {
margin-top: 1.5rem;
}
.as-gutter-x-xl\@xl {
margin-left: -1.5rem;
}
.as-gutter-x-xl\@xl > * {
margin-left: 1.5rem;
}
}
@media (min-width: 1400px) {
.as-gutter-xl\@xxl {
margin-top: -1.5rem;
margin-left: -1.5rem;
}
.as-gutter-xl\@xxl > * {
margin-top: 1.5rem;
margin-left: 1.5rem;
}
.as-gutter-y-xl\@xxl {
margin-top: -1.5rem;
}
.as-gutter-y-xl\@xxl > * {
margin-top: 1.5rem;
}
.as-gutter-x-xl\@xxl {
margin-left: -1.5rem;
}
.as-gutter-x-xl\@xxl > * {
margin-left: 1.5rem;
}
}
.as-gutter-xxl {
margin-top: -2rem;
margin-left: -2rem;
}
.as-gutter-xxl > * {
margin-top: 2rem;
margin-left: 2rem;
}
.as-gutter-y-xxl {
margin-top: -2rem;
}
.as-gutter-y-xxl > * {
margin-top: 2rem;
}
.as-gutter-x-xxl {
margin-left: -2rem;
}
.as-gutter-x-xxl > * {
margin-left: 2rem;
}
@media (min-width: 576px) {
.as-gutter-xxl\@sm {
margin-top: -2rem;
margin-left: -2rem;
}
.as-gutter-xxl\@sm > * {
margin-top: 2rem;
margin-left: 2rem;
}
.as-gutter-y-xxl\@sm {
margin-top: -2rem;
}
.as-gutter-y-xxl\@sm > * {
margin-top: 2rem;
}
.as-gutter-x-xxl\@sm {
margin-left: -2rem;
}
.as-gutter-x-xxl\@sm > * {
margin-left: 2rem;
}
}
@media (min-width: 768px) {
.as-gutter-xxl\@md {
margin-top: -2rem;
margin-left: -2rem;
}
.as-gutter-xxl\@md > * {
margin-top: 2rem;
margin-left: 2rem;
}
.as-gutter-y-xxl\@md {
margin-top: -2rem;
}
.as-gutter-y-xxl\@md > * {
margin-top: 2rem;
}
.as-gutter-x-xxl\@md {
margin-left: -2rem;
}
.as-gutter-x-xxl\@md > * {
margin-left: 2rem;
}
}
@media (min-width: 992px) {
.as-gutter-xxl\@lg {
margin-top: -2rem;
margin-left: -2rem;
}
.as-gutter-xxl\@lg > * {
margin-top: 2rem;
margin-left: 2rem;
}
.as-gutter-y-xxl\@lg {
margin-top: -2rem;
}
.as-gutter-y-xxl\@lg > * {
margin-top: 2rem;
}
.as-gutter-x-xxl\@lg {
margin-left: -2rem;
}
.as-gutter-x-xxl\@lg > * {
margin-left: 2rem;
}
}
@media (min-width: 1200px) {
.as-gutter-xxl\@xl {
margin-top: -2rem;
margin-left: -2rem;
}
.as-gutter-xxl\@xl > * {
margin-top: 2rem;
margin-left: 2rem;
}
.as-gutter-y-xxl\@xl {
margin-top: -2rem;
}
.as-gutter-y-xxl\@xl > * {
margin-top: 2rem;
}
.as-gutter-x-xxl\@xl {
margin-left: -2rem;
}
.as-gutter-x-xxl\@xl > * {
margin-left: 2rem;
}
}
@media (min-width: 1400px) {
.as-gutter-xxl\@xxl {
margin-top: -2rem;
margin-left: -2rem;
}
.as-gutter-xxl\@xxl > * {
margin-top: 2rem;
margin-left: 2rem;
}
.as-gutter-y-xxl\@xxl {
margin-top: -2rem;
}
.as-gutter-y-xxl\@xxl > * {
margin-top: 2rem;
}
.as-gutter-x-xxl\@xxl {
margin-left: -2rem;
}
.as-gutter-x-xxl\@xxl > * {
margin-left: 2rem;
}
}
/* ========================================================================
Component: Column
========================================================================== */
[class*="as-column-"] {
column-gap: 30px;
}
/* Desktop and bigger */
@media (min-width: 992px) {
[class*="as-column-"] {
column-gap: 40px;
}
}
/* Divider
========================================================================== */
/*
* 1. Double the column gap
*/
.as-column-divider {
column-rule: 1px solid var(--bs-border-color);
/* 1 */
column-gap: 60px;
}
/* Desktop and bigger */
@media (min-width: 992px) {
.as-column-divider {
column-gap: 80px;
}
}
/* Width modifiers
========================================================================== */
.as-column-1-2 {
column-count: 2;
}
.as-column-1-3 {
column-count: 3;
}
.as-column-1-4 {
column-count: 4;
}
.as-column-1-5 {
column-count: 5;
}
.as-column-1-6 {
column-count: 6;
}
@media (min-width: 576px) {
.as-column-sm-1-2 {
column-count: 2;
}
.as-column-sm-1-3 {
column-count: 3;
}
.as-column-sm-1-4 {
column-count: 4;
}
.as-column-sm-1-5 {
column-count: 5;
}
.as-column-sm-1-6 {
column-count: 6;
}
}
@media (min-width: 768px) {
.as-column-md-1-2 {
column-count: 2;
}
.as-column-md-1-3 {
column-count: 3;
}
.as-column-md-1-4 {
column-count: 4;
}
.as-column-md-1-5 {
column-count: 5;
}
.as-column-md-1-6 {
column-count: 6;
}
}
@media (min-width: 992px) {
.as-column-lg-1-2 {
column-count: 2;
}
.as-column-lg-1-3 {
column-count: 3;
}
.as-column-lg-1-4 {
column-count: 4;
}
.as-column-lg-1-5 {
column-count: 5;
}
.as-column-lg-1-6 {
column-count: 6;
}
}
@media (min-width: 1200px) {
.as-column-xl-1-2 {
column-count: 2;
}
.as-column-xl-1-3 {
column-count: 3;
}
.as-column-xl-1-4 {
column-count: 4;
}
.as-column-xl-1-5 {
column-count: 5;
}
.as-column-xl-1-6 {
column-count: 6;
}
}
@media (min-width: 1400px) {
.as-column-xxl-1-2 {
column-count: 2;
}
.as-column-xxl-1-3 {
column-count: 3;
}
.as-column-xxl-1-4 {
column-count: 4;
}
.as-column-xxl-1-5 {
column-count: 5;
}
.as-column-xxl-1-6 {
column-count: 6;
}
}
/* Make element span across all columns
* Does not work in Firefox yet
========================================================================== */
.as-column-span {
column-span: all;
}
.shadow-hover:hover {
box-shadow: var(--bs-box-shadow) !important;
transition: box-shadow 0.1s ease-in-out;
}
.shadow-hover-sm:hover {
box-shadow: var(--bs-box-shadow-sm) !important;
transition: box-shadow 0.1s ease-in-out;
}
.shadow-hover-lg:hover {
box-shadow: var(--bs-box-shadow-lg) !important;
transition: box-shadow 0.1s ease-in-out;
}
.shadow-hover-none:hover {
box-shadow: none !important;
transition: box-shadow 0.1s ease-in-out;
}
.shadow-hover-popout {
transition: all 400ms;
}
.shadow-hover-popout:hover {
transform: translate(-0.5em, -0.5em);
box-shadow: 0.5em 0.5em 0 #e87532;
}
@media (max-width: 575.98px) {
.hideonxs {
display: none !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.hideonsm {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hideonmd {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hideonlg {
display: none !important;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.hideonxl {
display: none !important;
}
}
@media (min-width: 1400px) {
.hideonxxl {
display: none !important;
}
}
@media (min-width: 576px) {
.w-auto\@sm {
width: auto !important;
}
}
@media (min-width: 768px) {
.w-auto\@md {
width: auto !important;
}
}
@media (min-width: 992px) {
.w-auto\@lg {
width: auto !important;
}
}
@media (min-width: 1200px) {
.w-auto\@xl {
width: auto !important;
}
}
@media (min-width: 1400px) {
.w-auto\@xxl {
width: auto !important;
}
}
.as-transition-body {
transition: all 300ms;
}
.as-loading::before {
content: "";
position: absolute;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bs-body-bg);
}
.as-loading::after {
content: "";
position: absolute;
z-index: 1000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
border-radius: 50%;
opacity: 0.4;
background: var(--bs-body-color) !important;
animation: loaderAnimation 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnimation {
to {
opacity: 1;
transform: scale3d(0.5, 0.5, 1);
}
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 0.9;
transform: translateY(0);
}
}
@-webkit-keyframes loader {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes as-transition-bob {
0% {
transform: translateY(-8px);
}
50% {
transform: translateY(-4px);
}
100% {
transform: translateY(-8px);
}
}
@keyframes as-transition-bob-float {
100% {
transform: translateY(-8px);
}
}
.as-transition-bob:active, .as-transition-bob:focus, .as-transition-bob:hover {
animation-name: as-transition-bob-float, as-transition-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes as-transition-pulse {
25% {
transform: scale(1.1);
}
75% {
transform: scale(0.9);
}
}
.as-transition-pulse:active, .as-transition-pulse:focus, .as-transition-pulse:hover {
animation-name: as-transition-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes as-transition-pulse-grow {
to {
transform: scale(1.1);
}
}
.as-transition-pulse-grow:active, .as-transition-pulse-grow:focus, .as-transition-pulse-grow:hover {
animation-name: as-transition-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes as-transition-pulse-shrink {
to {
transform: scale(0.9);
}
}
.as-transition-pulse-shrink:active, .as-transition-pulse-shrink:focus, .as-transition-pulse-shrink:hover {
animation-name: as-transition-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes as-transition-push {
50% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
.as-transition-push:active, .as-transition-push:focus, .as-transition-push:hover {
animation-name: as-transition-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes as-transition-pop {
50% {
transform: scale(1.2);
}
}
.as-transition-pop:active, .as-transition-pop:focus, .as-transition-pop:hover {
animation-name: as-transition-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.as-transition-bounce-in {
transition-duration: 0.5s;
}
.as-transition-bounce-in:active, .as-transition-bounce-in:focus, .as-transition-bounce-in:hover {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.as-transition-bounce-out {
transition-duration: 0.5s;
}
.as-transition-bounce-out:active, .as-transition-bounce-out:focus, .as-transition-bounce-out:hover {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.as-transition-rotate {
transition-duration: 0.3s;
transition-property: transform;
}
.as-transition-rotate:active, .as-transition-rotate:focus, .as-transition-rotate:hover {
transform: rotate(4deg);
}
.as-transition-grow-rotate {
transition-duration: 0.3s;
transition-property: transform;
}
.as-transition-grow-rotate:active, .as-transition-grow-rotate:focus, .as-transition-grow-rotate:hover {
transform: scale(1.1) rotate(4deg);
}
.as-transition-float {
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.as-transition-float:active, .as-transition-float:focus, .as-transition-float:hover {
transform: translateY(-8px);
}
.as-transition-sink {
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.as-transition-sink:active, .as-transition-sink:focus, .as-transition-sink:hover {
transform: translateY(8px);
}
@keyframes as-transition-hang {
0% {
transform: translateY(8px);
}
50% {
transform: translateY(4px);
}
100% {
transform: translateY(8px);
}
}
@keyframes as-transition-hang-sink {
100% {
transform: translateY(8px);
}
}
.as-transition-hang:active, .as-transition-hang:focus, .as-transition-hang:hover {
animation-name: as-transition-hang-sink, as-transition-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
.as-transition-skew {
transition-duration: 0.3s;
transition-property: transform;
}
.as-transition-skew:active, .as-transition-skew:focus, .as-transition-skew:hover {
transform: skew(-10deg);
}
.as-transition-skew-forward {
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.as-transition-skew-forward:active, .as-transition-skew-forward:focus, .as-transition-skew-forward:hover {
transform: skew(-10deg);
}
.as-transition-skew-backward {
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.as-transition-skew-backward:active, .as-transition-skew-backward:focus, .as-transition-skew-backward:hover {
transform: skew(10deg);
}
@keyframes as-transition-wobble-vertical {
16.65% {
transform: translateY(8px);
}
33.3% {
transform: translateY(-6px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
100% {
transform: translateY(0);
}
}
.as-transition-wobble-vertical:active, .as-transition-wobble-vertical:focus, .as-transition-wobble-vertical:hover {
animation-name: as-transition-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-wobble-horizontal {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
}
.as-transition-wobble-horizontal:active, .as-transition-wobble-horizontal:focus, .as-transition-wobble-horizontal:hover {
animation-name: as-transition-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-wobble-to-bottom-right {
16.65% {
transform: translate(8px, 8px);
}
33.3% {
transform: translate(-6px, -6px);
}
49.95% {
transform: translate(4px, 4px);
}
66.6% {
transform: translate(-2px, -2px);
}
83.25% {
transform: translate(1px, 1px);
}
100% {
transform: translate(0, 0);
}
}
.as-transition-wobble-to-bottom-right:active, .as-transition-wobble-to-bottom-right:focus, .as-transition-wobble-to-bottom-right:hover {
animation-name: as-transition-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-wobble-to-top-right {
16.65% {
transform: translate(8px, -8px);
}
33.3% {
transform: translate(-6px, 6px);
}
49.95% {
transform: translate(4px, -4px);
}
66.6% {
transform: translate(-2px, 2px);
}
83.25% {
transform: translate(1px, -1px);
}
100% {
transform: translate(0, 0);
}
}
.as-transition-wobble-to-top-right:active, .as-transition-wobble-to-top-right:focus, .as-transition-wobble-to-top-right:hover {
animation-name: as-transition-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-wobble-top {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
100% {
transform: skew(0);
}
}
.as-transition-wobble-top {
transform-origin: 0 100%;
}
.as-transition-wobble-top:active, .as-transition-wobble-top:focus, .as-transition-wobble-top:hover {
animation-name: as-transition-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-wobble-bottom {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
100% {
transform: skew(0);
}
}
.as-transition-wobble-bottom {
transform-origin: 100% 0;
}
.as-transition-wobble-bottom:active, .as-transition-wobble-bottom:focus, .as-transition-wobble-bottom:hover {
animation-name: as-transition-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-wobble-skew {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
100% {
transform: skew(0);
}
}
.as-transition-wobble-skew:active, .as-transition-wobble-skew:focus, .as-transition-wobble-skew:hover {
animation-name: as-transition-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes as-transition-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
100% {
transform: translateX(-3px) rotate(-2deg);
}
}
.as-transition-buzz:active, .as-transition-buzz:focus, .as-transition-buzz:hover {
animation-name: as-transition-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes as-transition-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
100% {
transform: translateX(-1px) rotate(0);
}
}
.as-transition-buzz-out:active, .as-transition-buzz-out:focus, .as-transition-buzz-out:hover {
animation-name: as-transition-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.as-effect-light-up {
transition: filter 0.3s ease-in-out;
}
.as-effect-light-up:hover {
filter: brightness(100%) contrast(113%) saturate(159%) blur(0.2px) hue-rotate(0deg);
}
@keyframes as-effect-flash {
0% {
left: -100%;
}
100% {
left: 125%;
}
}
.as-effect-flash {
position: relative;
overflow: hidden;
}
.as-effect-flash:before {
position: absolute;
top: 0;
left: -100%;
display: block;
content: "";
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
z-index: 2;
}
.as-effect-flash:hover:before {
-webkit-animation: as-effect-flash 1.3s;
animation: as-effect-flash 1.3s;
}
.as-effect-unveil {
position: relative;
overflow: hidden;
}
.as-effect-unveil img {
transition: opacity 0.35s, transform 0.35s, filter 0.35s;
}
.as-effect-unveil:before {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 130%;
border-right: 1px solid rgba(255, 255, 255, 0);
content: "";
opacity: 0.5;
transform-origin: top right;
transition: opacity 0.35s, transform 0.35s;
background: rgba(0, 0, 0, 0.1);
z-index: 1;
}
.as-effect-unveil:after {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 130%;
border-left: 1px solid rgba(255, 255, 255, 0);
content: "";
opacity: 0.5;
transform-origin: top left;
transition: opacity 0.35s, transform 0.35s;
background: rgba(0, 0, 0, 0.1);
z-index: 1;
}
.as-effect-unveil:hover:before {
border-radius: 0 0 120%;
border-right-color: rgba(255, 255, 255, 0.75);
transform: rotate(35deg);
}
.as-effect-unveil:hover:after {
border-radius: 0 0 0 120%;
border-left-color: rgba(255, 255, 255, 0.75);
transform: rotate(-35deg);
}
.as-effect-unveil:hover img {
opacity: 0.9;
filter: brightness(100%) contrast(113%) saturate(159%) blur(0.2px) hue-rotate(0deg);
-webkit-transform: scale3d(1.05, 1.05, 1);
-moz-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
@-webkit-keyframes fadeInOpacity {
0% {
opacity: 0;
}
25% {
opacity: 0.25;
}
50% {
opacity: 0.5;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
25% {
opacity: 0.25;
}
50% {
opacity: 0.5;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
.as-fade-in-opacity {
animation-name: fadeInOpacity;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
a.modal {
display: inline-block;
position: relative;
top: inherit;
right: inherit;
bottom: inherit;
left: inherit;
overflow: inherit;
outline: inherit;
z-index: inherit;
}
#sbox-window {
box-sizing: content-box;
}
.button-ripple {
position: relative;
}
.button-ripple:before, .button-ripple:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
border-radius: 50%;
background: transparent;
transform: translate(-50%, -50%);
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: video-button-ripple 3s infinite;
animation: video-button-ripple 3s infinite;
transition: all 0.4s ease;
}
.button-ripple:after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes video-button-ripple {
70% {
-webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes video-button-ripple {
70% {
-webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.astroid-slick .slick-list {
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x));
}
.astroid-slick .slick-track > .slick-slide {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.astroid-slick.slick-dotted .slick-prev, .astroid-slick.slick-dotted .slick-next {
top: calc(50% - 25px);
}
.astroid-slick .slick-prev, .astroid-slick .slick-next {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 0;
line-height: 0;
font-weight: 900;
width: 50px;
height: 50px;
position: absolute;
top: 50%;
display: block;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: transparent;
color: #777777;
z-index: 1;
}
.astroid-slick .slick-prev:before, .astroid-slick .slick-next:before {
opacity: 0.7;
font-size: 30px;
line-height: 1;
}
.astroid-slick .slick-prev:hover, .astroid-slick .slick-prev:focus, .astroid-slick .slick-next:hover, .astroid-slick .slick-next:focus {
outline: none;
background: transparent;
}
.astroid-slick .slick-prev:hover:before, .astroid-slick .slick-next:hover:before {
opacity: 1;
}
.astroid-slick .slick-next {
right: 20px;
}
.astroid-slick .slick-next:before {
content: "";
}
.astroid-slick .slick-prev {
left: 20px;
}
.astroid-slick .slick-prev:before {
content: "";
}
.astroid-slick.nav-outside .slick-next {
right: auto;
left: 100%;
}
.astroid-slick.nav-outside .slick-prev {
left: auto;
right: 100%;
}
.astroid-slick .slick-dots {
display: block;
width: 100%;
padding: 0;
margin: 10px -6px 0;
list-style: none;
text-align: center;
}
.astroid-slick .slick-dots li {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.astroid-slick .slick-dots li button {
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.astroid-slick .slick-dots li button:hover {
outline: none;
}
.astroid-slick .slick-dots li button:hover:before {
opacity: 1;
}
.astroid-slick .slick-dots li button:focus {
outline: none;
}
.astroid-slick .slick-dots li button:focus:before {
opacity: 1;
}
.astroid-slick .slick-dots li button:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
text-align: center;
opacity: 0.25;
border: 1px solid black;
border-radius: 300px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.astroid-slick .slick-dots li.slick-active button:before {
opacity: 0.75;
background-color: black;
}
[data-bs-theme="dark"] .astroid-slick .slick-dots li button:before {
border-color: white;
}
[data-bs-theme="dark"] .astroid-slick .slick-dots li.slick-active button:before {
background-color: white;
}
.as-light.astroid-slick .slick-prev, .as-light.astroid-slick .slick-next {
color: white;
}
.as-light.astroid-slick .slick-dots li button:before {
border-color: white;
}
.as-light.astroid-slick .slick-dots li.slick-active button:before {
background-color: white;
}
.as-dark.astroid-slick .slick-prev, .as-dark.astroid-slick .slick-next {
color: #1a1a1a;
}
.as-dark.astroid-slick .slick-dots li button:before {
border-color: #1a1a1a;
}
.as-dark.astroid-slick .slick-dots li.slick-active button:before {
background-color: #1a1a1a;
}
.as-cursor {
display: none;
}
@media (any-pointer: fine) {
.as-cursor {
position: fixed;
top: 0;
left: 0;
display: block;
pointer-events: none;
z-index: 10000;
}
.no-js .as-cursor {
display: none;
}
}
#astroid-backtotop {
display: none;
line-height: 0;
position: fixed;
right: 20px;
bottom: 20px;
padding: 10px;
z-index: 1020;
}
#astroid-backtotop.circle {
border-radius: 100%;
}
#astroid-backtotop.rounded, #astroid-backtotop.border-layout {
border-radius: 4px;
}
#astroid-backtotop.square {
border-radius: 0;
}
.header-sidebar-right #astroid-backtotop {
right: auto;
left: 20px;
}
.astroid-banner-inner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #f8f9fa;
padding: 80px 0;
}
.astroid-banner-inner .astroid-banner-title {
color: #fff;
}
.astroid-banner-inner .astroid-banner-subtitle {
color: #fff;
}
.items-more > a {
display: block;
}
.article-title .page-header [itemprop="name"] {
font-size: 26px;
}
.article-info-term {
display: none;
}
.article-info {
font-size: 14px;
margin-left: -10px;
}
.article-info a, .article-info span, .article-info i {
color: #6b6b6b;
}
.article-info > dd {
display: inline-block;
margin-bottom: 0;
margin-inline-start: 0;
padding-left: 10px;
}
.article-info > dd.article-post-type {
padding-right: 0;
}
.article-wraper {
height: 100%;
padding-bottom: 30px;
}
.article-wraper .card-body:not(.has-image) .article-post-type {
display: none;
}
.article-wraper-inner {
height: 100%;
}
.article-icon {
position: absolute;
margin-bottom: 80px;
display: block;
width: 40px;
height: 40px;
top: -6px;
right: 20px;
line-height: 40px;
text-align: center;
font-size: 24px;
}
.article-icon:before, .article-icon:after {
content: "";
position: absolute;
}
.article-icon:before {
right: -6px;
}
.article-icon:after {
bottom: -20px;
left: 0;
}
.article-icon.article-icon-quote {
background-color: #bfe6ff;
color: #45a9ea;
}
.article-icon.article-icon-quote:before {
height: 0;
width: 0;
border-bottom: 6px solid #73c8ff;
border-right: 6px solid transparent;
}
.article-icon.article-icon-quote:after {
height: 0;
width: 0;
border-left: 20px solid #bfe6ff;
border-right: 20px solid #bfe6ff;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-gallery {
background-color: #e5f9f1;
color: #0dc772;
}
.article-icon.article-icon-gallery:before {
height: 0;
width: 0;
border-bottom: 6px solid #a7ebd0;
border-right: 6px solid transparent;
}
.article-icon.article-icon-gallery:after {
height: 0;
width: 0;
border-left: 20px solid #e5f9f1;
border-right: 20px solid #e5f9f1;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-review {
background-color: #f5db8b;
color: #bb900b;
}
.article-icon.article-icon-review:before {
height: 0;
width: 0;
border-bottom: 6px solid #efc545;
border-right: 6px solid transparent;
}
.article-icon.article-icon-review:after {
height: 0;
width: 0;
border-left: 20px solid #f5db8b;
border-right: 20px solid #f5db8b;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-youtube {
background-color: #fee8eb;
color: #f23453;
}
.article-icon.article-icon-youtube:before {
height: 0;
width: 0;
border-bottom: 6px solid #fb9fab;
border-right: 6px solid transparent;
}
.article-icon.article-icon-youtube:after {
height: 0;
width: 0;
border-left: 20px solid #fee8eb;
border-right: 20px solid #fee8eb;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-local {
background-color: #fee8eb;
color: #f23453;
}
.article-icon.article-icon-local:before {
height: 0;
width: 0;
border-bottom: 6px solid #fb9fab;
border-right: 6px solid transparent;
}
.article-icon.article-icon-local:after {
height: 0;
width: 0;
border-left: 20px solid #fee8eb;
border-right: 20px solid #fee8eb;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-vimeo {
background-color: #76d3f2;
color: #1dabda;
}
.article-icon.article-icon-vimeo:before {
height: 0;
width: 0;
border-bottom: 6px solid #30bdeb;
border-right: 6px solid transparent;
}
.article-icon.article-icon-vimeo:after {
height: 0;
width: 0;
border-left: 20px solid #76d3f2;
border-right: 20px solid #76d3f2;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-soundcloud {
background-color: #fff1ea;
color: #ff7930;
}
.article-icon.article-icon-soundcloud:before {
height: 0;
width: 0;
border-bottom: 6px solid #ffbe9e;
border-right: 6px solid transparent;
}
.article-icon.article-icon-soundcloud:after {
height: 0;
width: 0;
border-left: 20px solid #fff1ea;
border-right: 20px solid #fff1ea;
border-bottom: 20px solid transparent;
}
.article-icon.article-icon-spotify {
background-color: #1ed760;
color: #181413;
}
.article-icon.article-icon-spotify:before {
height: 0;
width: 0;
border-bottom: 6px solid #159442;
border-right: 6px solid transparent;
}
.article-icon.article-icon-spotify:after {
height: 0;
width: 0;
border-left: 20px solid #1ed760;
border-right: 20px solid #1ed760;
border-bottom: 20px solid transparent;
}
.img_caption {
position: relative;
}
.img_caption .img_caption {
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
margin: 0;
padding: 5px;
}
.author-wrap {
padding: 35px;
border: 1px solid var(--bs-border-color);
margin-top: 30px;
margin-bottom: 30px;
}
@media (max-width: 575.98px) {
.author-wrap {
padding: 15px;
}
}
.author-wrap .author-header {
display: flex;
align-items: center;
border-bottom: 1px solid var(--bs-border-color);
margin-bottom: 15px;
padding-bottom: 20px;
}
.author-wrap .author-social-links {
margin: 0;
padding: 0;
list-style: none;
}
.author-wrap .author-social-links a {
color: #8e8e8e;
font-size: 14px;
}
.author-wrap .author-social-links .author-social-link {
display: inline-block;
margin-right: 15px;
}
.author-wrap .author-thumb {
min-width: 80px;
margin-right: 20px;
}
.author-wrap .author-label {
font-size: 14px;
font-weight: normal;
}
.author-wrap .author-name {
font-size: 22px;
font-weight: 600;
line-height: normal;
}
.author-description {
margin: 0;
}
.full-image {
margin-bottom: 40px;
}
.full-image.text-right .img_caption {
margin-left: auto;
margin-right: 0;
}
.full-image.text-none {
text-align: center;
}
.full-image.text-none .img_caption {
margin: 0 auto;
}
.item-image.text-none {
text-align: center;
}
.article-gallery .carousel-caption h5, .article-gallery .carousel-caption .h5 {
color: inherit;
}
.article-quote-area {
background-color: rgba(232, 117, 50, 0.1);
padding: 60px;
margin-bottom: 40px;
}
.article-quote-area p {
font-size: 150%;
line-height: normal;
}
.article-quote-area blockquote {
border-left: 5px solid #e87532;
margin: 0;
padding: 0 40px;
border: 0;
position: relative;
font-style: normal;
}
.article-quote-area blockquote:before {
content: "";
width: 8px;
height: 100%;
background-color: #e87532;
position: absolute;
left: 0;
border-radius: 8px;
}
.article-quote-area blockquote:after {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 20px;
right: -40px;
font-size: 70px;
color: rgba(232, 117, 50, 0.1);
}
.article-quote-area .blockquote-footer {
text-align: right;
}
.article-video {
margin-bottom: 40px;
}
.article-review {
margin-bottom: 40px;
}
.article-review > div:not(:last-child) {
margin-bottom: 20px;
}
.article-review > div:not(:last-child):not(.review-head) {
padding-bottom: 20px;
padding-top: 20px;
}
.review-total-score {
min-width: 130px;
background-color: #e87532;
text-align: center;
color: white;
display: flex;
padding: 20px;
}
.review-total-score .review-total-score-wrapper {
align-self: center;
width: 100%;
}
.review-total-score span {
display: block;
}
.review-total-score .score-value {
font-size: 80px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px;
}
.review-total-score .score-label {
font-size: 22px;
font-weight: 400;
}
.review-good-bad .cons-heading, .review-good-bad .pros-heading {
font-size: 24px;
font-weight: bold;
line-height: 1.5rem;
margin-bottom: 20px;
}
.review-criterias .review-criteria:not(:last-child) {
margin-bottom: 30px;
}
.review-criteria-title {
display: flex;
}
.review-criteria-label {
font-weight: 600;
font-size: 18px;
line-height: normal;
margin-bottom: 5px;
flex-grow: 1;
}
.review-criteria-rating {
font-weight: 600;
font-size: 18px;
line-height: normal;
margin-bottom: 5px;
}
.review-criteria-progress {
height: 10px;
}
.review-content {
padding: 25px;
}
.review-summary {
margin: 0;
}
.btn-prosandcons-wrapper {
text-align: center;
}
.pros-cons-list {
list-style-type: none;
margin: 0 0 0 1.5em;
padding: 0;
}
.pros-cons-list li {
position: relative;
}
.pros-cons-list .fas {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.related-article-title {
font-size: 24px;
}
.article-badge {
position: absolute;
height: 40px;
left: -8px;
top: 15px;
text-align: center;
line-height: 40px;
font-size: 14px;
color: #fff;
padding: 0 10px;
}
.article-badge:before, .article-badge:after {
content: "";
position: absolute;
}
.article-badge.article-badge-1 {
background-color: #007bff;
}
.article-badge.article-badge-1:before {
height: 0;
width: 0;
border-bottom: 8px solid black;
border-left: 8px solid transparent;
top: -8px;
left: 0;
}
.article-badge.article-badge-1:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid transparent;
right: -15px;
}
.article-badge.article-badge-2 {
background-color: #007bff;
}
.article-badge.article-badge-2:before {
height: 0;
width: 0;
border-bottom: 8px solid #0056b3;
border-left: 8px solid transparent;
top: -8px;
left: 0;
}
.article-badge.article-badge-2:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #007bff;
right: -15px;
}
.article-badge.article-badge-3 {
background-color: #6f42c1;
}
.article-badge.article-badge-3:before {
height: 0;
width: 0;
border-bottom: 8px solid #4e2d89;
border-left: 8px solid transparent;
top: -8px;
left: 0;
}
.article-badge.article-badge-3:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #6f42c1;
right: -15px;
}
.article-badge.article-badge-4 {
background-color: #e83e8c;
}
.article-badge.article-badge-4:before {
height: 0;
width: 0;
border-bottom: 8px solid #c21766;
border-left: 8px solid transparent;
top: -8px;
left: 0;
}
.article-badge.article-badge-4:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #e83e8c;
right: -15px;
}
.article-badge.article-badge-5 {
background-color: #fd7e14;
}
.article-badge.article-badge-5:before {
height: 0;
width: 0;
border-bottom: 8px solid #c35a02;
border-left: 8px solid transparent;
top: -8px;
left: 0;
}
.article-badge.article-badge-5:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #fd7e14;
right: -15px;
}
.article-badge.article-badge-6 {
background-color: #20c997;
}
.article-badge.article-badge-6:before {
height: 0;
width: 0;
border-bottom: 8px solid #158765;
border-left: 8px solid transparent;
top: -8px;
left: 0;
}
.article-badge.article-badge-6:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #20c997;
right: -15px;
}
.article-badge.article-badge-custom:after {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid transparent;
right: -15px;
}
.article-badge.article-badge-custom:before {
height: 0;
width: 0;
border-left: 8px solid transparent;
border-bottom: 8px solid #000;
top: -8px;
left: 0;
}
.card-body.has-badge .item-title {
margin-top: 45px;
}
.card-body.has-badge.has-image .item-title {
margin-top: 0;
}
.blog-item {
position: relative;
}
.article-rating {
clear: both;
margin: 0 0 15px;
}
.article-rating .rating {
padding: 13px 0;
}
.article-rating .vote-count {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
white-space: nowrap;
vertical-align: text-bottom;
font-size: 13px;
opacity: 1;
transition: 0.3s linear;
}
.article-rating .vote-count.change {
transform: scale(1.3);
opacity: 0.1;
font-weight: bold;
color: #1abc9c;
}
.article-rating .loading {
display: block;
position: relative;
height: 1.2rem;
width: 1.2rem;
color: #00a8e6;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
white-space: nowrap;
vertical-align: text-top;
margin-left: 10px;
}
.article-rating .loading:before {
border-radius: 50%;
border: 2px solid currentColor;
opacity: 0.15;
}
.article-rating .loading:after {
-webkit-animation: loader 0.5s linear;
animation: loader 0.5s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%;
border: 2px solid;
border-color: transparent;
border-top-color: currentColor;
box-shadow: 0 0 0 1px transparent;
}
.article-rating .loading:before, .article-rating .loading:after {
width: 1.2rem;
height: 1.2rem;
margin: -0.6rem 0 0 -0.6rem;
position: absolute;
content: "";
top: 50%;
left: 50%;
}
.article-rating .message {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
white-space: nowrap;
vertical-align: text-bottom;
font-size: 13px;
}
.article-rating .message.error {
color: #de5e60;
}
.article-rating .message.success {
color: #1abc9c;
}
.tag-category form .filters {
justify-content: space-between;
width: 100%;
}
.tag-category form .filters .clearfix {
display: none;
}
.tag-category form .filters input.inputbox[type="text"] {
padding: 10px 15px;
}
.tag-category form select.inputbox {
background: #eaedf0;
border: 1px solid #ddd;
padding: 10px;
padding-right: 9px;
}
.tag-category .element-invisible {
font-size: 0;
}
.tag-category ul.category {
padding: 0;
list-style: none;
margin-top: 20px;
}
.tag-category ul.category li {
border: 1px solid rgba(0, 0, 0, 0.125);
margin-bottom: -1px;
padding: 0.75rem 1.25rem;
}
.tag-category ul.category li h3, .tag-category ul.category li .h3 {
margin: 0;
}
.icon-joomla, [class*=" icon-"], [class^=icon-] {
font-family: "Font Awesome 6 Free";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
line-height: 1;
}
[dir=rtl] .btn.jmodedit, [dir=rtl] div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jmodedit.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control [dir=rtl] .jmodedit.jd-form-button {
right: auto;
left: 0;
}
[class*=" icon-"], [class^=icon-] {
speak: none;
}
[class*=" fa-"].disabled, [class*=" icon-"].disabled, [class^=fa-].disabled, [class^=icon-].disabled {
font-weight: 400;
}
.icon-joomla:before {
content: "";
}
.icon-accessible:before {
content: "";
}
.icon-add:before {
content: "+";
}
.icon-address-book:before, .icon-address:before {
content: "";
}
.icon-align-justify:before {
content: "";
}
.icon-angle-double-left:before {
content: "";
}
.icon-angle-double-right:before {
content: "";
}
.icon-angle-down:before {
content: "";
}
.icon-angle-left:before {
content: "";
}
.icon-angle-right:before {
content: "";
}
.icon-angle-up:before {
content: "";
}
.icon-apply:before {
content: "";
}
.icon-archive:before {
content: "";
}
.icon-arrow-down-2:before {
content: "";
}
.icon-arrow-down-3:before {
content: "";
}
.icon-arrow-down-4:before {
content: "";
}
.icon-arrow-down:before {
content: "";
}
.icon-arrow-first:before {
content: "";
}
.icon-arrow-last:before {
content: "";
}
.icon-arrow-left-2:before {
content: "";
}
.icon-arrow-left-3:before {
content: "";
}
.icon-arrow-left-4:before {
content: "";
}
.icon-arrow-left:before {
content: "";
}
.icon-arrow-right-2:before {
content: "";
}
.icon-arrow-right-3:before {
content: "";
}
.icon-arrow-right-4:before {
content: "";
}
.icon-arrow-right:before {
content: "";
}
.icon-arrow-up-2:before {
content: "";
}
.icon-arrow-up-3:before {
content: "";
}
.icon-arrow-up-4:before {
content: "";
}
.icon-arrow-up:before {
content: "";
}
.icon-arrows-alt:before {
content: "";
}
.icon-asterisk:before {
content: "";
}
.icon-attachment:before {
content: "";
}
.icon-backward-2:before {
content: "";
}
.icon-backward-circle:before {
content: "";
}
.icon-backward:before {
content: "";
}
.icon-ban-circle:before {
content: "";
}
.icon-bars:before {
content: "";
}
.icon-basket:before {
content: "";
}
.icon-bell:before {
content: "";
}
.icon-bolt:before {
content: "";
}
.icon-book:before {
content: "";
}
.icon-bookmark-2:before, .icon-bookmark:before {
content: "";
}
.icon-box-add:before, .icon-box-remove:before {
content: "";
}
.icon-briefcase:before {
content: "";
}
.icon-broadcast:before {
content: "";
}
.icon-brush:before {
content: "";
}
.icon-bubble-quote:before {
content: "";
}
.icon-bullhorn:before {
content: "";
}
.icon-calendar-2:before, .icon-calendar-check:before {
content: "";
}
.icon-calendar-3:before {
content: "";
}
.icon-calendar-alt:before, .icon-calendar:before {
content: "";
}
.icon-camera-2:before {
content: "";
}
.icon-camera:before {
content: "";
}
.icon-cancel-2:before {
content: "";
}
.icon-cancel-circle:before {
content: "";
}
.icon-cancel:before {
content: "";
}
.icon-caret-down:before {
content: "";
}
.icon-caret-up:before {
content: "";
}
.icon-cart:before {
content: "";
}
.icon-chart:before {
content: "";
}
.icon-check-circle:before {
content: "";
}
.icon-check-square:before {
content: "";
}
.icon-check:before {
content: "";
}
.icon-checkbox-checked:before {
content: "";
}
.icon-checkbox-partial:before, .icon-checkbox-unchecked:before {
content: "";
}
.icon-checkbox:before {
content: "";
}
.icon-checkedout:before {
content: "";
}
.icon-checkin:before {
content: "";
}
.icon-checkmark-2:before, .icon-checkmark-circle:before {
content: "";
}
.icon-checkmark:before {
content: "";
}
.icon-chevron-down:before {
content: "";
}
.icon-chevron-left:before {
content: "";
}
.icon-chevron-right:before {
content: "";
}
.icon-chevron-up:before {
content: "";
}
.icon-circle:before {
content: "";
}
.icon-clipboard:before {
content: "";
}
.icon-clock:before {
content: "";
}
.icon-cloud-download-alt:before, .icon-cloud-download:before {
content: "";
}
.icon-cloud-upload:before {
content: "";
}
.icon-cloud:before {
content: "";
}
.icon-code:before {
content: "";
}
.icon-code-branch:before {
content: "";
}
.icon-cog:before {
content: "";
}
.icon-cogs:before {
content: "";
}
.icon-collapse:before {
content: "+";
}
.icon-color-palette:before {
content: "";
}
.icon-comment-dots:before {
content: "";
}
.icon-comment:before {
content: "";
}
.icon-comments-2:before {
content: "";
}
.icon-comments:before {
content: "";
}
.icon-compass:before {
content: "";
}
.icon-connection:before {
content: "";
}
.icon-contract-2:before {
content: "";
}
.icon-contract:before {
content: "";
}
.icon-copy:before {
content: "";
}
.icon-credit-2:before, .icon-credit:before {
content: "";
}
.icon-crop:before {
content: "";
}
.icon-cube:before {
content: "";
}
.icon-cubes:before {
content: "";
}
.icon-dashboard:before {
content: "";
}
.icon-database:before {
content: "";
}
.icon-default:before {
content: "";
}
.icon-delete:before {
content: "";
}
.icon-desktop:before {
content: "";
}
.icon-downarrow:before {
content: "";
}
.icon-download:before {
content: "";
}
.icon-drawer-2:before {
content: "";
}
.icon-drawer:before {
content: "";
}
.icon-edit:before {
content: "";
}
.icon-ellipsis-h:before {
content: "";
}
.icon-ellipsis-v:before {
content: "";
}
.icon-enter:before {
content: "";
}
.icon-envelope-open-text:before {
content: "";
}
.icon-envelope-opened:before, .icon-envelope:before {
content: "";
}
.icon-equalizer:before {
content: "";
}
.icon-error:before {
content: "!";
}
.icon-exclamation-circle:before {
content: "";
}
.icon-exclamation-triangle:before {
content: "";
}
.icon-exclamation:before {
content: "!";
}
.icon-exit:before {
content: "";
}
.icon-expand-2:before {
content: "";
}
.icon-expand:before {
content: "";
}
.icon-expired:before {
content: "";
}
.icon-external-link-alt:before {
content: "";
}
.icon-eye-2:before, .icon-eye-blocked:before, .icon-eye-close:before {
content: "";
}
.icon-eye-open:before {
content: "";
}
.icon-eye-slash:before {
content: "";
}
.icon-eye:before {
content: "";
}
.icon-fax:before {
content: "";
}
.icon-featured:before {
content: "";
}
.icon-feed:before {
content: "";
}
.icon-file-2:before {
content: "";
}
.icon-file-add:before {
content: "+";
}
.icon-file-alt:before {
content: "";
}
.icon-file-check:before {
content: "";
}
.icon-file-minus:before {
content: "";
}
.icon-file-plus:before {
content: "+";
}
.icon-file-remove:before {
content: "";
}
.icon-file:before {
content: "";
}
.icon-filter:before {
content: "";
}
.icon-first:before {
content: "";
}
.icon-flag-2:before {
content: "";
}
.icon-flag-3:before, .icon-flag:before {
content: "";
}
.icon-flash:before {
content: "";
}
.icon-folder-2:before {
content: "";
}
.icon-folder-3:before {
content: "";
}
.icon-folder-close:before, .icon-folder-minus:before {
content: "";
}
.icon-folder-open:before {
content: "";
}
.icon-folder-plus-2:before {
content: "";
}
.icon-folder-plus:before {
content: "";
}
.icon-folder-remove:before, .icon-folder:before {
content: "";
}
.icon-forward-2:before {
content: "";
}
.icon-forward-circle:before {
content: "";
}
.icon-forward:before {
content: "";
}
.icon-generic:before {
content: "";
}
.icon-globe:before {
content: "";
}
.icon-grid-2:before, .icon-grid-view-2:before {
content: "";
}
.icon-grid-view:before, .icon-grid:before {
content: "";
}
.icon-handshake:before {
content: "";
}
.icon-health:before {
content: "";
}
.icon-heart-2:before, .icon-heart:before {
content: "";
}
.icon-help:before {
content: "?";
}
.icon-hits:before {
content: "";
}
.icon-home-2:before, .icon-home:before {
content: "";
}
.icon-image:before, .icon-images:before {
content: "";
}
.icon-info-2:before, .icon-info-circle:before {
content: "";
}
.icon-info:before {
content: "";
}
.icon-key:before {
content: "";
}
.icon-lamp:before {
content: "";
}
.icon-language:before {
content: "";
}
.icon-last:before {
content: "";
}
.icon-leftarrow:before {
content: "";
}
.icon-lightbulb:before {
content: "";
}
.icon-lightning:before {
content: "";
}
.icon-link:before {
content: "";
}
.icon-list-2:before {
content: "";
}
.icon-list-view:before, .icon-list:before {
content: "";
}
.icon-loading:before {
content: "";
}
.icon-location:before {
content: "";
}
.icon-lock:before, .icon-locked:before {
content: "";
}
.icon-loop:before {
content: "";
}
.icon-mail-2:before, .icon-mail:before {
content: "";
}
.icon-map-signs:before {
content: "";
}
.icon-menu-2:before {
content: "";
}
.icon-menu-3:before {
content: "";
}
.icon-menu:before {
content: "";
}
.icon-minus-2:before {
content: "";
}
.icon-minus-circle:before {
content: "";
}
.icon-minus-sign:before, .icon-minus:before {
content: "";
}
.icon-mobile:before {
content: "";
}
.icon-move:before {
content: "";
}
.icon-music:before {
content: "";
}
.icon-new-tab-2:before {
content: "";
}
.icon-new-tab:before {
content: "";
}
.icon-new:before {
content: "+";
}
.icon-next:before {
content: "";
}
.icon-not-ok:before {
content: "";
}
.icon-notification-2:before, .icon-notification-circle:before {
content: "";
}
.icon-notification:before {
content: "!";
}
.icon-ok:before {
content: "";
}
.icon-open:before {
content: "";
}
.icon-options:before {
content: "";
}
.icon-out-2:before {
content: "";
}
.icon-out-3:before {
content: "";
}
.icon-out:before {
content: "";
}
.icon-paint-brush:before, .icon-palette:before {
content: "";
}
.icon-paperclip:before {
content: "";
}
.icon-paragraph-center:before {
content: "";
}
.icon-paragraph-justify:before {
content: "";
}
.icon-paragraph-left:before {
content: "";
}
.icon-paragraph-right:before {
content: "";
}
.icon-pause-circle:before {
content: "";
}
.icon-pause:before {
content: "";
}
.icon-pen-square:before {
content: "";
}
.icon-pencil-2:before, .icon-pencil-alt:before {
content: "";
}
.icon-pencil:before {
content: "";
}
.icon-pending:before {
content: "";
}
.icon-phone-2:before {
content: "";
}
.icon-phone:before {
content: "";
}
.icon-picture:before, .icon-pictures:before {
content: "";
}
.icon-pie:before {
content: "";
}
.icon-pin:before {
content: "";
}
.icon-play-2:before {
content: "";
}
.icon-play-circle:before {
content: "";
}
.icon-play:before {
content: "";
}
.icon-plug:before {
content: "";
}
.icon-plus-2:before {
content: "+";
}
.icon-plus-circle:before {
content: "";
}
.icon-plus-square:before {
content: "";
}
.icon-plus:before {
content: "+";
}
.icon-power-cord:before {
content: "";
}
.icon-power-off:before {
content: "";
}
.icon-previous:before {
content: "";
}
.icon-print:before, .icon-printer:before {
content: "";
}
.icon-project-diagram:before {
content: "";
}
.icon-protected:before {
content: "";
}
.icon-publish:before {
content: "";
}
.icon-purge:before {
content: "";
}
.icon-pushpin:before {
content: "";
}
.icon-puzzle-piece:before, .icon-puzzle:before {
content: "";
}
.icon-question-2:before, .icon-question-circle:before {
content: "";
}
.icon-question-sign:before, .icon-question:before {
content: "?";
}
.icon-quote-2:before {
content: "";
}
.icon-quote-3:before {
content: "";
}
.icon-quote:before, .icon-quotes-left:before {
content: "";
}
.icon-quotes-right:before {
content: "";
}
.icon-radio-checked:before {
content: "";
}
.icon-radio-unchecked:before {
content: "";
}
.icon-redo-2:before {
content: "";
}
.icon-redo:before {
content: "";
}
.icon-refresh:before {
content: "";
}
.icon-register:before {
content: "";
}
.icon-remove:before {
content: "";
}
.icon-reply:before {
content: "";
}
.icon-rightarrow:before {
content: "";
}
.icon-rss:before {
content: "";
}
.icon-save-copy:before {
content: "";
}
.icon-save-new:before {
content: "+";
}
.icon-save:before {
content: "";
}
.icon-scissors:before {
content: "";
}
.icon-screen:before {
content: "";
}
.icon-screwdriver:before {
content: "";
}
.icon-search-minus:before {
content: "";
}
.icon-search-plus:before {
content: "";
}
.icon-search:before {
content: "";
}
.icon-select-file:before {
content: "";
}
.icon-share-alt:before, .icon-share:before {
content: "";
}
.icon-shield-alt:before, .icon-shield:before {
content: "";
}
.icon-shuffle:before {
content: "";
}
.icon-signup:before {
content: "";
}
.icon-sliders-h:before {
content: "";
}
.icon-smiley-2:before, .icon-smiley-happy-2:before, .icon-smiley-happy:before, .icon-smiley-neutral-2:before, .icon-smiley-neutral:before {
content: "";
}
.icon-smiley-sad-2:before, .icon-smiley-sad:before {
content: "";
}
.icon-smiley:before {
content: "";
}
.icon-sort:before {
content: "";
}
.icon-spinner:before {
content: "";
}
.icon-square:before {
content: "";
}
.icon-stack:before {
content: "";
}
.icon-star-2:before {
content: "";
}
.icon-star-empty:before, .icon-star:before {
content: "";
}
.icon-stop-circle:before {
content: "";
}
.icon-stop:before {
content: "";
}
.icon-success:before {
content: "";
}
.icon-support:before {
content: "";
}
.icon-switch:before {
content: "";
}
.icon-sync:before {
content: "";
}
.icon-tablet:before {
content: "";
}
.icon-tachometer-alt:before {
content: "";
}
.icon-tag-2:before, .icon-tag:before {
content: "";
}
.icon-tags-2:before, .icon-tags:before {
content: "";
}
.icon-tasks:before {
content: "";
}
.icon-text-width:before {
content: "";
}
.icon-th:before {
content: "";
}
.icon-th-large:before {
content: "";
}
.icon-thumbs-down:before {
content: "";
}
.icon-thumbs-up:before {
content: "";
}
.icon-times:before {
content: "";
}
.icon-toggle-off:before {
content: "";
}
.icon-toggle-on:before {
content: "";
}
.icon-tools:before {
content: "";
}
.icon-trash:before {
content: "";
}
.icon-tree-2:before {
content: "";
}
.icon-tree:before {
content: "";
}
.icon-trophy:before {
content: "";
}
.icon-unarchive:before {
content: "";
}
.icon-unblock:before {
content: "";
}
.icon-undo-2:before, .icon-undo:before {
content: "";
}
.icon-unfeatured:before {
content: "";
}
.icon-universal-access:before, .icon-universal:before {
content: "";
}
.icon-unlock-alt:before {
content: "";
}
.icon-unlock:before {
content: "";
}
.icon-unpublish:before {
content: "";
}
.icon-uparrow:before {
content: "";
}
.icon-upload:before {
content: "";
}
.icon-user-circle:before {
content: "";
}
.icon-user-edit:before {
content: "";
}
.icon-user-lock:before {
content: "";
}
.icon-user-tag:before {
content: "";
}
.icon-user:before {
content: "";
}
.icon-users-cog:before {
content: "";
}
.icon-users:before {
content: "";
}
.icon-vcard:before {
content: "";
}
.icon-video-2:before {
content: "";
}
.icon-video:before {
content: "";
}
.icon-wand:before {
content: "";
}
.icon-warning-2:before {
content: "";
}
.icon-warning-circle:before {
content: "";
}
.icon-warning:before {
content: "";
}
.icon-wifi:before {
content: "";
}
.icon-wrench:before {
content: "";
}
.icon-zoom-in:before {
content: "";
}
.icon-zoom-out:before {
content: "";
}
.hidden {
display: none;
visibility: hidden;
}
.as-form-group .control-label > label {
margin-bottom: 0.5rem;
}
.password-group meter {
width: 100%;
}
ul.tags .btn-sm, ul.tags .btn-group-sm > .btn, ul.tags div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-group-sm > .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control ul.tags .btn-group-sm > .jd-form-button {
--bs-btn-padding-y: 0.3rem;
--bs-btn-padding-x: 1rem;
}
.pagenavigation .pagination a {
padding: 5px 15px;
}
.as-btn-text {
--bs-btn-padding-x: 0;
--bs-btn-padding-y: 0;
position: relative;
text-decoration: none;
}
.as-btn-text:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
border-bottom: 1px solid var(--bs-border-color);
transition: transform 0.2s ease;
-ms-transform: scaleX(0);
transform: scaleX(0);
transform-origin: 0 0;
}
.as-btn-text:hover {
text-decoration: none;
}
.as-btn-text:hover:after {
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.choices__button_joomla {
color: inherit;
text-indent: -9999px;
cursor: pointer;
opacity: 0.5;
appearance: none;
background: 0 0;
border: 0;
padding: 0 10px;
position: relative;
}
.choices__button_joomla:before {
text-align: center;
text-indent: 0;
content: "×";
display: block;
position: absolute;
inset: 0;
}
.choices__button_joomla:hover {
opacity: 1;
}
.choices__button_joomla:focus {
opacity: 1;
outline: none;
}
body div.mod-languages {
position: relative;
}
body div.mod-languages .btn, body div.mod-languages div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control body div.mod-languages .jd-form-button {
padding: 0 10px;
}
body div.mod-languages img {
display: inline-block;
}
body div.mod-languages ul.lang-block > li {
display: block;
margin: 0;
padding: 5px 10px;
}
body div.mod-languages ul.lang-block > li img {
margin-right: 5px;
}
body div.mod-languages ul.lang-block > li a {
display: block;
}
body div.mod-languages ul.lang-block > li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.blog .cat-children + .blog-items, .blog .blog-items + .blog-items {
margin-top: 3rem;
}
.blog .item-content.border-top > div {
margin-top: -1px;
}
.blog .items-leading .blog-item + .blog-item {
margin-top: var(--bs-gutter-x);
}
.blog .items-more {
margin-top: 2rem;
}
.blog .item-image {
margin-bottom: 1.5rem;
}
.blog .readmore {
margin-bottom: 0;
}
.blog .com-content-category-blog__child .item-title .badge {
font-size: 0.55em;
}
.blog .as-blog-overlay .item-image {
position: relative;
}
.blog .as-blog-overlay .item-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.blog .as-blog-overlay.as-overlay-hover .item-image:after {
transition: all 500ms ease-in-out;
opacity: 0;
}
.blog .as-blog-overlay.as-overlay-hover .card-img-overlay {
transition: all 500ms ease-in-out;
opacity: 0;
}
.blog .as-blog-overlay.as-overlay-hover:hover .item-image:after {
opacity: 1;
}
.blog .as-blog-overlay.as-overlay-hover:hover .card-img-overlay {
opacity: 1;
}
.astroid-article-full-image figure {
margin-bottom: 0;
}
.as-hide-extrafields .fields-container {
display: none;
}
.as-blog-overlay .item-image {
margin-bottom: 0;
}
.astroid-img-cover > * {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (max-width: 575.98px) {
.astroid-img-cover:not(.col-12) > * {
position: absolute;
margin-bottom: 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.astroid-img-cover:not(.col-sm-12) > * {
position: absolute;
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.astroid-img-cover:not(.col-md-12) > * {
position: absolute;
margin-bottom: 0;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.astroid-img-cover:not(.col-lg-12) > * {
position: absolute;
margin-bottom: 0;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.astroid-img-cover:not(.col-xl-12) > * {
position: absolute;
margin-bottom: 0;
}
}
@media (min-width: 1400px) {
.astroid-img-cover:not(.col-xxl-12) > * {
position: absolute;
margin-bottom: 0;
}
}
.astroid-img-cover img {
object-fit: cover;
width: 100%;
height: 100%;
}
.astroid-content-media-left .article-icon {
left: 20px;
right: auto;
}
.astroid-content-media-left:not(.margin-0) {
padding: 15px 0 15px 20px;
}
@media (min-width: 576px) {
.astroid-content-media-left:not(.margin-sm-0) {
padding: 15px 0 15px 20px;
}
}
@media (min-width: 768px) {
.astroid-content-media-left:not(.margin-md-0) {
padding: 25px 0 25px 30px;
}
}
@media (min-width: 992px) {
.astroid-content-media-left:not(.margin-lg-0) {
padding: 25px 0 25px 30px;
}
}
@media (min-width: 1200px) {
.astroid-content-media-left:not(.margin-xl-0) {
padding: 30px 0 30px 40px;
}
}
@media (min-width: 1400px) {
.astroid-content-media-left:not(.margin-xxl-0) {
padding: 30px 0 30px 40px;
}
}
.astroid-content-media-right:not(.margin-0) {
padding: 15px 20px 15px 0;
}
@media (min-width: 576px) {
.astroid-content-media-right:not(.margin-sm-0) {
padding: 15px 20px 15px 0;
}
}
@media (min-width: 768px) {
.astroid-content-media-right:not(.margin-md-0) {
padding: 25px 30px 25px 0;
}
}
@media (min-width: 992px) {
.astroid-content-media-right:not(.margin-lg-0) {
padding: 25px 30px 25px 0;
}
}
@media (min-width: 1200px) {
.astroid-content-media-right:not(.margin-xl-0) {
padding: 30px 40px 30px 0;
}
}
@media (min-width: 1400px) {
.astroid-content-media-right:not(.margin-xxl-0) {
padding: 30px 40px 30px 0;
}
}
.as-readmore {
position: relative;
text-decoration: none;
font-size: 0.895rem;
font-weight: bold;
}
.as-readmore:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
border-bottom: 1px solid var(--bs-border-color);
transition: transform 0.2s ease;
-ms-transform: scaleX(0);
transform: scaleX(0);
transform-origin: 0 0;
}
.as-readmore:hover {
text-decoration: none;
}
.as-readmore:hover:after {
-ms-transform: scaleX(1);
transform: scaleX(1);
}
body.rtl .astroid-content-media-left .article-icon {
left: auto;
right: 20px;
}
body.rtl .astroid-content-media-left:not(.margin-0) {
padding: 15px 20px 15px 0;
}
@media (min-width: 576px) {
body.rtl .astroid-content-media-left:not(.margin-sm-0) {
padding: 15px 20px 15px 0;
}
}
@media (min-width: 768px) {
body.rtl .astroid-content-media-left:not(.margin-md-0) {
padding: 25px 30px 25px 0;
}
}
@media (min-width: 992px) {
body.rtl .astroid-content-media-left:not(.margin-lg-0) {
padding: 25px 30px 25px 0;
}
}
@media (min-width: 1200px) {
body.rtl .astroid-content-media-left:not(.margin-xl-0) {
padding: 30px 40px 30px 0;
}
}
@media (min-width: 1400px) {
body.rtl .astroid-content-media-left:not(.margin-xxl-0) {
padding: 30px 40px 30px 0;
}
}
body.rtl .astroid-content-media-right .article-icon {
left: 20px;
right: auto;
}
body.rtl .astroid-content-media-right:not(.margin-0) {
padding: 15px 0 15px 20px;
}
@media (min-width: 576px) {
body.rtl .astroid-content-media-right:not(.margin-sm-0) {
padding: 15px 0 15px 20px;
}
}
@media (min-width: 768px) {
body.rtl .astroid-content-media-right:not(.margin-md-0) {
padding: 25px 0 25px 30px;
}
}
@media (min-width: 992px) {
body.rtl .astroid-content-media-right:not(.margin-lg-0) {
padding: 25px 0 25px 30px;
}
}
@media (min-width: 1200px) {
body.rtl .astroid-content-media-right:not(.margin-xl-0) {
padding: 30px 0 30px 40px;
}
}
@media (min-width: 1400px) {
body.rtl .astroid-content-media-right:not(.margin-xxl-0) {
padding: 30px 0 30px 40px;
}
}
.mod-list {
padding-inline-start: 0;
list-style: none;
}
.jviewport-height10 {
height: 10vh;
}
.jviewport-height20 {
height: 20vh;
}
.jviewport-height30 {
height: 30vh;
}
.jviewport-height40 {
height: 40vh;
}
.jviewport-height50 {
height: 50vh;
}
.jviewport-height60 {
height: 60vh;
}
.jviewport-height70 {
height: 70vh;
}
.jviewport-height80 {
height: 80vh;
}
.jviewport-height90 {
height: 90vh;
}
.jviewport-height100 {
height: 100vh;
}
[class*=jviewport-height] iframe {
height: 100%;
}
.modal-dialog.jviewport-width10 {
width: 10vw;
max-width: none;
}
.modal-dialog.jviewport-width20 {
width: 20vw;
max-width: none;
}
.modal-dialog.jviewport-width30 {
width: 30vw;
max-width: none;
}
.modal-dialog.jviewport-width40 {
width: 40vw;
max-width: none;
}
.modal-dialog.jviewport-width50 {
width: 50vw;
max-width: none;
}
.modal-dialog.jviewport-width60 {
width: 60vw;
max-width: none;
}
.modal-dialog.jviewport-width70 {
width: 70vw;
max-width: none;
}
.modal-dialog.jviewport-width80 {
width: 80vw;
max-width: none;
}
.modal-dialog.jviewport-width90 {
width: 90vw;
max-width: none;
}
.modal-dialog.jviewport-width100 {
width: 100vw;
max-width: none;
}
.subhead {
z-index: 1000;
color: #495057;
background: #fff;
width: auto;
min-height: 43px;
padding: 0.25rem;
position: sticky;
top: 0;
left: 0;
right: 0;
box-shadow: -3px -2px 22px #ddd;
}
.subhead .row {
margin-left: 0;
margin-right: 0;
}
.subhead joomla-toolbar-button {
margin-inline-start: 0.75rem;
}
.subhead joomla-toolbar-button:first-child {
margin-inline-start: 0;
}
.subhead joomla-toolbar-button .btn > span, .subhead joomla-toolbar-button div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button > span, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead joomla-toolbar-button .jd-form-button > span {
text-align: center;
width: 1.25em;
margin-inline-end: 0.5rem;
}
.subhead joomla-toolbar-button .dropdown-item > span {
text-align: center;
width: 1.25em;
margin-inline-end: 0.5rem;
}
.subhead .btn-group {
margin-inline-start: 0.75rem;
}
.subhead .btn-group:first-child {
margin-inline-start: 0;
}
.subhead .btn-group:not(:last-child) > .dropdown-toggle-split {
border-radius: 0 0.25rem 0.25rem 0;
order: 1;
margin-inline-start: -0.25rem;
}
.subhead .btn-group joomla-toolbar-button {
margin-inline-start: 0;
}
.subhead .btn, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button {
--subhead-btn-accent: #495057;
color: #495057;
background: #fff;
border-color: #adb5bd;
margin: 5px 0;
padding: 0 1rem;
font-size: 1rem;
line-height: 2.45rem;
}
.subhead .btn > span, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button > span, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button > span {
color: var(--subhead-btn-accent);
display: inline-block;
}
.subhead .btn:not([disabled]):hover, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not([disabled]):hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button:not([disabled]):hover {
color: #ffffffe6;
background-color: var(--subhead-btn-accent);
border-color: var(--subhead-btn-accent);
}
.subhead .btn:not([disabled]):hover > span, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not([disabled]):hover > span, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button:not([disabled]):hover > span {
color: #ffffffe6;
}
.subhead .btn:not([disabled]):active, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not([disabled]):active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button:not([disabled]):active {
color: #ffffffe6;
background-color: var(--subhead-btn-accent);
border-color: var(--subhead-btn-accent);
}
.subhead .btn:not([disabled]):active > span, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not([disabled]):active > span, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button:not([disabled]):active > span {
color: #ffffffe6;
}
.subhead .btn:not([disabled]):focus, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not([disabled]):focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button:not([disabled]):focus {
color: #ffffffe6;
background-color: var(--subhead-btn-accent);
border-color: var(--subhead-btn-accent);
}
.subhead .btn:not([disabled]):focus > span, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not([disabled]):focus > span, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button:not([disabled]):focus > span {
color: #ffffffe6;
}
.subhead .btn.btn-success, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-success.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-success.jd-form-button {
--subhead-btn-accent: var(--bs-success);
}
.subhead .btn.btn-danger, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-danger.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-danger.jd-form-button {
--subhead-btn-accent: var(--bs-danger);
}
.subhead .btn.btn-primary, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-primary.jd-form-button, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button.btn-backtohome, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button.btn-prosandcons, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-primary.jd-form-button, .subhead .btn.btn-backtohome, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-backtohome.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-backtohome.jd-form-button, .subhead .btn.btn-prosandcons, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-prosandcons.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-prosandcons.jd-form-button, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn.jd-form-button {
--subhead-btn-accent: #2a69b8;
}
.subhead .btn.btn-secondary, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-secondary.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-secondary.jd-form-button {
--subhead-btn-accent: #001b4c;
}
.subhead .btn.btn-info, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-info.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-info.jd-form-button {
--subhead-btn-accent: #132f53;
}
.subhead .btn.btn-action, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-action.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-action.jd-form-button {
--subhead-btn-accent: #132f53;
align-items: center;
display: flex;
}
.subhead .btn.btn-action:after, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .btn-action.jd-form-button:after, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .btn-action.jd-form-button:after {
content: "";
border: 0;
width: 2.375rem;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.subhead .btn[disabled], .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button[disabled], div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button[disabled] {
--subhead-btn-accent: #132f53;
opacity: 0.5;
background: #dfe3e7cc;
}
.subhead .btn[disabled]:hover, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button[disabled]:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button[disabled]:hover {
cursor: not-allowed;
}
.subhead .btn[disabled]:active, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button[disabled]:active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button[disabled]:active {
cursor: not-allowed;
}
.subhead .btn[disabled]:focus, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button[disabled]:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .jd-form-button[disabled]:focus {
cursor: not-allowed;
}
.subhead .btn.dropdown-toggle[disabled], .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .dropdown-toggle.jd-form-button[disabled], div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .dropdown-toggle.jd-form-button[disabled] {
--subhead-btn-accent: #132f53;
opacity: 0.5;
background: #dfe3e7cc;
}
.subhead .btn.dropdown-toggle[disabled]:hover, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .dropdown-toggle.jd-form-button[disabled]:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .dropdown-toggle.jd-form-button[disabled]:hover {
cursor: not-allowed;
}
.subhead .btn.dropdown-toggle[disabled]:active, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .dropdown-toggle.jd-form-button[disabled]:active, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .dropdown-toggle.jd-form-button[disabled]:active {
cursor: not-allowed;
}
.subhead .btn.dropdown-toggle[disabled]:focus, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .dropdown-toggle.jd-form-button[disabled]:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .dropdown-toggle.jd-form-button[disabled]:focus {
cursor: not-allowed;
}
.subhead .dropdown-toggle.btn, .subhead div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .dropdown-toggle.jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .subhead .dropdown-toggle.jd-form-button {
padding-inline-end: 0;
}
.subhead .dropdown-menu joomla-toolbar-button {
margin-inline-start: 0;
}
.subhead.noshadow {
box-shadow: none;
}
.mod-menu.nav.flex-column ul.mod-menu__sub {
list-style: none;
border-left: 1px dashed var(--bs-border-color);
margin-left: 10px;
padding-left: 15px;
}
.mod-menu.nav.flex-column ul.mod-menu__sub > li > a {
position: relative;
}
.mod-menu.nav.flex-column ul.mod-menu__sub > li > a:before {
content: "";
margin-right: 10px;
border-top: 1px dashed var(--bs-border-color);
width: 7px;
height: 1px;
position: absolute;
top: 50%;
left: -13px;
}
body.rtl .mod-menu.nav.flex-column ul.mod-menu__sub {
border-left: 0;
border-right: 1px dashed var(--bs-border-color);
margin-left: 0;
margin-right: 10px;
padding-left: 0;
padding-right: 15px;
}
body.rtl .mod-menu.nav.flex-column ul.mod-menu__sub > li > a:before {
left: auto;
right: -21px;
margin-left: 10px;
}
ul.categories-module li.active {
background-color: inherit;
}
ul.categories-module li.active a {
color: #00a8e6;
}
ul.categories-module li a {
font-size: 1rem;
}
.com-contact .col-md-4:empty {
padding: 0;
width: 0;
}
.com-contact .contact-title-first {
margin-bottom: 0;
}
.com-contact * + .contact-title-second {
border-top: 1px solid var(--bs-border-color);
padding-top: 1rem;
margin-top: 1.5rem;
}
.com-contact .com-contact__form {
margin-bottom: 1.5rem;
}
.com-contact .com-contact__form legend {
display: none;
}
.com-contact .com-contact__form .control-group:not(.field-spacer) {
margin-bottom: 1rem;
}
.com-contact .com-contact__form .control-group label {
margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
.com-contact dl.dl-horizontal {
display: grid;
grid-template-columns: auto 1fr;
}
.com-contact dl.dl-horizontal dt {
grid-column-start: 1;
grid-column-end: 2;
}
.com-contact dl.dl-horizontal dd {
grid-column-start: 2;
grid-column-end: 3;
padding: 0 0 0 10px;
}
}
.com-contact .com-contact__articles li {
padding: 10px 0;
}
.com-contact .com-contact__articles li:not(:last-child) {
border-bottom: 1px solid var(--bs-border-color);
}
.com-contact .fields-container {
list-style: none;
padding: 0;
margin: 1rem 0;
}
.com-contact .fields-container > li:not(:last-child) {
margin-bottom: 0.5rem;
}
.com-contact .fields-container > li .field-label {
font-weight: bold;
}
ul.categories-module li.active {
background-color: inherit;
}
ul.categories-module li.active a {
color: #00a8e6;
}
ul.categories-module li a {
font-size: 1rem;
}
.content-edit-dropdown.open {
*z-index: 1000;
}
.content-edit-dropdown.open > .dropdown-menu {
display: block;
}
.js-calendar.hidden {
display: none;
}
.moduletable {
position: relative;
}
[role=tooltip]:not(.show) {
right: 5em;
z-index: 1070;
display: none;
max-width: 100%;
padding: 0.5em;
margin: 0.5em;
color: black;
text-align: start;
background: white;
border: 1px solid #6d757e;
border-radius: 0.25rem;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
}
[role=tooltip]:not(.show)[id^=editarticle-] {
right: auto;
-webkit-margin-start: -10em;
margin-inline-start: -10em;
}
[role=tooltip]:not(.show)[id^=editcontact-] {
right: auto;
-webkit-margin-start: -10em;
margin-inline-start: -10em;
}
[role=tooltip]:not(.show)[id^=id-skip-] {
right: auto;
}
:focus + [role=tooltip], :hover + [role=tooltip] {
position: absolute;
display: block;
}
.btn.jmodedit, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jmodedit.jd-form-button {
position: absolute;
top: 0;
right: 0;
left: auto;
z-index: 900;
color: var(--cassiopeia-color-link);
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #58595a;
border-radius: 0.25rem;
}
.com-content-category__articles.form-inline {
justify-content: space-between;
}
.com-content-category__no-articles {
width: 100%;
}
.com-tags-tag form .com-tags-tags__filter {
margin-bottom: 20px;
}
.com-tags-tag form .com-tags-tags__filter .inputbox {
padding: 10px;
}
.com-tags-tag form .form-select {
background: #eaedf0;
border: 1px solid #ddd;
padding: 10px;
padding-right: 9px;
}
.com-tags-tag form .float-end {
float: right;
}
.com-tags-tag .visually-hidden {
font-size: 0;
}
body.com-finder > * + *, body.com-finder__results > * + * {
margin-top: 0;
}
.latestnews.view-media li {
display: block;
}
.latestnews.view-media li:not(:last-child) {
margin-bottom: 15px;
}
.latestnews.view-media .article-media {
display: block;
margin-bottom: 10px;
}
body.rtl .breadcrumb-item + .breadcrumb-item {
padding-left: 0;
padding-right: var(--bs-breadcrumb-item-padding-x);
}
body.rtl .breadcrumb-item + .breadcrumb-item::before {
float: right;
padding-right: 0;
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.astroid-grid .card-body {
--bs-card-spacer-y: 2.5rem;
--bs-card-spacer-x: 2.5rem;
}
.astroid-grid .card-body.card-size-large {
--bs-card-spacer-y: 3.5rem;
--bs-card-spacer-x: 3.5rem;
}
.astroid-grid .card-body.card-size-small {
--bs-card-spacer-y: 1.5rem;
--bs-card-spacer-x: 1.5rem;
}
.astroid-grid .card-body.card-size-none {
--bs-card-spacer-y: 0;
--bs-card-spacer-x: 0;
}
.astroid-grid .text-bg-none {
background: none;
border: none;
}
.astroid-grid .card-img-overlay {
pointer-events: none;
top: auto;
}
.video-button {
width: 150px;
height: 150px;
transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
}
.astroid-articles .astroid-article-info {
font-size: 0.895rem;
opacity: 0.7;
margin-bottom: 0;
}
.astroid-articles .astroid-article-info > dd {
display: inline-block;
margin-bottom: 0;
}
.astroid-articles .card-img-overlay {
top: auto;
}
.astroid-article-heading > a {
color: inherit;
}
.card-img-overlay {
--bs-card-img-overlay-padding: 2.5rem;
}
.card-img-overlay.card-size-large {
--bs-card-img-overlay-padding: 3.5rem;
}
.card-img-overlay.card-size-small {
--bs-card-img-overlay-padding: 1.5rem;
}
.card-img-overlay.card-size-none {
--bs-card-img-overlay-padding: 0;
}
.astroid-image-overlay-cover:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.astroid-slideshow.text-end .carousel-caption {
text-align: right;
}
.astroid-slideshow.text-start .carousel-caption {
text-align: left;
}
.astroid-list .as-list-desc p:last-child {
margin-bottom: 0;
}
.article-listing .astroid-article-heading::before {
counter-increment: menucounter;
content: counters(menucounter, ".", decimal-leading-zero) ".";
display: flex;
align-items: center;
line-height: 1;
font-weight: bold;
min-width: 60px;
}
.article-listing .astroid-article-info > dd {
display: inline;
}
.as-listing-pro-item .astroid-text > *:last-child {
margin-bottom: 0;
}
.as-listing-pro-item .astroid-meta {
min-width: 60px;
}
.astroid-imagegroup .as-image-group-item .astroid-heading {
opacity: 0;
transform: translate3d(0, 100%, 0);
transition: opacity 600ms, transform 600ms;
z-index: 1;
}
.astroid-imagegroup .as-image-group-item:hover .astroid-heading {
opacity: 1;
transform: translateZ(0);
}
.astroid-imagegroup .astroid-image-overlay-cover:after {
pointer-events: none;
opacity: 0;
transition: opacity 600ms;
}
.astroid-imagegroup .astroid-image-overlay-cover:hover:after {
opacity: 1;
}
.as-countdown .countdown-expired {
font-size: 1.5em;
}
#adminForm [class^="icon-"], #adminForm [class*=" icon-"] {
height: auto;
width: auto;
line-height: 1;
}
#adminForm fieldset {
margin-bottom: 20px;
}
#adminForm input[type="checkbox"], #adminForm input[type="radio"] {
margin-right: 5px;
display: inline-block;
}
#adminForm input[type="checkbox"] + label, #adminForm input[type="radio"] + label {
margin-right: 10px;
color: #495057;
}
#adminForm input[type="date"], #adminForm input[type="time"], #adminForm input[type="datetime-local"], #adminForm input[type="month"] {
appearance: none;
}
#adminForm .btn-toolbar .btn-group:not(:last-child) {
margin-right: 10px;
}
.layout-edit .tip-wrap {
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.06);
border: 1px solid #fdfdfd;
padding: 10px;
background-color: #fff;
}
.layout-edit .input-prepend.input-append {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.layout-edit .input-prepend.input-append .btn, .layout-edit .input-prepend.input-append div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .layout-edit .input-prepend.input-append .jd-form-button {
width: auto;
}
.choices__button_joomla {
position: relative;
padding: 0 10px;
color: inherit;
text-indent: -9999px;
cursor: pointer;
background: none;
border: 0;
opacity: 0.5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.choices__button_joomla:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
text-align: center;
text-indent: 0;
content: "×";
}
.sr-only, .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.options-form, .options-form > legend {
color: #495057;
background-color: #fff;
}
.options-form {
width: 100%;
padding: 1vw 2vw;
margin-bottom: 1rem;
border: 1px solid #b2bfcd;
}
.options-form > legend {
float: none;
width: auto;
padding: 0 0.5rem;
font-weight: 700;
}
.float-end {
float: right !important;
}
.hidden {
display: none;
visibility: hidden;
}
.field-media-wrapper {
display: block;
width: 100%;
max-width: calc(50vw - 5rem);
}
.field-media-wrapper .field-media-preview {
width: 100%;
max-width: none;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em;
color: #000;
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
opacity: 1;
}
.btn-close.disabled, .btn-close:disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.25;
}
.btn-close-white {
-webkit-filter: invert(1) grayscale(100%) brightness(200%);
filter: invert(1) grayscale(100%) brightness(200%);
}
div .jd-simple-contact-form .btn-primary, div .jd-simple-contact-form .btn-backtohome, div .jd-simple-contact-form .btn-prosandcons, div .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control div .jd-simple-contact-form .jd-form-button {
background-color: #e87532;
border-color: #e87532;
}
div .jd-simple-contact-form .btn-primary:hover, div .jd-simple-contact-form .btn-backtohome:hover, div .jd-simple-contact-form .btn-prosandcons:hover, div .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control div .jd-simple-contact-form .jd-form-button:hover, div .jd-simple-contact-form .btn-primary:focus, div .jd-simple-contact-form .btn-backtohome:focus, div .jd-simple-contact-form .btn-prosandcons:focus, div .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control div .jd-simple-contact-form .jd-form-button:focus {
background-color: #ed9460;
border-color: #ed9460;
}
.footer-section .jd-simple-contact-form .btn-primary, .footer-section .jd-simple-contact-form .btn-backtohome, .footer-section .jd-simple-contact-form .btn-prosandcons, .footer-section .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .footer-section .jd-simple-contact-form .jd-form-button {
color: #e87532;
background-color: #fff;
border-color: #fff;
}
.footer-section .jd-simple-contact-form .btn-primary:hover, .footer-section .jd-simple-contact-form .btn-backtohome:hover, .footer-section .jd-simple-contact-form .btn-prosandcons:hover, .footer-section .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .footer-section .jd-simple-contact-form .jd-form-button:hover, .footer-section .jd-simple-contact-form .btn-primary:focus, .footer-section .jd-simple-contact-form .btn-backtohome:focus, .footer-section .jd-simple-contact-form .btn-prosandcons:focus, .footer-section .jd-simple-contact-form div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:focus, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .footer-section .jd-simple-contact-form .jd-form-button:focus {
color: #e87532;
background-color: #f9f9f9;
border-color: #f9f9f9;
}
.jd-profiler-wrapper .jd-team-columns .card-team {
border: none;
border-radius: 0;
text-align: center;
}
.jd-profiler-wrapper .jd-team-columns .card-team .card-img-top {
border-radius: 0;
}
.jd-profiler-wrapper .jd-team-columns .card-team .card-team-body {
padding-bottom: 5px;
}
.jd-profiler-wrapper .jd-team-columns .card-team .card-team-footer {
border-top: none;
padding: 0 15px;
}
.card-img-overlayteam-member-name {
margin: 0;
}
.team-member-designation {
margin: 0;
}
div.jd-register-login-wrapper .jd-register-login-container {
max-width: 100%;
width: 100%;
}
div.jd-register-login-wrapper .jd-register-login-box {
border: none;
}
div.jd-register-login-wrapper .jd-register-login-box .jd-list-wrapper {
margin-bottom: 0;
}
div.jd-register-login-wrapper .jd-register-login-box .jd-list-wrapper .jd-list-group .jd-list-block {
text-align: left;
margin: 0;
padding: 5px 0;
}
div.jd-register-login-wrapper .jd-register-login-box .jd-list-wrapper .jd-list-group .jd-list-block, div.jd-register-login-wrapper .jd-register-login-box .jd-list-wrapper .jd-list-group .jd-list-block:hover {
background-color: transparent;
border-color: transparent;
}
div.jd-register-login-wrapper .jd-register-login-box .jd-inputbox-control .jd-form-input {
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.06);
border: 1px solid #fdfdfd;
}
div.jd-register-login-wrapper .jd-form-title {
display: none;
}
div.jd-register-login-wrapper .jd-register-login-tab li span.active {
color: #fff;
background-color: #2B2B2B;
border-color: #2B2B2B;
}
div.jd-register-login-wrapper .jd-register-login-tab li span:hover {
background-color: #353535;
border-color: #383838;
}
div.jd-register-login-wrapper .jd-register-login-tab li span {
color: #fff;
background-color: #C5C5C5;
border-color: #C5C5C5;
padding: 20px;
}
.form-signin .form-control, .form-signin #adminForm .controls > textarea, #adminForm .form-signin .controls > textarea, .form-signin #adminForm .controls > select, #adminForm .form-signin .controls > select, .form-signin #adminForm .controls > input[type="text"], #adminForm .form-signin .controls > input[type="text"], .form-signin #adminForm .controls > input[type="password"], #adminForm .form-signin .controls > input[type="password"], .form-signin #adminForm .controls > input[type="datetime"], #adminForm .form-signin .controls > input[type="datetime"], .form-signin #adminForm .controls > input[type="datetime-local"], #adminForm .form-signin .controls > input[type="datetime-local"], .form-signin #adminForm .controls > input[type="date"], #adminForm .form-signin .controls > input[type="date"], .form-signin #adminForm .controls > input[type="month"], #adminForm .form-signin .controls > input[type="month"], .form-signin #adminForm .controls > input[type="time"], #adminForm .form-signin .controls > input[type="time"], .form-signin #adminForm .controls > input[type="week"], #adminForm .form-signin .controls > input[type="week"], .form-signin #adminForm .controls > input[type="number"], #adminForm .form-signin .controls > input[type="number"], .form-signin #adminForm .controls > input[type="email"], #adminForm .form-signin .controls > input[type="email"], .form-signin #adminForm .controls > input[type="url"], #adminForm .form-signin .controls > input[type="url"], .form-signin #adminForm .controls > input[type="search"], #adminForm .form-signin .controls > input[type="search"], .form-signin #adminForm .controls > input[type="tel"], #adminForm .form-signin .controls > input[type="tel"], .form-signin #adminForm .controls > input[type="color"], #adminForm .form-signin .controls > input[type="color"], .form-signin #adminForm .controls > .uneditable-input, #adminForm .form-signin .controls > .uneditable-input, .form-signin #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-calendar .form-signin input[type="text"], .form-signin #adminForm .controls .field-media-input, #adminForm .controls .form-signin .field-media-input {
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.06);
border: 1px solid #fdfdfd;
}
.form-signin .input-group-text {
background-color: transparent;
}
.form-signin .login-button {
margin-top: 10px;
margin-bottom: 20px;
}
.form-signin .login-helping-links {
color: var(--bs-secondary-color);
margin: 0;
padding: 0;
}
.form-signin .login-helping-links li {
display: block;
}
.form-signin .login-helping-links a {
color: currentColor;
}
.form-signin .checkbox {
font-size: 14px;
}
.form-signin .login-help-link {
color: var(--bs-secondary-color);
}
.form-signin .forget-password-link {
color: #e87532;
font-weight: 600;
font-size: 15px;
}
[id*="jd_skillset"] .counter-number {
color: rgba(232, 117, 50, 0.5);
font-weight: bold;
font-size: 70px;
}
[id*="jd_skillset"] .counter-title {
color: var(--bs-secondary-color);
font-weight: 500;
}
.jdpb .jdpb-bar:not(:last-child) {
margin-bottom: 30px;
}
.card-layout {
border: 0;
}
.jd-social-btns > p {
color: var(--bs-secondary-color);
display: flex;
max-width: 250px;
margin: 0 auto 10px;
align-items: center;
}
.jd-social-btns > p::before, .jd-social-btns > p::after {
content: "";
height: 1px;
background-color: currentColor;
flex-grow: 1;
}
.jd-social-btns > p::before {
margin-right: 10px;
}
.jd-social-btns > p::after {
margin-left: 10px;
}
.jd-social-btns .loginBtn {
margin: 5px;
}
.article-wraper-inner {
border: none;
}
.article-info {
margin: 0 0 5px;
}
.item-page .article-info {
margin: 0 0 20px;
}
.article-post-type {
margin: 0 0 2px;
}
.article-icon {
position: relative;
margin-bottom: 0;
width: 40px;
height: 40px;
border-radius: 40px;
top: 0;
margin-top: -40px;
margin-left: auto;
right: 0;
font-size: 20px;
}
.article-icon[class*="article-icon-"] {
color: #fff;
background-color: #e87532;
}
.article-icon:before, .article-icon:after {
display: none;
}
.article-badge {
right: 0;
left: auto;
line-height: normal;
height: auto;
padding: 5px 10px;
border-radius: 4px 0 0 4px;
font-weight: 500;
}
.article-badge:before, .article-badge:after {
display: none;
}
.article-badge[class*="article-badge-"] {
color: #fff;
background-color: #e87532;
}
.readmore-btn {
padding: 0;
}
.review-good-bad {
background-color: rgba(232, 117, 50, 0.15);
}
.article-wraper .card-body:not(.has-image) {
padding-top: 50px;
}
.comingsoon-date .count {
color: rgba(232, 117, 50, 0.5);
}
.comingsoon-date > div {
background: #fff;
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.05);
padding: 20px;
min-width: 120px;
}
#comingsoon > * + * {
margin-top: 100px;
}
.pagination .page-item {
margin: 5px;
}
.pagination .page-item.active .page-link {
color: #e87532;
background-color: transparent;
border-color: #e87532;
}
.pagination .page-item .page-link {
color: #333;
border: 1px solid #333;
}
.pagination .page-item .page-link:first-child, .pagination .page-item .page-link:last-child {
border-radius: 4px;
}
.pagination .page-item .page-link:hover {
border-color: #e87532;
color: #e87532;
background-color: transparent;
}
.moduletable .jdb-jarticles-grid-view .jdb-jarticle {
border: none;
}
.moduletable .jdb-jarticles-grid-view .jdb-jarticle-body {
padding: 15px 0;
}
.moduletable .jdb-jarticles-grid-view .jdb-jarticle-wrapper:not(:last-child) {
margin-bottom: 0;
}
.no-container-padding .jdb-container {
padding: 0;
}
.astroid-sidebar-header .astroid-social-icons {
justify-content: center;
margin-top: 30px;
margin-bottom: 20px;
}
.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
border-top: 4px solid rgba(232, 117, 50, 0.4);
}
.astroid-social-icons a:hover {
color: #e87532;
}
.fa-ul {
margin-left: 1.5em;
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.06);
border: 1px solid #fdfdfd;
}
.module-title {
margin-bottom: 20px;
}
body.site.astroid-framework.layout-edit .chzn-container {
min-width: 200px;
}
.footer-section {
color: #fff;
background-color: #e87532;
}
@media (max-width: 767.98px) {
.footer-section .astroid-social-icons {
margin-bottom: 35px;
}
}
.footer-section a {
color: #fff;
}
.footer-section a:hover {
color: #e6e6e6;
}
.footer-section .astroid-row {
padding: 50px 0 10px;
}
small, .small {
letter-spacing: 0;
}
.verlauf {
background-image: url("../images/bg.gif");
background-repeat: no-repeat;
background-position: left top;
}
.verlauf-rechts {
background-image: url("../images/bg-mirror.gif");
background-repeat: no-repeat;
background-position: right top;
}
.btn:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover {
transform: translateY(-2px);
}
.btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
padding: 0.8rem 2rem;
font-size: 1rem;
font-weight: 500;
border-radius: 50px;
transition: all 0.3s ease;
}
.shape-1 {
width: 300px;
height: 300px;
background-color: #e87532;
opacity: 0.2;
top: -20px;
right: -20px;
animation: morphShape 15s linear infinite;
}
.shape-2 {
width: 200px;
height: 200px;
background-color: #f2f2f2;
opacity: 0.9;
bottom: -20px;
left: -20px;
animation: morphShape 20s linear infinite reverse;
}
.shape-1, .shape-2 {
position: absolute;
border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
z-index: -1;
}
.uk-subnav li.uk-active {
background: #e87532;
}
.title-shape {
width: 200px;
height: 20px;
margin: 0 auto;
background-color: #e87532;
opacity: 0.5;
}
.personal-info {
margin-top: 2rem;
padding: 2rem;
background-color: #fff;
border-radius: 1rem;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.title-shape {
width: 200px;
height: 28px;
margin: 0 auto;
color: #e87532;
opacity: 0.9;
background: none;
margin-bottom: 20px;
}
.title-shape svg {
width: 100%;
height: 100%;
vertical-align: middle;
}
.round-image img {
transition: all 0.3s ease;
border-radius: 50px;
}
.round-image img:hover {
transform: translateY(-5px);
opacity: 0.5;
background-color: #888;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.round-accordion li a {
border-radius: 30px;
}
.uk-dotnav > * > * {
width: 40px !important;
height: 10px !important;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(102, 102, 102, 0.4);
}
.uk-dotnav > .uk-active > * {
background: #e87532 !important;
}
.astroid-header-section .astroid-header-sticky {
padding: 10px 0;
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
height: auto !important;
font-size: 14px;
}
.shadow-jp {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
background: #f8f8f8 !important;
}
/*Bootstrap CheckList*/
.form-check .form-check-input, #adminForm input[type="checkbox"] .form-check-input, #adminForm input[type="radio"] .form-check-input {
margin-left: 0;
margin-right: 0.2rem;
}
/*Button Bootsrap 4 und 5 Compatiblility*/
.badge-primary {
background: #e87532;
color: #fff;
}
.badge-secondary {
background: #00a8e6;
color: #fff;
}
.badge-success {
background: #1abc9c;
color: #fff;
}
.badge-warning {
background: #e87532;
color: #fff;
}
.badge-info {
background: #d33d33;
color: #fff;
}
.badge-danger {
background: #de5e60;
color: #fff;
}
.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
background: #e87532;
color: #fff;
}
.btn-secondary {
background: #00a8e6;
color: #fff;
}
.btn-success {
background: #1abc9c;
color: #fff;
}
.btn-warning {
background: #e87532;
color: #fff;
}
.btn-info {
background: #d33d33;
color: #fff;
}
.btn-danger {
background: #de5e60;
color: #fff;
}
.btn-light {
background: #f2f2f2;
color: #333;
}
.btn-dark {
background: #333;
color: #f2f2f2;
}
.btn-outline-primary {
color: #e87532 !important;
}
.btn-outline-secondary, #adminForm .btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger), #adminForm div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger), div.jd-register-login-wrapper .jd-register-login-box .jd-button-control #adminForm .jd-form-button:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger) {
color: #00a8e6 !important;
}
.btn-outline-success {
color: #1abc9c !important;
}
.btn-outline-warning {
color: #e87532 !important;
}
.btn-outline-info {
color: #d33d33 !important;
}
.btn-outline-danger {
color: #de5e60 !important;
}
.btn-outline-primary:hover {
color: #fff !important;
}
.btn-outline-secondary:hover, #adminForm .btn:not(.btn-danger):not(.btn-success):not(.btn-secondary):not(.btn-primary):hover, #adminForm div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:not(.btn-danger):not(.btn-success):not(.btn-secondary):not(.btn-primary):hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control #adminForm .jd-form-button:not(.btn-danger):not(.btn-success):not(.btn-secondary):not(.btn-primary):hover {
color: #fff !important;
}
.btn-outline-success:hover {
color: #fff !important;
}
.btn-outline-warning:hover {
color: #fff !important;
}
.btn-outline-info:hover {
color: #fff !important;
}
.btn-outline-danger:hover {
color: #fff !important;
}
.btn-primary:hover, .btn-backtohome:hover, .btn-prosandcons:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover, .btn-secondary:hover, .btn-success:hover, .btn-warning:hover, .btn-info:hover, .btn-danger:hover {
color: #FFF;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
b, strong {
font-weight: bold;
}
/*Frontend Button*/
a.jmodedit:after {
font-family: "Font Awesome 5 Free";
content: "EDIT";
color: #ff0000;
font-size: 14px;
height: 20px;
display: inline-block !important;
}
/* Iphone Submenu*/
.nav-child.unstyled.dropdown-menus:not(.menu_open) {
display: none;
}
/* No Padding for Stacked Seperated Header */
.astroid-header-section .astroid-stacked-seperated-header .header-stacked-inner {
padding: 0;
}
/* Astroid Overrides */
.com-finder > * + *, .com-finder__results > * + * {
margin-top: 0;
}
a {
text-decoration: none !important;
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
height: calc(1.1em + 14px);
font-size: 14px;
font-weight: 300;
}
.btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
font-weight: 300;
}
.search .form-group, .search #adminForm .controls, #adminForm .search .controls {
margin-bottom: 0;
}
.search .form-control, .search #adminForm .controls > textarea, #adminForm .search .controls > textarea, .search #adminForm .controls > select, #adminForm .search .controls > select, .search #adminForm .controls > input[type="text"], #adminForm .search .controls > input[type="text"], .search #adminForm .controls > input[type="password"], #adminForm .search .controls > input[type="password"], .search #adminForm .controls > input[type="datetime"], #adminForm .search .controls > input[type="datetime"], .search #adminForm .controls > input[type="datetime-local"], #adminForm .search .controls > input[type="datetime-local"], .search #adminForm .controls > input[type="date"], #adminForm .search .controls > input[type="date"], .search #adminForm .controls > input[type="month"], #adminForm .search .controls > input[type="month"], .search #adminForm .controls > input[type="time"], #adminForm .search .controls > input[type="time"], .search #adminForm .controls > input[type="week"], #adminForm .search .controls > input[type="week"], .search #adminForm .controls > input[type="number"], #adminForm .search .controls > input[type="number"], .search #adminForm .controls > input[type="email"], #adminForm .search .controls > input[type="email"], .search #adminForm .controls > input[type="url"], #adminForm .search .controls > input[type="url"], .search #adminForm .controls > input[type="search"], #adminForm .search .controls > input[type="search"], .search #adminForm .controls > input[type="tel"], #adminForm .search .controls > input[type="tel"], .search #adminForm .controls > input[type="color"], #adminForm .search .controls > input[type="color"], .search #adminForm .controls > .uneditable-input, #adminForm .search .controls > .uneditable-input, .search #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-calendar .search input[type="text"], .search #adminForm .controls .field-media-input, #adminForm .controls .search .field-media-input {
padding: 2px;
}
.btn-outline-dark {
border-color: #eee;
}
.form-signin .forget-password-link {
font-weight: 300;
font-size: 14px;
}
.form-check, #adminForm input[type="checkbox"], #adminForm input[type="radio"] {
padding-left: 0;
}
.astroid-logo img {
max-width: 100%;
max-height: 100%;
}
.item-image {
padding-bottom: 10px;
}
.card, .article-wraper-inner, .card-layout {
background-color: transparent;
background-clip: border-box;
border: none;
}
.article-wraper-inner {
box-shadow: none !important;
}
.card-body {
padding: 0 !important;
}
.astroid-header-section {
box-shadow: none !important;
}
.article-wraper-inner {
box-shadow: none !important;
}
.article-wraper-inner {
border: none !important;
}
.card-body {
padding: 0;
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
padding: 0;
}
.astroid-header-section .astroid-header-sticky > div {
padding-top: 0;
padding-bottom: 0;
}
.footer-section .astroid-row {
padding: 0;
}
.astroid-component-section {
padding: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 0;
}
li {
padding: 2px 0;
}
a.span.nav-title {
display: inline-block;
/* For IE11/ MS Edge bug */
pointer-events: none;
text-decoration: none;
cursor: text !important;
}
/*Sidebar Layout*/
.astroid-header .astroid-sidebar-block-1 {
margin-bottom: 0;
}
body.header-sidebar-left {
overflow-y: scroll;
position: relative;
}
.astroid-content.has-sidebar {
height: auto;
}
/*Shadow Disabled for Boxed Layout*/
.astroid-layout.astroid-layout-boxed .astroid-wrapper {
box-shadow: 0 0 5px #f2f2f2;
}
/*End Astroid Override*/
/* Search Form Override*/
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
box-shadow: none;
border-color: #f2f2f2;
}
/* Media Queries ========================================================================== */
@media (max-width: 768px) {
.container {
max-width: 98%;
}
}
/* Module Style */
.shadow-light {
-moz-box-shadow: 10px 10px rgba(242, 242, 242, 0.6);
-webkit-box-shadow: 10px 10px rgba(242, 242, 242, 0.6);
box-shadow: 10px 10px rgba(242, 242, 242, 0.6);
border: 1px solid rgba(242, 242, 242, 0.6);
}
.shadow-dark {
-moz-box-shadow: 10px 10px rgba(51, 51, 51, 0.6);
-webkit-box-shadow: 10px 10px rgba(51, 51, 51, 0.6);
box-shadow: 10px 10px rgba(51, 51, 51, 0.6);
border: 1px solid rgba(51, 51, 51, 0.6);
}
/*Headline Artikel Title */
.item-title, .module-title {
margin-bottom: 2rem;
}
.headline-border .item-title {
position: relative;
padding-bottom: 1.2rem;
border-bottom: 1px solid #ccc;
margin-bottom: 1.2rem;
}
.headline-border .item-title::after {
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100px;
background-color: #e87532 !important;
border: none;
}
/*Headline Border Modules
.headline-border .module-title {
position:relative;
padding-bottom:1.2rem;
border-bottom:1px solid #ccc;
margin-bottom:1.9rem;
border: none;
}
.headline-border .module-title::after {
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100px;
background-color: $primary !important;
border: none;
}
*/
/* Headlines Border 30 40 50*/
.headline-border-30 .module-title, .headline-border-40 .module-title, .headline-border-50 .module-title {
position: relative;
padding-bottom: 0.9rem;
border: none;
}
.headline-border-30 .module-title::after {
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30%;
background-color: #e87532 !important;
border: none;
}
.headline-border-40 .module-title::after {
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 40%;
background-color: #e87532 !important;
border: none;
}
.headline-border-50 .module-title::after {
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 50%;
background-color: #e87532 !important;
border: none;
}
/* Headlines Big*/
.headline-big .module-title {
font-size: 36px !important;
}
/* Headlines Color*/
.headline-primary.module-title {
color: #e87532 !important;
}
.headline-secondary .module-title {
color: #00a8e6 !important;
}
.headline-success .module-title {
color: #1abc9c !important;
}
.headline-info .module-title {
color: #d33d33 !important;
}
.headline-warning .module-title {
color: #e87532 !important;
}
.headline-danger .module-title {
color: #de5e60 !important;
}
.headline-light .module-title {
color: #f2f2f2 !important;
}
.headline-dark .module-title {
color: #333 !important;
}
/* Headlines Backgound*/
.headline-bg-primary .module-title {
background: #e87532 !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
.headline-bg-secondary .module-title {
background: #00a8e6 !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
.headline-bg-success .module-title {
background: #1abc9c !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
.headline-bg-info .module-title {
background: #d33d33 !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
.headline-bg-warning .module-title {
background: #e87532 !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
.headline-bg-danger .module-title {
background: #de5e60 !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
.headline-bg-light .module-title {
background: #f2f2f2 !important;
color: #333 !important;
padding: 6px 10px !important;
}
.headline-bg-dark .module-title {
background: #333 !important;
color: #f2f2f2 !important;
padding: 6px 10px !important;
}
/* Headlines Border*/
.headline-border-primary .module-title {
border-bottom: 1px solid #e87532 !important;
padding: 6px 0;
}
.headline-border-secondary .module-title {
border-bottom: 1px solid #00a8e6 !important;
padding: 6px 0;
}
.headline-border-success .module-title {
border-bottom: 1px solid #1abc9c !important;
padding: 6px 0;
}
.headline-border-info .module-title {
border-bottom: 1px solid #d33d33 !important;
padding: 6px 0;
}
.headline-border-dark .module-title {
border-bottom: 1px solid #333 !important;
padding: 6px 0;
}
.headline-border-danger .module-title {
border-bottom: 1px solid #de5e60 !important;
padding: 6px 0;
}
.headline-border-warning .module-title {
border-bottom: 1px solid #e87532 !important;
padding: 6px 0;
}
.headline-border-light .module-title {
border-bottom: 1px solid #f2f2f2 !important;
padding: 6px 0;
}
/* Headlines Bullet*/
.headline-bullet .module-title::before {
content: "";
display: inline-block;
position: relative;
top: calc(-0.1 * 1em);
vertical-align: middle;
height: calc(4px + 0.7em);
margin-right: calc(5px + 0.2em);
border-left: calc(5px + 0.1em) solid #e87532;
}
/* Headlines Center*/
.headline-center .module-title {
text-align: center !important;
}
.headline-center-border .module-title {
overflow: hidden;
text-align: center;
padding: 20px 0;
margin-bottom: 20px;
border-bottom: none;
font-size: 36px;
font-weight: 300;
}
.headline-center-border .module-title::after {
content: "";
display: block;
margin: 0 auto;
width: 40%;
position: relative;
padding-top: 0;
border-bottom: 1px solid inherit;
}
/*Horizontal Menu*/
ul.uk-subline {
display: inline-block !important;
display: flex !important;
flex-wrap: wrap !important;
}
ul.uk-subline li {
padding: 0 6px;
float: left;
}
/*Helper*/
.text-white * {
color: #fff !important;
}
.text-dark * {
color: #000 !important;
}
/*Uikit Slider*/
.uk-card-primary {
background: #e87532;
}
.uk-card-white {
background: white;
}
/*Uikit Switcher*/
.uk-tab > .uk-active > a {
color: #333;
border-color: #e87532 !important;
}
/*HR Styles*/
hr.primary {
padding: 5px 0;
border: none;
border-bottom: solid 3px #e87532 !important;
font-weight: bold;
position: relative;
margin-bottom: 8px;
width: 200px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 50px;
margin-top: 30px;
}
hr.primary::after {
content: "";
border-bottom: solid 3px #e87532 !important;
width: 100px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
hr.secondary {
border: none;
padding: 5px 0;
border-bottom: solid 3px #00a8e6 !important;
font-weight: bold;
position: relative;
margin-bottom: 8px;
width: 200px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 50px;
margin-top: 30px;
}
hr.secondary::after {
content: "";
border-bottom: solid 3px #00a8e6 !important;
width: 100px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
hr.success {
border: none;
padding: 5px 0;
border-bottom: solid 3px #1abc9c !important;
font-weight: bold;
position: relative;
margin-bottom: 8px;
width: 200px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 50px;
margin-top: 30px;
}
hr.success::after {
content: "";
border-bottom: solid 3px #1abc9c !important;
width: 100px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
hr.info {
border: none;
padding: 5px 0;
border-bottom: solid 3px #d33d33 !important;
font-weight: bold;
position: relative;
margin-bottom: 8px;
width: 200px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 50px;
margin-top: 30px;
}
hr.info::after {
content: "";
border-bottom: solid 3px #d33d33 !important;
width: 100px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
hr.warning {
border: none;
padding: 5px 0;
border-bottom: solid 3px #e87532 !important;
font-weight: bold;
position: relative;
margin-bottom: 8px;
width: 200px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 50px;
margin-top: 30px;
}
hr.warning::after {
content: "";
border-bottom: solid 3px #e87532 !important;
width: 100px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
hr.danger {
border: none;
padding: 5px 0;
border-bottom: solid 3px #de5e60 !important;
font-weight: bold;
position: relative;
margin-bottom: 8px;
width: 200px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 50px;
margin-top: 30px;
}
hr.danger::after {
content: "";
border-bottom: solid 3px #de5e60 !important;
width: 100px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
hr {
opacity: 1;
padding: 0 !important;
color: #aaa;
}
hr.light {
background-color: #f2f2f2 !important;
}
hr.dark {
background-color: #333 !important;
}
/* Video Iframe ========================================================================== */
.responsive-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 300px;
}
.responsive-iframe {
position: relative;
padding-top: 0px;
height: 0;
overflow: hidden;
margin: 0 0;
}
/* Start Sidebar Menu Active List*/
ul.list-inline li.active a::after {
display: none;
}
li.current a span.nav-title::after {
font-family: "Font Awesome 5 Free" !important;
font-weight: 700 !important;
content: "" !important;
padding-left: 4px !important;
}
/* End Sidebar Menu Active List*/
/*Start Frontend Edit Modus von Dirk*/
.btn-toolbar {
display: block;
}
[role="tooltip"]:not(.show) {
right: 5em;
z-index: 1070;
display: none;
max-width: 100%;
padding: 0.5em;
margin: 0.5em;
color: black;
text-align: start;
background: white;
border: 1px solid #6d757e;
border-radius: 0.25rem;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
}
/*End Frontend Edit Modus von Dirk*/
/* Suche Component Dirk*/
.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
margin-top: unset;
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
height: calc(1.8em + 14px);
font-size: 14px;
font-weight: 300;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc($input-border-width * -1);
border-top-left-radius: 0.375em;
border-bottom-left-radius: 0.375em;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375em;
}
.btn-secondary {
--bs-btn-border-color: rgba(221, 221, 221, 0);
}
/*End Component Dirk */
/*End Component Dirk */
.astroid-header-sticky {
box-shadow: 0px 15px 10px -15px #ddd;
}