/*!
 * dashmix - v5.4.0
 * @author pixelcave - https://pixelcave.com
 * Copyright (c) 2022
 */
/* xWork Theme */
/* -------------------------------------------------- */
/* Include base files */
/* Required files for theme creation */
/* -------------------------------------------------- */
/* Bootstrap functions */
/* Bootstrap functions */
/* Utility mixins and functions for evaluating source code across our variables, maps, and mixins. */
/* Ascending */
/* Used to evaluate Sass maps like our grid breakpoints. */
/* Starts at zero */
/* Used to ensure the min-width of the lowest breakpoint starts at 0. */
/* Colors */
/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-enable scss/dollar-variable-pattern */
/* Internal Bootstrap function to turn maps into its negative variant. */
/* It prefixes the keys with `n` and makes the value negative. */
/* Get multiple keys from a sass map */
/* Merge multiple maps */
/* Replace `$search` with `$replace` in `$string` */
/* Used on our SVG icon backgrounds for custom forms. */
/* @author Hugo Giraudel */
/* @param {String} $string - Initial string */
/* @param {String} $search - Substring to replace */
/* @param {String} $replace ('') - New value */
/* @return {String} - Updated string */
/* See https://codepen.io/kevinweber/pen/dXWoRw */
/* Requires the use of quotes around data URIs. */
/* Color contrast */
/* See https://github.com/twbs/bootstrap/pull/30168 */
/* A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255) */
/* stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern */
/* Return WCAG2.1 relative luminance */
/* See https://www.w3.org/TR/WCAG/#dfn-relative-luminance */
/* See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio */
/* Return opaque color */
/* opaque(#fff, rgba(0, 0, 0, .5)) => #808080 */
/* scss-docs-start color-functions */
/* Tint a color: mix a color with white */
/* Shade a color: mix a color with black */
/* Shade the color if the weight is positive, else tint it */
/* scss-docs-end color-functions */
/* Return valid calc */
/* User variables (your own variable overrides) */
/* Custom Bootstrap variables overrides */
/* Bootstrap variables (overrides) */
/* -------------------------------------------------- */
/* Color system */
/* The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7. */
/* See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast */
/* Options */
/* Quickly modify global styling by enabling or disabling optional features. */
/* Spacing */
/* Control the default styling of most Bootstrap elements by modifying these */
/* variables. Mostly focused on spacing. */
/* You can add more entries to the $spacers map, should you need more variation. */
/* Body */
/* Settings for the `<body>` element. */
/* Links */
/* Style anchor elements. */
/* Paragraphs */
/* Style p element. */
/* Grid columns */
/* Set the number of columns and specify the width of the gutters. */
/* Components */
/* Define common padding and border radius sizes and more. */
/* Fonts */
/* Font, line-height, and color for body text, headings, and more. */
/* Assumes the browser default, typically `16px` */
/* Tables */
/* Customizes the `.table` component with basic values, each used across all table variations. */
/* Buttons + Forms */
/* Shared variables that are reassigned to `$input-` and `$btn-` specific variables. */
/* Buttons */
/* For each of Bootstrap's buttons, define text, background and border color. */
/* Forms */
/* Navs */
/* Dropdowns */
/* Dropdown menu container and contents. */
/* Cards */
/* Pagination */
/* Popovers */
/* Badges */
/* Modals */
/* Alerts */
/* Define alert colors, border radius, and padding. */
/* Progress bars */
/* List group */
/* Breadcrumbs */
/* Bootstrap variables */
/* Variables */
/* Variables should follow the `$component-state-property-size` formula for */
/* consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. */
/* Color system */
/* scss-docs-start gray-color-variables */
/* scss-docs-end gray-color-variables */
/* fusv-disable */
/* scss-docs-start gray-colors-map */
/* scss-docs-end gray-colors-map */
/* fusv-enable */
/* scss-docs-start color-variables */
/* scss-docs-end color-variables */
/* scss-docs-start colors-map */
/* scss-docs-end colors-map */
/* The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7. */
/* See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast */
/* Customize the light and dark text colors for use in our color contrast function. */
/* fusv-disable */
/* fusv-enable */
/* scss-docs-start theme-color-variables */
/* scss-docs-end theme-color-variables */
/* scss-docs-start theme-colors-map */
/* scss-docs-end theme-colors-map */
/* Characters which are escaped by the escape-svg function */
/* Options */
/* Quickly modify global styling by enabling or disabling optional features. */
/* Prefix for :root CSS variables */
/* Deprecated in v5.2.0 for the shorter `$prefix` */
/* Gradient */
/* The gradient which is added to components if `$enable-gradients` is `true` */
/* This gradient is also added to elements with `.bg-gradient` */
/* scss-docs-start variable-gradient */
/* scss-docs-end variable-gradient */
/* Spacing */
/* Control the default styling of most Bootstrap elements by modifying these */
/* variables. Mostly focused on spacing. */
/* You can add more entries to the $spacers map, should you need more variation. */
/* scss-docs-start spacer-variables-maps */
/* scss-docs-end spacer-variables-maps */
/* Position */
/* Define the edge positioning anchors of the position utilities. */
/* scss-docs-start position-map */
/* scss-docs-end position-map */
/* Body */
/* Settings for the `<body>` element. */
/* Links */
/* Style anchor elements. */
/* Paragraphs */
/* Style p element. */
/* Grid breakpoints */
/* Define the minimum dimensions at which your layout will change, */
/* adapting to different screen sizes, for use in media queries. */
/* scss-docs-start grid-breakpoints */
/* scss-docs-end grid-breakpoints */
/* Do nothing */
/* Grid containers */
/* Define the maximum width of `.container` for different screen sizes. */
/* scss-docs-start container-max-widths */
/* scss-docs-end container-max-widths */
/* Do nothing */
/* Grid columns */
/* Set the number of columns and specify the width of the gutters. */
/* Container padding */
/* Components */
/* Define common padding and border radius sizes and more. */
/* scss-docs-start border-variables */
/* scss-docs-end border-variables */
/* scss-docs-start border-radius-variables */
/* scss-docs-end border-radius-variables */
/* scss-docs-start box-shadow-variables */
/* scss-docs-end box-shadow-variables */
/* scss-docs-start caret-variables */
/* scss-docs-end caret-variables */
/* scss-docs-start collapse-transition */
/* scss-docs-end collapse-transition */
/* stylelint-disable function-disallowed-list */
/* scss-docs-start aspect-ratios */
/* scss-docs-end aspect-ratios */
/* stylelint-enable function-disallowed-list */
/* Typography */
/* Font, line-height, and color for body text, headings, and more. */
/* scss-docs-start font-variables */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/* $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins */
/* $font-size-base affects the font size of the body text */
/* Assumes the browser default, typically `16px` */
/* scss-docs-end font-variables */
/* scss-docs-start font-sizes */
/* scss-docs-end font-sizes */
/* scss-docs-start headings-variables */
/* scss-docs-end headings-variables */
/* scss-docs-start display-headings */
/* scss-docs-end display-headings */
/* scss-docs-start type-variables */
/* fusv-disable */
/* Deprecated in v5.2.0 */
/* Deprecated in v5.2.0 */
/* fusv-enable */
/* Allows for inherited colors */
/* scss-docs-end type-variables */
/* Tables */
/* Customizes the `.table` component with basic values, each used across all table variations. */
/* scss-docs-start table-variables */
/* scss-docs-end table-variables */
/* scss-docs-start table-loop */
/* scss-docs-end table-loop */
/* Buttons + Forms */
/* Shared variables that are reassigned to `$input-` and `$btn-` specific variables. */
/* scss-docs-start input-btn-variables */
/* scss-docs-end input-btn-variables */
/* Buttons */
/* For each of Bootstrap's buttons, define text, background, and border color. */
/* scss-docs-start btn-variables */
/* Set to `nowrap` to prevent text wrapping */
/* Allows for customizing button radius independently from global border radius */
/* scss-docs-end btn-variables */
/* Forms */
/* scss-docs-start form-text-variables */
/* scss-docs-end form-text-variables */
/* scss-docs-start form-label-variables */
/* scss-docs-end form-label-variables */
/* scss-docs-start form-input-variables */
/* scss-docs-end form-input-variables */
/* scss-docs-start form-check-variables */
/* scss-docs-end form-check-variables */
/* scss-docs-start form-switch-variables */
/* scss-docs-end form-switch-variables */
/* scss-docs-start input-group-variables */
/* scss-docs-end input-group-variables */
/* scss-docs-start form-select-variables */
/* Extra padding for background-image */
/* In pixels because image dimensions */
/* scss-docs-end form-select-variables */
/* scss-docs-start form-range-variables */
/* For focus box shadow issue in Edge */
/* scss-docs-end form-range-variables */
/* scss-docs-start form-file-variables */
/* scss-docs-end form-file-variables */
/* scss-docs-start form-floating-variables */
/* scss-docs-end form-floating-variables */
/* Form validation */
/* scss-docs-start form-feedback-variables */
/* scss-docs-end form-feedback-variables */
/* scss-docs-start form-validation-states */
/* scss-docs-end form-validation-states */
/* Z-index master list */
/* Warning: Avoid customizing these values. They're used for a bird's eye view */
/* of components dependent on the z-axis and are designed to all work together. */
/* scss-docs-start zindex-stack */
/* scss-docs-end zindex-stack */
/* Navs */
/* scss-docs-start nav-variables */
/* scss-docs-end nav-variables */
/* Navbar */
/* scss-docs-start navbar-variables */
/* Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link */
/* scss-docs-end navbar-variables */
/* scss-docs-start navbar-theme-variables */
/* scss-docs-end navbar-theme-variables */
/* Dropdowns */
/* Dropdown menu container and contents. */
/* scss-docs-start dropdown-variables */
/* fusv-disable */
/* Deprecated in v5.2.0 */
/* fusv-enable */
/* scss-docs-end dropdown-variables */
/* scss-docs-start dropdown-dark-variables */
/* scss-docs-end dropdown-dark-variables */
/* Pagination */
/* scss-docs-start pagination-variables */
/* scss-docs-end pagination-variables */
/* Placeholders */
/* scss-docs-start placeholders */
/* scss-docs-end placeholders */
/* Cards */
/* scss-docs-start card-variables */
/* scss-docs-end card-variables */
/* Accordion */
/* scss-docs-start accordion-variables */
/* scss-docs-end accordion-variables */
/* Tooltips */
/* scss-docs-start tooltip-variables */
/* TODO: remove this in v6 */
/* fusv-disable */
/* Deprecated in Bootstrap 5.2.0 for CSS variables */
/* fusv-enable */
/* scss-docs-end tooltip-variables */
/* Form tooltips must come after regular tooltips */
/* scss-docs-start tooltip-feedback-variables */
/* scss-docs-end tooltip-feedback-variables */
/* Popovers */
/* scss-docs-start popover-variables */
/* scss-docs-end popover-variables */
/* fusv-disable */
/* Deprecated in Bootstrap 5.2.0 for CSS variables */
/* fusv-enable */
/* Toasts */
/* scss-docs-start toast-variables */
/* scss-docs-end toast-variables */
/* Badges */
/* scss-docs-start badge-variables */
/* scss-docs-end badge-variables */
/* Modals */
/* scss-docs-start modal-variables */
/* Keep this for backwards compatibility */
/* scss-docs-end modal-variables */
/* Alerts */
/* Define alert colors, border radius, and padding. */
/* scss-docs-start alert-variables */
/* 3x covers width of x plus default padding on either side */
/* scss-docs-end alert-variables */
/* Progress bars */
/* scss-docs-start progress-variables */
/* scss-docs-end progress-variables */
/* List group */
/* scss-docs-start list-group-variables */
/* scss-docs-end list-group-variables */
/* Image thumbnails */
/* scss-docs-start thumbnail-variables */
/* scss-docs-end thumbnail-variables */
/* Figures */
/* scss-docs-start figure-variables */
/* scss-docs-end figure-variables */
/* Breadcrumbs */
/* scss-docs-start breadcrumb-variables */
/* scss-docs-end breadcrumb-variables */
/* Carousel */
/* scss-docs-start carousel-variables */
/* Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`) */
/* scss-docs-end carousel-variables */
/* Spinners */
/* scss-docs-start spinner-variables */
/* scss-docs-end spinner-variables */
/* Close */
/* scss-docs-start close-variables */
/* scss-docs-end close-variables */
/* Offcanvas */
/* scss-docs-start offcanvas-variables */
/* scss-docs-end offcanvas-variables */
/* Code */
/* Deprecated in v5.2.0, removing in v6 */
/* Bootstrap mixins */
/* Toggles */
/* Used in conjunction with global variables to enable certain theme features. */
/* Vendor */
/* stylelint-disable property-blacklist, scss/dollar-variable-default */
/* SCSS RFS mixin */
/* Automated responsive values for font sizes, paddings, margins and much more */
/* Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE) */
/* Configuration */
/* Base value */
/* Breakpoint at where values start decreasing if screen width is smaller */
/* Resize values based on screen height and width */
/* Factor of decrease */
/* Mode. Possibilities: "min-media-query", "max-media-query" */
/* Generate enable or disable classes. Possibilities: false, "enable" or "disable" */
/* 1 rem = $rfs-rem-value px */
/* Safari iframe resize bug: https://github.com/twbs/rfs/issues/14 */
/* Disable RFS by setting $enable-rfs to false */
/* Cache $rfs-base-value unit */
/* Remove px-unit from $rfs-base-value for calculations */
/* Cache $rfs-breakpoint unit to prevent multiple calls */
/* Remove unit from $rfs-breakpoint for calculations */
/* Calculate the media query value */
/* Internal mixin used to determine which media query needs to be used */
/* Internal mixin that adds disable classes to the selector if needed. */
/* Internal mixin that adds enable classes to the selector if needed. */
/* Helper function to get the formatted non-responsive value */
/* Helper function to get the responsive value calculated by RFS */
/* RFS mixin */
/* Shorthand helper mixins */
/* Deprecate */
/* Deprecate mixin */
/* This mixin can be used to deprecate mixins or functions. */
/* `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to */
/* some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) */
/* Helpers */
/* Breakpoint viewport sizes and media queries. */
/* Breakpoints are defined as a map of (name: minimum width), order from small to large: */
/*    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px) */
/* The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default. */
/* Name of the next breakpoint, or null for the last breakpoint. */
/*    >> breakpoint-next(sm) */
/*    md */
/*    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)) */
/*    md */
/*    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl)) */
/*    md */
/* Minimum breakpoint width. Null for the smallest (first) breakpoint. */
/*    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)) */
/*    576px */
/* Maximum breakpoint width. */
/* The maximum value is reduced by 0.02px to work around the limitations of */
/* `min-` and `max-` prefixes and viewports with fractional widths. */
/* See https://www.w3.org/TR/mediaqueries-4/#mq-min-max */
/* Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari. */
/* See https://bugs.webkit.org/show_bug.cgi?id=178261 */
/*    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)) */
/*    767.98px */
/* Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front. */
/* Useful for making responsive utilities. */
/*    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)) */
/*    ""  (Returns a blank string) */
/*    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)) */
/*    "-sm" */
/* Media of at least the minimum breakpoint width. No query for the smallest breakpoint. */
/* Makes the @content apply to the given breakpoint and wider. */
/* Media of at most the maximum breakpoint width. No query for the largest breakpoint. */
/* Makes the @content apply to the given breakpoint and narrower. */
/* Media that spans multiple breakpoint widths. */
/* Makes the @content apply between the min and max breakpoints */
/* Media between the breakpoint's minimum and maximum widths. */
/* No minimum for the smallest breakpoint, and no maximum for the largest one. */
/* Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. */
/* scss-docs-start mixin-color-scheme */
/* scss-docs-end mixin-color-scheme */
/* Image Mixins */
/* - Responsive image */
/* - Retina image */
/* Responsive image */
/* Keep images from scaling beyond the width of their parents. */
/* Resize anything */ /* stylelint-disable declaration-no-important */
/* Hide content visually while keeping it accessible to assistive technologies */
/* See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ */
/* See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/ */
/* Use to only display content when it's focused, or one of its child elements is focused */
/* (i.e. when focus is within the element/container that the class was applied to) */
/* Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 */
/* Text truncate */
/* Requires inline-block or block for proper styling */
/* Utilities */
/* Utility generator */
/* Used to generate utilities & print utilities */
/* Components */
/* scss-docs-start alert-variant-mixin */
/* scss-docs-end alert-variant-mixin */
/* Shared between modals and offcanvases */ /* Button variants */
/* Easily pump out default styles, as well as :hover, :focus, :active, */
/* and disabled options for all buttons */
/* scss-docs-start btn-variant-mixin */
/* scss-docs-end btn-variant-mixin */
/* scss-docs-start btn-outline-variant-mixin */
/* scss-docs-end btn-outline-variant-mixin */
/* scss-docs-start btn-size-mixin */
/* scss-docs-end btn-size-mixin */
/* scss-docs-start caret-mixins */
/* scss-docs-end caret-mixins */
/* Pagination */
/* scss-docs-start pagination-mixin */
/* scss-docs-end pagination-mixin */
/* Lists */
/* Unstyled keeps list items block level, just removes default browser padding and list-style */
/* List Groups */
/* scss-docs-start list-group-mixin */
/* scss-docs-end list-group-mixin */
/* This mixin uses an `if()` technique to be compatible with Dart Sass */
/* See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details */
/* scss-docs-start form-validation-mixins */
/* scss-docs-end form-validation-mixins */
/* scss-docs-start table-variant */
/* scss-docs-end table-variant */
/* Skins */
/* stylelint-disable property-disallowed-list */
/* Single side border-radius */
/* Helper function to replace negative values with 0 */
/* scss-docs-start border-radius-mixins */
/* scss-docs-end border-radius-mixins */
/* Gradients */
/* scss-docs-start gradient-bg-mixin */
/* scss-docs-end gradient-bg-mixin */
/* scss-docs-start gradient-mixins */
/* Horizontal gradient, from left to right */
/* Creates two color stops, start and end, by specifying a color and position for each color stop. */
/* Vertical gradient, from top to bottom */
/* Creates two color stops, start and end, by specifying a color and position for each color stop. */
/* scss-docs-end gradient-mixins */
/* stylelint-disable property-disallowed-list */
/* Layout */
/* scss-docs-start clearfix */
/* scss-docs-end clearfix */
/* Container mixins */ /* Grid system */
/* Generate semantic grid columns with these mixins. */
/* Row columns */
/* Specify on a parent element(e.g., .row) to force immediate children into NN */
/* number of columns. Supports wrapping to new lines, but does not do a Masonry */
/* style grid. */
/* Framework grid generation */
/* Used only by Bootstrap to generate the correct number of grid classes given */
/* any value of `$grid-columns`. */
/* Custom mixins and Bootstrap overrides */
/* Mixins */
/* -------------------------------------------------- */
/* Custom mixins and Bootstrap overrides */
/* Text emphasis */
/* -------------------------------------------------- */
/* Custom mixins */
/* Backgrounds */
/* -------------------------------------------------- */
/* Original Bootstrap 4 mixin */
/* Buttons */
/* -------------------------------------------------- */
/* Hero variant */
/* Content */
/* -------------------------------------------------- */
/* Theme */
/* -------------------------------------------------- */
/* Dark Mode Theme */
/* -------------------------------------------------- */
/* Ribbon */
/* -------------------------------------------------- */
/* Custom variables */
/* Dashmix variables */
/* -------------------------------------------------- */
/* Colors */
/* Paragraphs */
/* Z-index master list additions */
/* Hero Buttons */
/* Header */
/* Best values > 3rem and < 5rem */
/* Footer */
/* Used as min-height for static footer and fixed height for fixed footer mode */
/* Sidebar and Side Overlay */
/* Main Navigation */
/* Layout Spaces */
/* Content padding */
/* Content padding in mobile */
/* Content padding inside side content */
/* Row with tiny gutter */
/* Block padding */
/* Boxed content max width */
/* Narrow content max width */
/* Main content max width */
/* Third Party */
/* Themes variables */
/* -------------------------------------------------- */
/* xWork Theme */
/* xModern Theme */
/* xEco Theme */
/* xSmooth Theme */
/* xInspire Theme */
/* xDream Theme */
/* xPro Theme */
/* xPlay Theme */
/* Generate color theme */
/* Scaffolding */
body {
  color: #343a40;
  background-color: #f5f5f5;
}

/* Links */
a {
  color: #0665d0;
}
a.link-fx::before {
  background-color: #0665d0;
}
a:hover {
  color: #03356d;
}

/* Typography */
.content-heading {
  border-bottom-color: #ebebeb;
}

hr {
  border-top-color: #ebebeb;
}

/* Contextual text colors */
.text-primary {
  color: #2d72d9 !important;
}

a.text-primary.link-fx::before {
  background-color: #2d72d9 !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #205bb3 !important;
}

.text-primary-dark {
  color: #1d2124 !important;
}

a.text-primary-dark.link-fx::before {
  background-color: #1d2124 !important;
}
a.text-primary-dark:hover, a.text-primary-dark:focus {
  color: #060708 !important;
}

.text-primary-darker {
  color: #060708 !important;
}

a.text-primary-darker.link-fx::before {
  background-color: #060708 !important;
}
a.text-primary-darker:hover, a.text-primary-darker:focus {
  color: black !important;
}

.text-primary-light {
  color: #5193de !important;
}

a.text-primary-light.link-fx::before {
  background-color: #5193de !important;
}
a.text-primary-light:hover, a.text-primary-light:focus {
  color: #2879d4 !important;
}

.text-primary-lighter {
  color: #a8c9ef !important;
}

a.text-primary-lighter.link-fx::before {
  background-color: #a8c9ef !important;
}
a.text-primary-lighter:hover, a.text-primary-lighter:focus {
  color: #7daee7 !important;
}

.text-body-bg {
  color: #f5f5f5 !important;
}

a.text-body-bg.link-fx::before {
  background-color: #f5f5f5 !important;
}
a.text-body-bg:hover, a.text-body-bg:focus {
  color: gainsboro !important;
}

.text-body-bg-light {
  color: #fafafa !important;
}

a.text-body-bg-light.link-fx::before {
  background-color: #fafafa !important;
}
a.text-body-bg-light:hover, a.text-body-bg-light:focus {
  color: #e1e1e1 !important;
}

.text-body-bg-dark {
  color: #ebebeb !important;
}

a.text-body-bg-dark.link-fx::before {
  background-color: #ebebeb !important;
}
a.text-body-bg-dark:hover, a.text-body-bg-dark:focus {
  color: #d1d1d1 !important;
}

.text-body-color {
  color: #343a40 !important;
}

a.text-body-color.link-fx::before {
  background-color: #343a40 !important;
}
a.text-body-color:hover, a.text-body-color:focus {
  color: #1d2124 !important;
}

.text-body-color-dark {
  color: #212529 !important;
}

a.text-body-color-dark.link-fx::before {
  background-color: #212529 !important;
}
a.text-body-color-dark:hover, a.text-body-color-dark:focus {
  color: #0a0c0d !important;
}

.text-body-color-light {
  color: #ebebeb !important;
}

a.text-body-color-light.link-fx::before {
  background-color: #ebebeb !important;
}
a.text-body-color-light:hover, a.text-body-color-light:focus {
  color: #d1d1d1 !important;
}

/* Contextual dual text colors (for dark header/sidebar) */
.text-dual {
  color: #1d2124 !important;
}

a.text-dual.link-fx::before {
  background-color: #1d2124 !important;
}
a.text-dual:hover, a.text-dual:focus {
  color: #060708 !important;
}

.page-header-dark #page-header .text-dual,
.sidebar-dark #sidebar .text-dual {
  color: #ebebeb !important;
}
.page-header-dark #page-header a.text-dual.link-fx::before,
.sidebar-dark #sidebar a.text-dual.link-fx::before {
  background-color: #ebebeb !important;
}
.page-header-dark #page-header a.text-dual:hover, .page-header-dark #page-header a.text-dual:focus,
.sidebar-dark #sidebar a.text-dual:hover,
.sidebar-dark #sidebar a.text-dual:focus {
  color: #d1d1d1 !important;
}

/* Contextual background colors */
.bg-primary {
  background-color: #2d72d9 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #205bb3 !important;
}

.bg-primary-op {
  background-color: rgba(45, 114, 217, 0.75) !important;
}

a.bg-primary-op:hover, a.bg-primary-op:focus,
button.bg-primary-op:hover,
button.bg-primary-op:focus {
  background-color: rgba(32, 91, 179, 0.75) !important;
}

.bg-primary-dark {
  background-color: #1d2124 !important;
}

a.bg-primary-dark:hover, a.bg-primary-dark:focus,
button.bg-primary-dark:hover,
button.bg-primary-dark:focus {
  background-color: #060708 !important;
}

.bg-primary-dark-op {
  background-color: rgba(29, 33, 36, 0.8) !important;
}

a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus,
button.bg-primary-dark-op:hover,
button.bg-primary-dark-op:focus {
  background-color: rgba(6, 7, 8, 0.8) !important;
}

.bg-primary-darker {
  background-color: #060708 !important;
}

a.bg-primary-darker:hover, a.bg-primary-darker:focus,
button.bg-primary-darker:hover,
button.bg-primary-darker:focus {
  background-color: black !important;
}

.bg-primary-light {
  background-color: #5193de !important;
}

a.bg-primary-light:hover, a.bg-primary-light:focus,
button.bg-primary-light:hover,
button.bg-primary-light:focus {
  background-color: #2879d4 !important;
}

.bg-primary-lighter {
  background-color: #a8c9ef !important;
}

a.bg-primary-lighter:hover, a.bg-primary-lighter:focus,
button.bg-primary-lighter:hover,
button.bg-primary-lighter:focus {
  background-color: #7daee7 !important;
}

.bg-body {
  background-color: #f5f5f5 !important;
}

a.bg-body:hover, a.bg-body:focus,
button.bg-body:hover,
button.bg-body:focus {
  background-color: gainsboro !important;
}

.bg-body-light {
  background-color: #fafafa !important;
}

a.bg-body-light:hover, a.bg-body-light:focus,
button.bg-body-light:hover,
button.bg-body-light:focus {
  background-color: #e1e1e1 !important;
}

.bg-body-dark {
  background-color: #ebebeb !important;
}

a.bg-body-dark:hover, a.bg-body-dark:focus,
button.bg-body-dark:hover,
button.bg-body-dark:focus {
  background-color: #d1d1d1 !important;
}

/* Elements */
.bg-header-light {
  background-color: #fff !important;
}

a.bg-header-light:hover, a.bg-header-light:focus,
button.bg-header-light:hover,
button.bg-header-light:focus {
  background-color: #e6e6e6 !important;
}

.bg-header-dark {
  background-color: #2967c3 !important;
}

a.bg-header-dark:hover, a.bg-header-dark:focus,
button.bg-header-dark:hover,
button.bg-header-dark:focus {
  background-color: #205199 !important;
}

.bg-sidebar-light {
  background-color: #fff !important;
}

a.bg-sidebar-light:hover, a.bg-sidebar-light:focus,
button.bg-sidebar-light:hover,
button.bg-sidebar-light:focus {
  background-color: #e6e6e6 !important;
}

.bg-sidebar-dark {
  background-color: #35393e !important;
}

a.bg-sidebar-dark:hover, a.bg-sidebar-dark:focus,
button.bg-sidebar-dark:hover,
button.bg-sidebar-dark:focus {
  background-color: #1d2023 !important;
}

/* Gradients */
.bg-gd-primary {
  background: #2d72d9 linear-gradient(135deg, #2d72d9 0%, #6e9de5 100%) !important;
}

/* Buttons */
.btn-link {
  color: #0665d0;
}
.btn-link:hover {
  color: #03356d;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2d72d9;
  --bs-btn-border-color: #2d72d9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #245bae;
  --bs-btn-hover-border-color: #2256a3;
  --bs-btn-focus-shadow-rgb: 77, 135, 223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #245bae;
  --bs-btn-active-border-color: #2256a3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2d72d9;
  --bs-btn-disabled-border-color: #2d72d9;
}

.btn-outline-primary {
  --bs-btn-color: #2d72d9;
  --bs-btn-border-color: #2d72d9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2d72d9;
  --bs-btn-hover-border-color: #2d72d9;
  --bs-btn-focus-shadow-rgb: 45, 114, 217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2d72d9;
  --bs-btn-active-border-color: #2d72d9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2d72d9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2d72d9;
  --bs-gradient: none;
}

.btn-alt-primary {
  --bs-btn-color: #1b4482;
  --bs-btn-bg: #cbdcf6;
  --bs-btn-border-color: #cbdcf6;
  --bs-btn-hover-color: #122e57;
  --bs-btn-hover-bg: #96b9ec;
  --bs-btn-hover-border-color: #96b9ec;
  --bs-btn-focus-shadow-rgb: 177, 197, 229;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d5e3f8;
  --bs-btn-active-border-color: #d0e0f7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #cbdcf6;
  --bs-btn-disabled-border-color: #cbdcf6;
}

.btn-alt-secondary {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f5f5f5;
  --bs-btn-border-color: #f5f5f5;
  --bs-btn-hover-color: #1c1f23;
  --bs-btn-hover-bg: #dddddd;
  --bs-btn-hover-border-color: #dddddd;
  --bs-btn-focus-shadow-rgb: 213, 214, 214;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f7f7f7;
  --bs-btn-active-border-color: #f6f6f6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f5f5f5;
  --bs-btn-disabled-border-color: #f5f5f5;
}

/* Used for buttons that adapt to light/dark header and sidebar variations */
.page-header-dark #page-header .btn-alt-secondary,
.sidebar-dark #sidebar .btn-alt-secondary,
#sidebar .bg-header-dark .content-header .btn-alt-secondary,
.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #497ecc;
  --bs-btn-border-color: #497ecc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5f8dd2;
  --bs-btn-hover-border-color: #5f8dd2;
  --bs-btn-focus-shadow-rgb: 100, 145, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3a65a3;
  --bs-btn-active-border-color: #375f99;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #497ecc;
  --bs-btn-disabled-border-color: #497ecc;
}

/* Alerts */
.alert-primary {
  --bs-alert-color: #1d2124;
  --bs-alert-bg: #a8c9ef;
  --bs-alert-border-color: #a8c9ef;
}
.alert-primary .alert-link {
  color: #171a1d;
}

/* Progress Bars */
.progress-bar {
  background-color: #2d72d9;
}

/* Nav links */
.nav-link:hover, .nav-link:focus {
  color: #2d72d9;
}

/* Nav Pills */
.nav-pills .nav-link {
  color: #2d72d9;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
  background-color: #f5f5f5;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #2d72d9;
}

/* Nav Tabs */
.nav-tabs {
  border-bottom-color: #ebebeb;
}
.nav-tabs .nav-link {
  color: #2d72d9;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #ebebeb #ebebeb #ebebeb;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-color: #ebebeb #ebebeb #fff;
}

/* Tabs block variation */
.nav-tabs-block {
  background-color: #fafafa;
}
.nav-tabs-block .nav-link {
  border-color: transparent;
}
.nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus {
  color: #2d72d9;
  background-color: #f5f5f5;
  border-color: transparent;
}
.nav-tabs-block .nav-link.active,
.nav-tabs-block .nav-item.show .nav-link {
  color: #343a40;
  background-color: #fff;
  border-color: transparent;
}

/* Tabs block alternative variation */
.nav-tabs-alt {
  border-bottom-color: #ebebeb;
}
.nav-tabs-alt .nav-link {
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus {
  color: #2d72d9;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px #2d72d9;
}
.nav-tabs-alt .nav-link.active,
.nav-tabs-alt .nav-item.show .nav-link {
  color: #343a40;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px #2d72d9;
}

/* Various Items Navigation */
.nav-items a {
  border-bottom-color: #f5f5f5;
}
.nav-items a:hover {
  background-color: #fafafa;
}
.nav-items a:active {
  background-color: #f5f5f5;
}
.nav-items > li:last-child > a {
  border-bottom: none;
}

/* Cards */
.card.card-borderless {
  box-shadow: 0 1px 2px rgba(228, 228, 228, 0.5), 0 1px 2px rgba(228, 228, 228, 0.5);
}
.card > .card-header:not(.bg-transparent),
.card > .card-footer:not(.bg-transparent) {
  background-color: #fafafa;
}
.card > .card-header:not(.border-bottom-0),
.card > .card-footer:not(.border-top-0) {
  border-color: #ebebeb;
}
.card:not(.card-borderless),
.card:not(.card-borderless) > .card-header {
  border-color: #ebebeb;
}

/* Pagination */
.page-item.active .page-link {
  background-color: #2d72d9;
  border-color: #2d72d9;
}

.page-link {
  color: #343a40;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.page-link:hover {
  color: #343a40;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
}
.page-link:focus {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

/* List Group */
.list-group-item-action {
  color: #343a40;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #343a40;
  background-color: #fafafa;
}
.list-group-item-action:active {
  color: #343a40;
  background-color: #ebebeb;
}

.list-group-item {
  border-color: #ebebeb;
}
.list-group-item.active {
  color: #fff;
  background-color: #2d72d9;
  border-color: #2d72d9;
}

/* Popovers */
.popover {
  border-color: #ebebeb;
}

.bs-popover-top .popover-arrow::before, .bs-popover-auto[x-placement^=top] .popover-arrow::before {
  border-top-color: #ebebeb;
}
.bs-popover-top .popover-arrow::after, .bs-popover-auto[x-placement^=top] .popover-arrow::after {
  border-top-color: #fff;
}

.bs-popover-end .popover-arrow::before, .bs-popover-auto[x-placement^=right] .popover-arrow::before {
  border-left-color: #ebebeb;
}
.bs-popover-end .popover-arrow::after, .bs-popover-auto[x-placement^=right] .popover-arrow::after {
  border-left-color: #fff;
}

.bs-popover-bottom .popover-arrow::before, .bs-popover-auto[x-placement^=bottom] .popover-arrow::before {
  border-bottom-color: #ebebeb;
}
.bs-popover-bottom .popover-arrow::after, .bs-popover-auto[x-placement^=bottom] .popover-arrow::after {
  border-bottom-color: #fff;
}

.bs-popover-start .popover-arrow::before, .bs-popover-auto[x-placement^=left] .popover-arrow::before {
  border-right-color: #ebebeb;
}
.bs-popover-start .popover-arrow::after, .bs-popover-auto[x-placement^=left] .popover-arrow::after {
  border-right-color: #fff;
}

/* Modals */
.modal-header {
  border-bottom-color: #ebebeb;
}

.modal-footer {
  border-top-color: #ebebeb;
}

/* Dropdowns */
.dropdown-menu {
  border-color: #ebebeb;
}

.dropdown-divider {
  border-top-color: #f5f5f5;
}

.dropdown-item {
  color: #343a40;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #212529;
  background-color: #f5f5f5;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #2d72d9;
}

/* Tables */
.table {
  --bs-table-striped-bg: #f9f9f9;
  --bs-table-active-bg: #f5f5f5;
  --bs-table-hover-bg: #f1f1f1;
  border-color: #ebebeb;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #ebebeb;
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #a8c9ef;
  --bs-table-border-color: #97b5d7;
  --bs-table-striped-bg: #a0bfe3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #97b5d7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #9bbadd;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* Forms */
.form-control,
.form-select {
  color: #343a40;
  background-color: #fff;
  border-color: #e1e1e1;
}
.form-control:focus,
.form-select:focus {
  color: #212529;
  background-color: #fff;
  border-color: #99baed;
  box-shadow: 0 0 0 0.25rem rgba(45, 114, 217, 0.25);
}
.form-control:disabled,
.form-select:disabled {
  background-color: #e9ecef;
}

.form-select:focus::-ms-value {
  color: #343a40;
  background-color: #fff;
}

.form-control.form-control-alt,
.form-select.form-control-alt {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
}
.form-control.form-control-alt:focus,
.form-select.form-control-alt:focus {
  border-color: #ebebeb;
  background-color: #ebebeb;
  box-shadow: none;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.375rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #6f9c40;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%; /* Contain to parent when possible */
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(111, 156, 64, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #6f9c40;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #6f9c40;
  box-shadow: 0 0 0 0.25rem rgba(111, 156, 64, 0.25);
}

/* stylelint-disable-next-line selector-no-qualifying-type */
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #6f9c40;
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #6f9c40;
  box-shadow: 0 0 0 0.25rem rgba(111, 156, 64, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #6f9c40;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #6f9c40;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(111, 156, 64, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #6f9c40;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-right: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.375rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #e04f1a;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%; /* Contain to parent when possible */
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(224, 79, 26, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #e04f1a;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #e04f1a;
  box-shadow: 0 0 0 0.25rem rgba(224, 79, 26, 0.25);
}

/* stylelint-disable-next-line selector-no-qualifying-type */
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #e04f1a;
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #e04f1a;
  box-shadow: 0 0 0 0.25rem rgba(224, 79, 26, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #e04f1a;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #e04f1a;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(224, 79, 26, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #e04f1a;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-right: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.input-group-text {
  color: #343a40;
  background-color: #f5f5f5;
  border-color: #e1e1e1;
}

.input-group-text.input-group-text-alt {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.form-check-input {
  border-color: gainsboro;
}
.form-check-input:focus {
  border-color: #2d72d9;
  box-shadow: 0 0 0 0.25rem rgba(45, 114, 217, 0.25);
}
.form-check-input:checked {
  background-color: #2d72d9;
  border-color: #2d72d9;
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='gainsboro'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232d72d9'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-block .form-check-label {
  border-color: #ebebeb;
}
.form-block .form-check-label:hover {
  border-color: #dedede;
}
.form-block .form-check-label::before {
  background-color: #2d72d9;
}
.form-block .form-check-input:checked ~ .form-check-label {
  border-color: #2d72d9;
}
.form-block .form-check-input:focus ~ .form-check-label {
  border-color: #2d72d9;
  box-shadow: 0 0 0 0.25rem rgba(45, 114, 217, 0.25);
}
.form-block .form-check-input:disabled:not([checked]) + .form-check-label:hover,
.form-block .form-check-input[readonly]:not([checked]) + .form-check-label:hover {
  border-color: #ebebeb;
}

/* Border */
.border {
  border-color: #ebebeb !important;
}

.border-top {
  border-top-color: #ebebeb !important;
}

.border-end {
  border-left-color: #ebebeb !important;
}

.border-bottom {
  border-bottom-color: #ebebeb !important;
}

.border-start {
  border-right-color: #ebebeb !important;
}

.border-primary {
  border-color: #0665d0 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #6f9c40 !important;
}

.border-info {
  border-color: #3c90df !important;
}

.border-warning {
  border-color: #e69f17 !important;
}

.border-danger {
  border-color: #e04f1a !important;
}

.border-light {
  border-color: #f0f3f8 !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-primary {
  border-color: #2d72d9 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white-op {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-black-op {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

/* Main Structure */
#page-header {
  background-color: #fff;
}

#sidebar {
  background-color: #fff;
}

#side-overlay {
  background-color: #fff;
}

/* Layout/Style variations based on #page-container classes */
#page-container {
  /* Page header */
  /* Sidebar and Side Overlay */
}
#page-container.page-header-dark #page-header {
  color: #d6d6d6;
  background-color: #2967c3;
}
#page-container.page-header-glass #page-header {
  background-color: transparent;
}
#page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header {
  background-color: rgba(255, 255, 255, 0.9);
}
#page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-dark #page-header {
  background-color: rgba(41, 103, 195, 0.9);
}
#page-container.sidebar-dark #sidebar {
  color: #ebebeb;
  background-color: #35393e;
}

/* Sidebar */
#sidebar.with-mini-nav .sidebar-mini-nav {
  color: #ebebeb;
  background-color: #3c4146;
}

/* Blocks */
.block {
  box-shadow: 0 1px 3px rgba(228, 228, 228, 0.5), 0 1px 2px rgba(228, 228, 228, 0.5);
}

.block-header-default {
  background-color: #fafafa;
}

/* Block Variations */
.block.block-bordered {
  border-color: #ebebeb;
}
.block.block-themed > .block-header {
  background-color: #2d72d9;
}

/* Block Modes */
.block.block-mode-loading::after {
  color: #2d72d9;
}
.block.block-mode-loading.block-mode-loading-dark::after {
  background-color: #1d2124;
}

/* Block Links */
a.block {
  color: #343a40;
}
a.block:hover {
  color: #343a40;
}
a.block.block-link-pop:hover {
  box-shadow: 0 0.5rem 2rem #e1e1e1;
}
a.block.block-link-pop:active {
  box-shadow: 0 0.25rem 0.75rem #f2f2f2;
}
a.block.block-link-shadow:hover {
  box-shadow: 0 0 2.25rem #e1e1e1;
}
a.block.block-link-shadow:active {
  box-shadow: 0 0 1.125rem #ebebeb;
}

/* Block Effects */
.block.block-fx-shadow {
  box-shadow: 0 0 2.25rem #e1e1e1;
}
.block.block-fx-pop {
  box-shadow: 0 0.5rem 2rem #e1e1e1;
}

/* Block Options */
.btn-block-option {
  color: #2d72d9;
}
.btn-block-option:hover {
  color: #5193de;
}
a.btn-block-option:focus,
.active > a.btn-block-option,
.show > button.btn-block-option {
  color: #5193de;
}

.btn-block-option:active {
  color: #a8c9ef;
}

/* Page Loader */
#page-loader {
  background-color: #2d72d9;
}

/* Main Navigation */
/* Headings */
.nav-main-heading {
  color: #6d7a86;
}

/* Default links */
.nav-main-link {
  color: #3f474e;
}
.nav-main-link .nav-main-link-icon {
  color: rgba(45, 114, 217, 0.7);
}
.nav-main-link:hover, .nav-main-link.active {
  color: #000;
  background-color: #e9ecef;
}

/* Sub menus */
.nav-main-submenu {
  background-color: #f8f9fa;
}
.nav-main-submenu .nav-main-link {
  color: #626d78;
}
.nav-main-submenu .nav-main-link:hover, .nav-main-submenu .nav-main-link.active {
  color: #23272b;
  background-color: transparent;
}

/* Active sub menu */
.nav-main-item.open > .nav-main-link-submenu {
  color: #000;
  background-color: #e9ecef;
}

.nav-main-submenu .nav-main-item.open .nav-main-link {
  background-color: transparent;
}

/* Nav Main Horizontal */
@media (min-width: 992px) {
  .nav-main-horizontal {
    /* Menu variations */
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu {
    color: #000;
    background-color: #e9ecef;
  }
}
/* Dark Sidebar Variation */
.nav-main-dark,
.sidebar-dark #sidebar,
.page-header-dark #page-header,
.dark-mode #side-overlay,
.dark-mode #main-container {
  /* Headings */
  /* Default links */
  /* Sub menus */
  /* Active sub menu */
}
.nav-main-dark .nav-main-heading,
.sidebar-dark #sidebar .nav-main-heading,
.page-header-dark #page-header .nav-main-heading,
.dark-mode #side-overlay .nav-main-heading,
.dark-mode #main-container .nav-main-heading {
  color: #7d858f;
}
.nav-main-dark .nav-main-link,
.sidebar-dark #sidebar .nav-main-link,
.page-header-dark #page-header .nav-main-link,
.dark-mode #side-overlay .nav-main-link,
.dark-mode #main-container .nav-main-link {
  color: #c1c5ca;
}
.nav-main-dark .nav-main-link > .nav-main-link-icon,
.sidebar-dark #sidebar .nav-main-link > .nav-main-link-icon,
.page-header-dark #page-header .nav-main-link > .nav-main-link-icon,
.dark-mode #side-overlay .nav-main-link > .nav-main-link-icon,
.dark-mode #main-container .nav-main-link > .nav-main-link-icon {
  color: #646c75;
}
.nav-main-dark .nav-main-link:hover, .nav-main-dark .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-link.active,
.page-header-dark #page-header .nav-main-link:hover,
.page-header-dark #page-header .nav-main-link.active,
.dark-mode #side-overlay .nav-main-link:hover,
.dark-mode #side-overlay .nav-main-link.active,
.dark-mode #main-container .nav-main-link:hover,
.dark-mode #main-container .nav-main-link.active {
  color: #fff;
  background-color: #2a2e32;
}
.nav-main-dark .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-submenu,
.page-header-dark #page-header .nav-main-submenu,
.dark-mode #side-overlay .nav-main-submenu,
.dark-mode #main-container .nav-main-submenu {
  background-color: #2e3136;
}
.nav-main-dark .nav-main-submenu .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-link,
.dark-mode #side-overlay .nav-main-submenu .nav-main-link,
.dark-mode #main-container .nav-main-submenu .nav-main-link {
  color: #a6acb3;
}
.nav-main-dark .nav-main-submenu .nav-main-link:hover, .nav-main-dark .nav-main-submenu .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link.active,
.page-header-dark #page-header .nav-main-submenu .nav-main-link:hover,
.page-header-dark #page-header .nav-main-submenu .nav-main-link.active,
.dark-mode #side-overlay .nav-main-submenu .nav-main-link:hover,
.dark-mode #side-overlay .nav-main-submenu .nav-main-link.active,
.dark-mode #main-container .nav-main-submenu .nav-main-link:hover,
.dark-mode #main-container .nav-main-submenu .nav-main-link.active {
  color: #fff;
  background-color: transparent;
}
.nav-main-dark .nav-main-item.open > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-item.open > .nav-main-link-submenu,
.dark-mode #side-overlay .nav-main-item.open > .nav-main-link-submenu,
.dark-mode #main-container .nav-main-item.open > .nav-main-link-submenu {
  color: #fff;
  background-color: #2a2e32;
}
.nav-main-dark .nav-main-item.open > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-item.open > .nav-main-submenu,
.dark-mode #side-overlay .nav-main-item.open > .nav-main-submenu,
.dark-mode #main-container .nav-main-item.open > .nav-main-submenu {
  background-color: #2e3136;
}
.nav-main-dark .nav-main-submenu .nav-main-item.open .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-item.open .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-item.open .nav-main-link,
.dark-mode #side-overlay .nav-main-submenu .nav-main-item.open .nav-main-link,
.dark-mode #main-container .nav-main-submenu .nav-main-item.open .nav-main-link {
  background-color: transparent;
}

@media (min-width: 992px) {
  .nav-main-dark.nav-main-horizontal .nav-main-heading,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-heading,
.page-header-dark #page-header .nav-main-horizontal .nav-main-heading {
    color: rgba(255, 255, 255, 0.5);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link {
    color: rgba(255, 255, 255, 0.75);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link > .nav-main-link-icon,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link > .nav-main-link-icon,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link > .nav-main-link-icon {
    color: rgba(255, 255, 255, 0.4);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link:hover, .nav-main-dark.nav-main-horizontal .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link.active,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
    color: #fff;
    background-color: #292c30;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.nav-main-dark.nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu {
    color: #fff;
    background-color: #292c30;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.nav-main-dark.nav-main-horizontal .nav-main-item:hover > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu {
    background-color: #292c30;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link,
.page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
    background-color: transparent;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover, .page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
    background-color: #255cae;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu {
    background-color: #255cae;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu {
    background-color: #255cae;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
    background-color: transparent;
  }
}
/* Various Items Navigation */
.nav-items a {
  border-bottom-color: #f5f5f5;
}
.nav-items a:hover {
  background-color: #fafafa;
}

/* Sidebar Mini Nav */
.mini-nav-item {
  color: #c5c5c5;
}
.mini-nav-item.active {
  background-color: #43484e;
  color: #fff;
}
.mini-nav-item:hover {
  color: #fff;
  background-color: #43484e;
}
.mini-nav-item:active {
  color: #c5c5c5;
}

/* Activity */
.list-activity > li {
  border-bottom-color: #f5f5f5;
}

/* Timeline */
.timeline-event-icon {
  box-shadow: 0 0.375rem 1.5rem #e1e1e1;
}

/* Ribbons */
.ribbon-light .ribbon-box {
  color: #343a40;
  background-color: #ebebeb;
}
.ribbon-light.ribbon-bookmark .ribbon-box::before {
  border-color: #ebebeb;
  border-right-color: transparent;
}
.ribbon-light.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #ebebeb;
  border-left-color: transparent;
}

.ribbon-primary .ribbon-box {
  color: #fff;
  background-color: #2d72d9;
}
.ribbon-primary.ribbon-bookmark .ribbon-box::before {
  border-color: #2d72d9;
  border-right-color: transparent;
}
.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #2d72d9;
  border-left-color: transparent;
}

/* Bootstrap Datepicker */
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-color: #2d72d9;
  border-color: #2d72d9;
}

/* CKEditor */
.cke_chrome,
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.ck.ck-toolbar {
  border-color: #ebebeb !important;
}

.cke_top,
.ck.ck-toolbar {
  border-bottom-color: #ebebeb !important;
  background: #fafafa !important;
}

.ck.ck-toolbar .ck.ck-toolbar__separator {
  background: #ebebeb !important;
}

.cke_bottom {
  border-top-color: #ebebeb !important;
  background: #fafafa !important;
}

/* DropzoneJS */
.dropzone {
  background-color: #fafafa;
  border-color: #e1e1e1;
}
.dropzone .dz-message {
  color: #343a40;
}
.dropzone:hover {
  background-color: #fff;
  border-color: #2d72d9;
}
.dropzone:hover .dz-message {
  color: #2d72d9;
}

/* FullCalendar */
.fc-theme-standard a {
  color: #343a40;
}
.fc-theme-standard .fc-button-primary {
  color: #343a40;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.fc-theme-standard .fc-button-primary:not(:disabled):hover {
  color: #343a40;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.fc-theme-standard .fc-button-primary:not(:disabled).fc-button-active, .fc-theme-standard .fc-button-primary:not(:disabled):active {
  color: #343a40;
  background-color: #fafafa;
  border-color: #fafafa;
}
.fc-theme-standard .fc-button-primary:focus, .fc-theme-standard .fc-button-primary:not(:disabled).fc-button-active:focus, .fc-theme-standard .fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 114, 217, 0.4);
}
.fc-theme-standard th,
.fc-theme-standard td,
.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard .fc-list {
  border-color: #ebebeb;
}
.fc-theme-standard .fc-h-event {
  background-color: #2d72d9;
  border: #2d72d9;
}
.fc-theme-standard .fc-col-header-cell,
.fc-theme-standard .fc-list-day-cushion {
  background-color: #fafafa;
}

/* Ion Range Slider */
.irs.irs--round .irs-min,
.irs.irs--round .irs-max,
.irs.irs--round .irs-line,
.irs.irs--round .irs-grid-pol {
  background: #f5f5f5;
}
.irs.irs--round .irs-handle {
  border-color: #2d72d9;
}
.irs.irs--round .irs-from:before,
.irs.irs--round .irs-to:before,
.irs.irs--round .irs-single:before {
  border-top-color: #2d72d9;
}
.irs.irs--round .irs-bar,
.irs.irs--round .irs-from,
.irs.irs--round .irs-to,
.irs.irs--round .irs-single {
  background: #2d72d9;
}

/* Select2 */
.select2-container--default .select2-selection--single {
  border-color: #e1e1e1;
}
.select2-container--default .select2-selection--multiple {
  border-color: #e1e1e1;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #99baed;
  box-shadow: 0 0 0 0.25rem rgba(45, 114, 217, 0.25);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2d72d9;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #e1e1e1;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2d72d9;
}
.select2-container--default .select2-dropdown .select2-search__field:focus {
  border-color: #99baed;
  box-shadow: 0 0 0 0.25rem rgba(45, 114, 217, 0.25);
}

/* Simple Bar */
.simplebar-scrollbar::before {
  background: rgba(0, 0, 0, 0.75);
}

/* Slick */
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
  color: #1d2124;
}

/* Simple MDE */
.editor-toolbar {
  border-color: #ebebeb;
  background-color: #fafafa;
}

.CodeMirror {
  border-color: #ebebeb;
}

/* Nestable2 */
.dd-handle {
  color: #343a40;
  background: #fafafa;
  border-color: #ebebeb;
}
.dd-handle:hover {
  color: #212529;
}

.dd-empty,
.dd-placeholder {
  border-color: #060708;
  background: #a8c9ef;
}

/* Flatpickr */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border-color: #2d72d9;
  background: #2d72d9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #2d72d9;
}

/* jVectorMap */
.jvectormap-tip {
  background: #1d2124;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
  background: #1d2124;
}

.dark-mode {
  /* Main Structure */
  /* Typography */
  /* Links */
  /* Contextual background colors */
  /* Contextual text colors */
  /* Buttons */
  /* Nav links */
  /* Nav Pills */
  /* Nav Tabs */
  /* Tabs block variation */
  /* Tabs block alternative variation */
  /* Various Items Navigation */
  /* Cards */
  /* Pagination */
  /* List Group */
  /* Popovers */
  /* Dropdowns */
  /* Tables */
  /* Forms */
  /* stylelint-disable-next-line selector-no-qualifying-type */
  /* stylelint-disable-next-line selector-no-qualifying-type */
  /* Breadcrumb */
  /* Alerts */
  /* Progress Bars */
  /* Lists */
  /* Modals */
  /* Toasts */
  /* Borders */
  /* Blocks */
  /* Timeline */
  /* Images */
  /* SweetAlert2 */
  /* jVectorMap */
  /* CKEditor 5 */
  /* DropzoneJS */
  /* FullCalendar */
  /* Ion Range Slider */
  /* Select2 */
  /* Bootstrap Datepicker */
  /* Flatpickr */
  /* Nestable2 */
}
.dark-mode,
.dark-mode #side-overlay,
.dark-mode #page-loader {
  background-color: #222528;
  color: #a6acb3;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .h1,
.dark-mode .h2,
.dark-mode .h3,
.dark-mode .h4,
.dark-mode .h5,
.dark-mode .h6 {
  color: #ebebeb;
}
.dark-mode .content-heading {
  border-bottom-color: #373c41;
}
.dark-mode hr {
  border-top-color: #373c41;
}
.dark-mode code {
  color: #e685b5;
}
.dark-mode .story p,
.dark-mode p.story {
  color: #8a929b;
}
.dark-mode a:not(.mini-nav-item):not(.badge):not(.btn):not(.btn-block-option):not(.block):not(.dropdown-item):not(.nav-link):not(.page-link):not(.alert-link):not(.nav-main-link):not(.list-group-item-action):not(.close):not(.fc-event):not(.text-success-light):not(.text-danger-light):not(.text-warning-light):not(.text-info-light) {
  color: #588fe1;
}
.dark-mode a:not(.mini-nav-item):not(.badge):not(.btn):not(.btn-block-option):not(.block):not(.dropdown-item):not(.nav-link):not(.page-link):not(.alert-link):not(.nav-main-link):not(.list-group-item-action):not(.close):not(.fc-event):not(.text-success-light):not(.text-danger-light):not(.text-warning-light):not(.text-info-light).link-fx::before {
  background-color: #588fe1;
}
.dark-mode a:not(.mini-nav-item):not(.badge):not(.btn):not(.btn-block-option):not(.block):not(.dropdown-item):not(.nav-link):not(.page-link):not(.alert-link):not(.nav-main-link):not(.list-group-item-action):not(.close):not(.fc-event):not(.text-success-light):not(.text-danger-light):not(.text-warning-light):not(.text-info-light):hover {
  color: #2d72d9;
}
.dark-mode .bg-body {
  background-color: #222528 !important;
}
.dark-mode a.bg-body:hover, .dark-mode a.bg-body:focus,
.dark-mode button.bg-body:hover,
.dark-mode button.bg-body:focus {
  background-color: #0b0b0d !important;
}
.dark-mode .bg-body-light {
  background-color: #303439 !important;
}
.dark-mode a.bg-body-light:hover, .dark-mode a.bg-body-light:focus,
.dark-mode button.bg-body-light:hover,
.dark-mode button.bg-body-light:focus {
  background-color: #191b1d !important;
}
.dark-mode .bg-body-dark {
  background-color: #1f2124 !important;
}
.dark-mode a.bg-body-dark:hover, .dark-mode a.bg-body-dark:focus,
.dark-mode button.bg-body-dark:hover,
.dark-mode button.bg-body-dark:focus {
  background-color: #070808 !important;
}
.dark-mode .bg-body-extra-light {
  background-color: #292c30 !important;
}
.dark-mode a.bg-body-extra-light:hover, .dark-mode a.bg-body-extra-light:focus,
.dark-mode button.bg-body-extra-light:hover,
.dark-mode button.bg-body-extra-light:focus {
  background-color: #121315 !important;
}
.dark-mode .bg-muted {
  background-color: #aeaeae !important;
}
.dark-mode a.bg-muted:hover, .dark-mode a.bg-muted:focus,
.dark-mode button.bg-muted:hover,
.dark-mode button.bg-muted:focus {
  background-color: #949494 !important;
}
.dark-mode .text-primary {
  color: #4380dd !important;
}
.dark-mode a.text-primary.link-fx::before {
  background-color: #4380dd !important;
}
.dark-mode a.text-primary:hover, .dark-mode a.text-primary:focus {
  color: #2466c8 !important;
}
.dark-mode .text-success {
  color: #7cae47 !important;
}
.dark-mode a.text-success.link-fx::before {
  background-color: #7cae47 !important;
}
.dark-mode a.text-success:hover, .dark-mode a.text-success:focus {
  color: #628a39 !important;
}
.dark-mode .text-warning {
  color: #eaa92d !important;
}
.dark-mode a.text-warning.link-fx::before {
  background-color: #eaa92d !important;
}
.dark-mode a.text-warning:hover, .dark-mode a.text-warning:focus {
  color: #cf8f15 !important;
}
.dark-mode .text-info {
  color: #529ce3 !important;
}
.dark-mode a.text-info.link-fx::before {
  background-color: #529ce3 !important;
}
.dark-mode a.text-info:hover, .dark-mode a.text-info:focus {
  color: #2684db !important;
}
.dark-mode .text-danger {
  color: #e75f2d !important;
}
.dark-mode a.text-danger.link-fx::before {
  background-color: #e75f2d !important;
}
.dark-mode a.text-danger:hover, .dark-mode a.text-danger:focus {
  color: #c94717 !important;
}
.dark-mode .text-body-bg {
  color: #222528 !important;
}
.dark-mode a.text-body-bg.link-fx::before {
  background-color: #222528 !important;
}
.dark-mode a.text-body-bg:hover, .dark-mode a.text-body-bg:focus {
  color: #0b0b0d !important;
}
.dark-mode .text-body-bg-dark {
  color: #1b1d20 !important;
}
.dark-mode a.text-body-bg-dark.link-fx::before {
  background-color: #1b1d20 !important;
}
.dark-mode a.text-body-bg-dark:hover, .dark-mode a.text-body-bg-dark:focus {
  color: #040404 !important;
}
.dark-mode .text-body-bg-light {
  color: #303439 !important;
}
.dark-mode a.text-body-bg-light.link-fx::before {
  background-color: #303439 !important;
}
.dark-mode a.text-body-bg-light:hover, .dark-mode a.text-body-bg-light:focus {
  color: #191b1d !important;
}
.dark-mode .text-body-color {
  color: #a6acb3 !important;
}
.dark-mode a.text-body-color.link-fx::before {
  background-color: #a6acb3 !important;
}
.dark-mode a.text-body-color:hover, .dark-mode a.text-body-color:focus {
  color: #8a929b !important;
}
.dark-mode .text-body-color-dark {
  color: #7d858f !important;
}
.dark-mode a.text-body-color-dark.link-fx::before {
  background-color: #7d858f !important;
}
.dark-mode a.text-body-color-dark:hover, .dark-mode a.text-body-color-dark:focus {
  color: #646c75 !important;
}
.dark-mode .text-body-color-light {
  color: #cfd2d6 !important;
}
.dark-mode a.text-body-color-light.link-fx::before {
  background-color: #cfd2d6 !important;
}
.dark-mode a.text-body-color-light:hover, .dark-mode a.text-body-color-light:focus {
  color: #b4b8be !important;
}
.dark-mode .text-dark {
  color: #b8b8b8 !important;
}
.dark-mode a.text-dark.link-fx::before {
  background-color: #b8b8b8 !important;
}
.dark-mode a.text-dark:hover, .dark-mode a.text-dark:focus {
  color: #9e9e9e !important;
}
.dark-mode .text-muted {
  color: #7d858f !important;
}
.dark-mode a.text-muted.link-fx::before {
  background-color: #7d858f !important;
}
.dark-mode a.text-muted:hover, .dark-mode a.text-muted:focus {
  color: #646c75 !important;
}
.dark-mode .btn-secondary,
.dark-mode .btn-alt-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #35393e;
  --bs-btn-border-color: #35393e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1d2023;
  --bs-btn-hover-border-color: #1d2023;
  --bs-btn-focus-shadow-rgb: 83, 87, 91;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2a2e32;
  --bs-btn-active-border-color: #282b2f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #35393e;
  --bs-btn-disabled-border-color: #35393e;
}
.dark-mode .nav-link {
  color: #d1d1d1;
}
.dark-mode .nav-link:hover, .dark-mode .nav-link:focus {
  color: #2d72d9;
}
.dark-mode .nav-pills .nav-link {
  color: #9e9e9e;
}
.dark-mode .nav-pills .nav-link:hover, .dark-mode .nav-pills .nav-link:focus {
  background-color: #3c4146;
}
.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2d72d9;
}
.dark-mode .nav-tabs {
  border-bottom-color: #373c41;
}
.dark-mode .nav-tabs .nav-link:hover, .dark-mode .nav-tabs .nav-link:focus {
  border-color: #373c41 #373c41 #373c41;
}
.dark-mode .nav-tabs .nav-link.active,
.dark-mode .nav-tabs .nav-item.show .nav-link {
  color: #d1d1d1;
  background-color: transparent;
  border-color: #373c41 #373c41 #292c30;
}
.dark-mode .nav-tabs-block {
  background-color: #373c41;
}
.dark-mode .nav-tabs-block .nav-link {
  border-color: transparent;
  color: #d1d1d1;
}
.dark-mode .nav-tabs-block .nav-link:hover, .dark-mode .nav-tabs-block .nav-link:focus {
  color: #2d72d9;
  background-color: #303439;
  border-color: transparent;
}
.dark-mode .nav-tabs-block .nav-link.active,
.dark-mode .nav-tabs-block .nav-item.show .nav-link {
  color: #d1d1d1;
  background-color: #292c30;
  border-color: transparent;
}
.dark-mode .nav-tabs-alt {
  border-bottom-color: #303439;
}
.dark-mode .nav-tabs-alt .nav-link {
  color: #d1d1d1;
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .nav-tabs-alt .nav-link:hover, .dark-mode .nav-tabs-alt .nav-link:focus {
  color: #2d72d9;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px #2d72d9;
}
.dark-mode .nav-tabs-alt .nav-link.active,
.dark-mode .nav-tabs-alt .nav-item.show .nav-link {
  color: #d1d1d1;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px #2d72d9;
}
.dark-mode .nav-items a:hover {
  background-color: #3c4146;
}
.dark-mode .nav-items a:active {
  background-color: transparent;
}
.dark-mode .nav-items > li:not(:last-child) > a {
  border-bottom-color: #373c41;
}
.dark-mode .card {
  background-color: #292c30;
}
.dark-mode .card.card-borderless {
  box-shadow: 0 1px 2px rgba(32, 34, 37, 0.5), 0 1px 2px rgba(32, 34, 37, 0.5);
}
.dark-mode .card > .card-header:not(.bg-transparent),
.dark-mode .card > .card-footer:not(.bg-transparent) {
  background-color: #373c41;
}
.dark-mode .card > .card-header:not(.border-bottom-0),
.dark-mode .card > .card-footer:not(.border-top-0) {
  border-color: #373c41;
}
.dark-mode .card:not(.card-borderless),
.dark-mode .card:not(.card-borderless) > .card-header {
  border-color: #373c41;
}
.dark-mode .card > .card-header .block-title small {
  color: #aeaeae;
}
.dark-mode .page-link {
  color: #9e9e9e;
  background-color: #222528;
  border-color: #222528;
}
.dark-mode .page-link:hover {
  color: #9e9e9e;
  background-color: #1b1d20;
  border-color: #1b1d20;
}
.dark-mode .page-link:focus {
  background-color: #1b1d20;
  border-color: #1b1d20;
}
.dark-mode .page-item.active .page-link {
  background-color: #2d72d9;
  border-color: #2d72d9;
}
.dark-mode .page-item.disabled .page-link {
  color: #6b6b6b;
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .list-group-item-action {
  color: #d1d1d1;
}
.dark-mode .list-group-item-action:hover, .dark-mode .list-group-item-action:focus {
  color: #d1d1d1;
  background-color: #34383d;
}
.dark-mode .list-group-item-action:active {
  color: #d1d1d1;
  background-color: #222528;
}
.dark-mode .list-group-item-action.disabled {
  color: #858585;
}
.dark-mode .list-group-item {
  color: #d1d1d1;
  background-color: #303439;
  border-color: #1f2124;
}
.dark-mode .list-group-item.active {
  color: #fff;
  background-color: #2d72d9;
  border-color: #2d72d9;
}
.dark-mode .popover {
  border-color: #1f2124;
  background-color: #303439;
}
.dark-mode .bs-popover-top .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=top] .popover-arrow::before {
  border-top-color: #1f2124;
}
.dark-mode .bs-popover-top .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=top] .popover-arrow::after {
  border-top-color: #303439;
}
.dark-mode .bs-popover-end .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=right] .popover-arrow::before {
  border-left-color: #1f2124;
}
.dark-mode .bs-popover-end .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=right] .popover-arrow::after {
  border-left-color: #303439;
}
.dark-mode .bs-popover-bottom .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=bottom] .popover-arrow::before {
  border-bottom-color: #1f2124;
}
.dark-mode .bs-popover-bottom .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=bottom] .popover-arrow::after {
  border-bottom-color: #303439;
}
.dark-mode .bs-popover-start .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=left] .popover-arrow::before {
  border-right-color: #1f2124;
}
.dark-mode .bs-popover-start .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=left] .popover-arrow::after {
  border-right-color: #303439;
}
.dark-mode .popover-header {
  color: #ebebeb;
  background-color: #303439;
  border-bottom-color: #1f2124;
}
.dark-mode .popover-body {
  color: #d1d1d1;
  background-color: #303439;
}
.dark-mode .dropdown-menu {
  color: #d1d1d1;
  background-color: #303439;
  border-color: #303439;
  box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25);
}
.dark-mode .dropdown-menu .dropdown-item {
  color: #c5c5c5;
}
.dark-mode .dropdown-menu .dropdown-item:hover, .dark-mode .dropdown-menu .dropdown-item:focus {
  color: #d1d1d1;
  background-color: #3c4146;
}
.dark-mode .dropdown-menu .dropdown-item.active, .dark-mode .dropdown-menu .dropdown-item:active {
  color: #dedede;
  background-color: #454b51;
}
.dark-mode .dropdown-menu .dropdown-item.disabled, .dark-mode .dropdown-menu .dropdown-item:disabled {
  color: #6b6b6b;
}
.dark-mode .dropdown-menu .dropdown-divider {
  border-color: #41464c;
}
.dark-mode .dropdown-menu .dropdown-item-text {
  color: #d1d1d1;
}
.dark-mode .dropdown-menu .dropdown-header {
  color: #ababab !important;
}
.dark-mode .table {
  --bs-table-striped-color: #fafafa;
  --bs-table-striped-bg: #26292c;
  --bs-table-active-color: #fafafa;
  --bs-table-active-bg: #373c41;
  --bs-table-hover-color: #fafafa;
  --bs-table-hover-bg: #232629;
  color: #fafafa;
  border-color: #1b1d20;
}
.dark-mode .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #1b1d20;
}
.dark-mode .table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: rgba(31, 33, 36, 0.75);
  --bs-table-border-color: rgba(66, 68, 70, 0.775);
  --bs-table-striped-bg: rgba(49, 51, 54, 0.7625);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgba(66, 68, 70, 0.775);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgba(58, 59, 62, 0.76875);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.dark-mode .table-primary {
  --bs-table-color: #fff;
  --bs-table-bg: rgba(36, 91, 174, 0.75);
  --bs-table-border-color: rgba(70, 117, 187, 0.775);
  --bs-table-striped-bg: rgba(54, 104, 181, 0.7625);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgba(70, 117, 187, 0.775);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgba(62, 111, 184, 0.76875);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.dark-mode .table-info {
  --bs-table-color: #fff;
  --bs-table-bg: rgba(30, 58, 138, 0.75);
  --bs-table-border-color: rgba(65, 89, 156, 0.775);
  --bs-table-striped-bg: rgba(48, 74, 147, 0.7625);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgba(65, 89, 156, 0.775);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgba(57, 81, 152, 0.76875);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.dark-mode .table-success {
  --bs-table-color: #fff;
  --bs-table-bg: rgba(20, 83, 45, 0.75);
  --bs-table-border-color: rgba(57, 110, 78, 0.775);
  --bs-table-striped-bg: rgba(39, 97, 62, 0.7625);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgba(57, 110, 78, 0.775);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgba(48, 103, 70, 0.76875);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.dark-mode .table-danger {
  --bs-table-color: #fff;
  --bs-table-bg: rgba(127, 29, 29, 0.75);
  --bs-table-border-color: rgba(147, 64, 64, 0.775);
  --bs-table-striped-bg: rgba(137, 47, 47, 0.7625);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgba(147, 64, 64, 0.775);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgba(142, 56, 56, 0.76875);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.dark-mode .table-warning {
  --bs-table-color: #fff;
  --bs-table-bg: rgba(113, 63, 18, 0.75);
  --bs-table-border-color: rgba(135, 93, 55, 0.775);
  --bs-table-striped-bg: rgba(124, 78, 37, 0.7625);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgba(135, 93, 55, 0.775);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgba(130, 86, 46, 0.76875);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.dark-mode .form-text {
  color: #7d858f;
}
.dark-mode .form-control::-moz-placeholder {
  color: #7d858f;
}
.dark-mode .form-control::placeholder {
  color: #7d858f;
}
.dark-mode .form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.dark-mode .form-floating > .form-control::placeholder {
  color: transparent;
}
.dark-mode .form-control,
.dark-mode .form-select {
  color: #d1d1d1;
  background-color: #1f2124;
  border-color: #3c4146;
}
.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
  color: #fff;
  background-color: #1f2124;
  border-color: #2d72d9;
}
.dark-mode .form-control:disabled,
.dark-mode .form-select:disabled {
  background-color: #2e3136;
  border-color: #2e3136;
}
.dark-mode .form-select:focus::-ms-value {
  color: #d1d1d1;
  background-color: #1f2124;
}
.dark-mode .form-control-plaintext {
  color: #d1d1d1;
}
.dark-mode .valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.375rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #89b956;
}
.dark-mode .valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%; /* Contain to parent when possible */
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(137, 185, 86, 0.9);
  border-radius: 0.375rem;
}
.was-validated .dark-mode:valid ~ .valid-feedback,
.was-validated .dark-mode:valid ~ .valid-tooltip, .dark-mode.is-valid ~ .valid-feedback,
.dark-mode.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .dark-mode .form-control:valid, .dark-mode .form-control.is-valid {
  border-color: #89b956;
}
.was-validated .dark-mode .form-control:valid:focus, .dark-mode .form-control.is-valid:focus {
  border-color: #89b956;
  box-shadow: 0 0 0 0.25rem rgba(137, 185, 86, 0.25);
}
.was-validated .dark-mode .form-select:valid, .dark-mode .form-select.is-valid {
  border-color: #89b956;
}
.was-validated .dark-mode .form-select:valid:focus, .dark-mode .form-select.is-valid:focus {
  border-color: #89b956;
  box-shadow: 0 0 0 0.25rem rgba(137, 185, 86, 0.25);
}
.was-validated .dark-mode .form-check-input:valid, .dark-mode .form-check-input.is-valid {
  border-color: #89b956;
}
.was-validated .dark-mode .form-check-input:valid:checked, .dark-mode .form-check-input.is-valid:checked {
  background-color: #89b956;
}
.was-validated .dark-mode .form-check-input:valid:focus, .dark-mode .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(137, 185, 86, 0.25);
}
.was-validated .dark-mode .form-check-input:valid ~ .form-check-label, .dark-mode .form-check-input.is-valid ~ .form-check-label {
  color: #89b956;
}
.dark-mode .form-check-inline .form-check-input ~ .valid-feedback {
  margin-right: 0.5em;
}
.was-validated .dark-mode .input-group .form-control:valid, .dark-mode .input-group .form-control.is-valid,
.was-validated .dark-mode .input-group .form-select:valid,
.dark-mode .input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .dark-mode .input-group .form-control:valid:focus, .dark-mode .input-group .form-control.is-valid:focus,
.was-validated .dark-mode .input-group .form-select:valid:focus,
.dark-mode .input-group .form-select.is-valid:focus {
  z-index: 3;
}
.dark-mode .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.375rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #ec815b;
}
.dark-mode .invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%; /* Contain to parent when possible */
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  /* Do not print the media query if responsive & non-responsive values are the same */
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(236, 129, 91, 0.9);
  border-radius: 0.375rem;
}
.was-validated .dark-mode:invalid ~ .invalid-feedback,
.was-validated .dark-mode:invalid ~ .invalid-tooltip, .dark-mode.is-invalid ~ .invalid-feedback,
.dark-mode.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .dark-mode .form-control:invalid, .dark-mode .form-control.is-invalid {
  border-color: #ec815b;
}
.was-validated .dark-mode .form-control:invalid:focus, .dark-mode .form-control.is-invalid:focus {
  border-color: #ec815b;
  box-shadow: 0 0 0 0.25rem rgba(236, 129, 91, 0.25);
}
.was-validated .dark-mode .form-select:invalid, .dark-mode .form-select.is-invalid {
  border-color: #ec815b;
}
.was-validated .dark-mode .form-select:invalid:focus, .dark-mode .form-select.is-invalid:focus {
  border-color: #ec815b;
  box-shadow: 0 0 0 0.25rem rgba(236, 129, 91, 0.25);
}
.was-validated .dark-mode .form-check-input:invalid, .dark-mode .form-check-input.is-invalid {
  border-color: #ec815b;
}
.was-validated .dark-mode .form-check-input:invalid:checked, .dark-mode .form-check-input.is-invalid:checked {
  background-color: #ec815b;
}
.was-validated .dark-mode .form-check-input:invalid:focus, .dark-mode .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(236, 129, 91, 0.25);
}
.was-validated .dark-mode .form-check-input:invalid ~ .form-check-label, .dark-mode .form-check-input.is-invalid ~ .form-check-label {
  color: #ec815b;
}
.dark-mode .form-check-inline .form-check-input ~ .invalid-feedback {
  margin-right: 0.5em;
}
.was-validated .dark-mode .input-group .form-control:invalid, .dark-mode .input-group .form-control.is-invalid,
.was-validated .dark-mode .input-group .form-select:invalid,
.dark-mode .input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .dark-mode .input-group .form-control:invalid:focus, .dark-mode .input-group .form-control.is-invalid:focus,
.was-validated .dark-mode .input-group .form-select:invalid:focus,
.dark-mode .input-group .form-select.is-invalid:focus {
  z-index: 3;
}
.dark-mode .form-control.form-control-alt {
  color: #d1d1d1;
  border-color: #222528;
  background-color: #222528;
}
.dark-mode .form-control.form-control-alt:focus {
  color: #fff;
  border-color: #1f2124;
  background-color: #1f2124;
  box-shadow: none;
}
.dark-mode .form-control.form-control-alt.is-valid {
  border-color: rgba(20, 83, 45, 0.85);
  background-color: rgba(20, 83, 45, 0.85);
}
.dark-mode .form-control.form-control-alt.is-valid::-moz-placeholder {
  color: #7d858f;
}
.dark-mode .form-control.form-control-alt.is-valid::placeholder {
  color: #7d858f;
}
.dark-mode .form-control.form-control-alt.is-valid:focus {
  border-color: #14532d;
  background-color: #14532d;
}
.dark-mode .form-control.form-control-alt.is-invalid {
  border-color: rgba(127, 29, 29, 0.85);
  background-color: rgba(127, 29, 29, 0.85);
}
.dark-mode .form-control.form-control-alt.is-invalid::-moz-placeholder {
  color: #7d858f;
}
.dark-mode .form-control.form-control-alt.is-invalid::placeholder {
  color: #7d858f;
}
.dark-mode .form-control.form-control-alt.is-invalid:focus {
  border-color: #7f1d1d;
  background-color: #7f1d1d;
}
.dark-mode .input-group-text {
  color: #d1d1d1;
  background-color: #222528;
  border-color: #3c4146;
}
.dark-mode .input-group-text.input-group-text-alt {
  background-color: #1f2124;
  border-color: #1f2124;
}
.dark-mode .is-valid ~ .valid-feedback,
.dark-mode .is-valid ~ .valid-tooltip,
.dark-mode .was-validated :valid ~ .valid-feedback,
.dark-mode .was-validated :valid ~ .valid-tooltip,
.dark-mode .is-invalid ~ .invalid-feedback,
.dark-mode .is-invalid ~ .invalid-tooltip,
.dark-mode .was-validated :invalid ~ .invalid-feedback,
.dark-mode .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.dark-mode .form-check-input {
  background-color: #222528;
  border-color: #3c4146;
}
.dark-mode .form-check-input:focus {
  border-color: #2d72d9;
}
.dark-mode .form-check-input:checked {
  background-color: #2d72d9;
  border-color: #2d72d9;
}
.dark-mode .form-block .form-check-label {
  border-color: #3c4146;
}
.dark-mode .form-block .form-check-label:hover {
  border-color: #40444a;
}
.dark-mode .form-block .form-check-label::before {
  background-color: #2d72d9;
}
.dark-mode .form-block .form-check-input:checked ~ .form-check-label {
  border-color: #2d72d9;
}
.dark-mode .form-block .form-check-input:focus ~ .form-check-label {
  border-color: #2d72d9;
  box-shadow: 0 0 0 0.25rem rgba(45, 114, 217, 0.25);
}
.dark-mode .form-block .form-check-input:disabled:not([checked]) + .form-check-label:hover,
.dark-mode .form-block .form-check-input[readonly]:not([checked]) + .form-check-label:hover {
  border-color: #1f2124;
}
.dark-mode .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.15);
}
.dark-mode .breadcrumb.breadcrumb-alt .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.15);
}
.dark-mode .alert-primary {
  --bs-alert-color: #fff;
  --bs-alert-bg: #2d72d9;
  --bs-alert-border-color: #2d72d9;
}
.dark-mode .alert-primary .alert-link {
  color: #cccccc;
}
.dark-mode .alert-secondary {
  --bs-alert-color: #fff;
  --bs-alert-bg: #373c41;
  --bs-alert-border-color: #373c41;
}
.dark-mode .alert-secondary .alert-link {
  color: #cccccc;
}
.dark-mode .alert-success {
  --bs-alert-color: #fff;
  --bs-alert-bg: #537530;
  --bs-alert-border-color: #537530;
}
.dark-mode .alert-success .alert-link {
  color: #cccccc;
}
.dark-mode .alert-info {
  --bs-alert-color: #fff;
  --bs-alert-bg: #2d6ca7;
  --bs-alert-border-color: #2d6ca7;
}
.dark-mode .alert-info .alert-link {
  color: #cccccc;
}
.dark-mode .alert-warning {
  --bs-alert-color: #fff;
  --bs-alert-bg: #ad7711;
  --bs-alert-border-color: #ad7711;
}
.dark-mode .alert-warning .alert-link {
  color: #cccccc;
}
.dark-mode .alert-danger {
  --bs-alert-color: #fff;
  --bs-alert-bg: #a83b14;
  --bs-alert-border-color: #a83b14;
}
.dark-mode .alert-danger .alert-link {
  color: #cccccc;
}
.dark-mode .alert-dark {
  --bs-alert-color: #fff;
  --bs-alert-bg: #1b1d20;
  --bs-alert-border-color: #1b1d20;
}
.dark-mode .alert-dark .alert-link {
  color: #cccccc;
}
.dark-mode .alert-light {
  --bs-alert-color: #fff;
  --bs-alert-bg: #454b51;
  --bs-alert-border-color: #454b51;
}
.dark-mode .alert-light .alert-link {
  color: #cccccc;
}
.dark-mode .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark-mode .progress {
  background-color: #1f2124;
}
.dark-mode .list-activity > li:not(:last-child) {
  border-bottom-color: #1f2124;
}
.dark-mode .modal-header {
  border-bottom-color: #373c41;
}
.dark-mode .modal-content {
  background: #292c30;
}
.dark-mode .modal-footer {
  border-top-color: #373c41;
}
.dark-mode .toast {
  background-color: #292c30;
}
.dark-mode .toast-header {
  color: #d1d1d1;
  background-color: #373c41;
}
.dark-mode .border {
  border-color: #373c41 !important;
}
.dark-mode .border-top {
  border-top-color: #373c41 !important;
}
.dark-mode .border-end {
  border-left-color: #373c41 !important;
}
.dark-mode .border-bottom {
  border-bottom-color: #373c41 !important;
}
.dark-mode .border-start {
  border-right-color: #373c41 !important;
}
.dark-mode .border-primary {
  border-color: #2d72d9 !important;
}
.dark-mode .border-white {
  border-color: #fff !important;
}
.dark-mode .border-white-op {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-mode .border-black-op {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.dark-mode .block {
  background-color: #292c30;
  box-shadow: 0 1px 2px rgba(32, 34, 37, 0.5), 0 1px 2px rgba(32, 34, 37, 0.5);
}
.dark-mode .block.block-bordered {
  border: 1px solid #373c41;
  box-shadow: none;
}
.dark-mode .block .block-header-default {
  background-color: #373c41 !important;
}
.dark-mode .block .block-title small {
  color: #aeaeae;
}
.dark-mode .block.block-mode-loading::before {
  background-color: rgba(55, 60, 65, 0.85);
}
.dark-mode .block.block-mode-loading::after {
  color: #fff;
}
.dark-mode .block.block-transparent {
  background-color: transparent;
  box-shadow: none;
}
.dark-mode .block.block-mode-fullscreen.block-transparent {
  background-color: #292c30;
}
.dark-mode .block .block,
.dark-mode .content-side .block {
  box-shadow: none;
}
.dark-mode a.block {
  color: #d1d1d1;
}
.dark-mode a.block.block-link-pop:hover {
  box-shadow: 0 0.5rem 2.5rem #16181a;
}
.dark-mode a.block.block-link-pop:active {
  box-shadow: 0 0.375rem 0.55rem #272a2e;
}
.dark-mode a.block.block-link-shadow:hover {
  box-shadow: 0 0 1.5rem #16181a;
}
.dark-mode a.block.block-link-shadow:active {
  box-shadow: 0 0 0.75rem #1d2023;
}
.dark-mode .btn-block-option {
  color: #aeaeae;
}
.block-header-default .dark-mode .btn-block-option {
  color: #a1a1a1;
}
.dark-mode .btn-block-option:hover, .dark-mode .btn-block-option:focus {
  color: #949494;
}
.dark-mode .btn-block-option:active {
  color: #aeaeae;
}
.dark-mode a.btn-block-option:focus,
.dark-mode .active > a.btn-block-option,
.dark-mode .show > button.btn-block-option {
  color: #949494;
}
.dark-mode .block.block-themed .btn-block-option,
.dark-mode .block.block-themed .btn-block-option:hover,
.dark-mode .block.block-themed .btn-block-option:focus,
.dark-mode .block.block-themed .btn-block-option:active,
.dark-mode .block.block-themed a.btn-block-option:focus,
.dark-mode .block.block-themed .active > a.btn-block-option,
.dark-mode .block.block-themed .show > button.btn-block-option {
  color: #fff;
}
.dark-mode .timeline::before {
  background-color: #373c41;
}
.dark-mode .timeline-event-icon {
  border-color: #373c41;
  box-shadow: 0 0.375rem 1.5rem #292c30;
}
.dark-mode .timeline-event-icon::before {
  border-right-color: #373c41;
}
@media (min-width: 1200px) {
  .dark-mode .timeline-centered .timeline-event-time {
    background-color: #373c41;
  }
  .dark-mode .timeline-centered .timeline-event-icon::before {
    border-left-color: #373c41;
  }
  .dark-mode .timeline-centered.timeline-alt .timeline-event:nth-child(even) .timeline-event-icon::before,
.dark-mode .timeline-centered .timeline-event.timeline-event-alt .timeline-event-icon::before {
    border-right-color: #373c41;
  }
}
.dark-mode .img-thumb {
  background-color: #1b1d20;
}
.dark-mode .swal2-popup {
  background-color: #292c30;
}
.dark-mode .swal2-html-container {
  color: #d1d1d1;
}
.dark-mode .jvectormap-container {
  background-color: #292c30 !important;
}
.dark-mode .ck.ck-editor {
  color: #343a40;
}
.dark-mode .dropzone {
  background-color: #303439;
  border-color: #373c41;
}
.dark-mode .dropzone .dz-message {
  color: #d1d1d1;
}
.dark-mode .dropzone:hover {
  background-color: #373c41;
  border-color: #2d72d9;
}
.dark-mode .dropzone:hover .dz-message {
  color: #2d72d9;
}
.dark-mode .dropzone .dz-preview.dz-image-preview {
  background-color: transparent;
}
.dark-mode .fc-theme-standard a {
  color: #c5c5c5;
}
.dark-mode .fc-theme-standard .fc-button-primary {
  color: #c5c5c5;
  background-color: #1f2124;
  border-color: #1f2124;
}
.dark-mode .fc-theme-standard .fc-button-primary:not(:disabled):hover {
  color: #d1d1d1;
  background-color: #303439;
  border-color: #303439;
}
.dark-mode .fc-theme-standard .fc-button-primary:not(:disabled).fc-button-active, .dark-mode .fc-theme-standard .fc-button-primary:not(:disabled):active {
  color: #d1d1d1;
  background-color: #303439;
  border-color: #303439;
}
.dark-mode .fc-theme-standard .fc-button-primary:focus, .dark-mode .fc-theme-standard .fc-button-primary:not(:disabled).fc-button-active:focus, .dark-mode .fc-theme-standard .fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 114, 217, 0.4);
}
.dark-mode .fc-theme-standard .fc-list, .dark-mode .fc-theme-standard .fc-scrollgrid,
.dark-mode .fc-theme-standard th,
.dark-mode .fc-theme-standard td {
  border-color: #1b1d20;
}
.dark-mode .fc-theme-standard .fc-list-day-cushion,
.dark-mode .fc-theme-standard .fc-col-header-cell {
  background-color: #303439;
}
.dark-mode .fc-theme-standard .fc-list-event:hover td {
  background-color: #232629;
}
.dark-mode .irs,
.dark-mode .irs--round .irs-grid-text {
  color: #d1d1d1;
}
.dark-mode .irs.irs--round .irs-min,
.dark-mode .irs.irs--round .irs-max,
.dark-mode .irs.irs--round .irs-line,
.dark-mode .irs.irs--round .irs-grid-pol,
.dark-mode .irs.irs--round .irs-handle {
  color: #d1d1d1;
  background: #222528;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #7d858f;
}
.dark-mode .select2-container--default .select2-selection--single,
.dark-mode .select2-container--default .select2-selection--multiple {
  background-color: #1f2124;
  border-color: #3c4146;
}
.dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple, .dark-mode .select2-container--default.select2-container--focus .select2-selection--single, .dark-mode .select2-container--default.select2-container--open .select2-selection--multiple, .dark-mode .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #2d72d9;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #d1d1d1;
}
.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #3c4146;
}
.dark-mode .select2-container--default .select2-dropdown .select2-search__field:focus {
  border-color: #2d72d9;
}
.dark-mode .select2-container--default .select2-dropdown {
  background-color: #1f2124;
  border-color: #3c4146;
}
.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
  color: #d1d1d1;
  background-color: #1f2124;
  border-color: #3c4146;
}
.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
  color: #fff;
  background-color: #2d72d9;
}
.dark-mode .select2-container--default .select2-search__field::-moz-placeholder {
  color: #7d858f;
}
.dark-mode .select2-container--default .select2-search__field::placeholder {
  color: #7d858f;
}
.dark-mode .is-valid + .select2-container--default .select2-selection--single,
.dark-mode .is-valid + .select2-container--default .select2-selection--multiple,
.dark-mode .is-valid + .select2-container--default.select2-container--focus .select2-selection--single,
.dark-mode .is-valid + .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #89b956;
}
.dark-mode .is-valid + .select2-container--default.select2-container--focus .select2-selection--single,
.dark-mode .is-valid + .select2-container--default.select2-container--focus .select2-selection--multiple,
.dark-mode .is-valid + .select2-container--default.select2-container--open .select2-selection--single,
.dark-mode .is-valid + .select2-container--default.select2-container--open .select2-selection--multiple {
  box-shadow: 0 0 0 0.25rem rgba(137, 185, 86, 0.25);
}
.dark-mode .is-invalid + .select2-container--default .select2-selection--single,
.dark-mode .is-invalid + .select2-container--default .select2-selection--multiple,
.dark-mode .is-invalid + .select2-container--default.select2-container--focus .select2-selection--single,
.dark-mode .is-invalid + .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #e97044;
}
.dark-mode .is-invalid + .select2-container--default.select2-container--focus .select2-selection--single,
.dark-mode .is-invalid + .select2-container--default.select2-container--focus .select2-selection--multiple,
.dark-mode .is-invalid + .select2-container--default.select2-container--open .select2-selection--single,
.dark-mode .is-invalid + .select2-container--default.select2-container--open .select2-selection--multiple {
  box-shadow: 0 0 0 0.25rem rgba(233, 112, 68, 0.25);
}
.dark-mode .datepicker .datepicker-switch:hover,
.dark-mode .datepicker .next:hover,
.dark-mode .datepicker .prev:hover,
.dark-mode .datepicker tfoot tr th:hover,
.dark-mode .datepicker table tr td.day:hover,
.dark-mode .datepicker table tr td.focused {
  background-color: #1f2124;
}
.dark-mode .datepicker table tr td.selected,
.dark-mode .datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #1f2124;
  border-color: #1f2124;
}
.dark-mode .datepicker table tr td.range {
  color: #d1d1d1;
  background-color: #1f2124;
  border-color: #1f2124;
}
.dark-mode .datepicker table tr td.active:hover,
.dark-mode .datepicker table tr td.active:hover:hover,
.dark-mode .datepicker table tr td.active.disabled:hover,
.dark-mode .datepicker table tr td.active.disabled:hover:hover,
.dark-mode .datepicker table tr td.active:focus,
.dark-mode .datepicker table tr td.active:hover:focus,
.dark-mode .datepicker table tr td.active.disabled:focus,
.dark-mode .datepicker table tr td.active.disabled:hover:focus,
.dark-mode .datepicker table tr td.active:active,
.dark-mode .datepicker table tr td.active:hover:active,
.dark-mode .datepicker table tr td.active.disabled:active,
.dark-mode .datepicker table tr td.active.disabled:hover:active,
.dark-mode .datepicker table tr td.active.active,
.dark-mode .datepicker table tr td.active:hover.active,
.dark-mode .datepicker table tr td.active.disabled.active,
.dark-mode .datepicker table tr td.active.disabled:hover.active,
.dark-mode .open .dropdown-toggle.datepicker table tr td.active,
.dark-mode .open .dropdown-toggle.datepicker table tr td.active:hover,
.dark-mode .open .dropdown-toggle.datepicker table tr td.active.disabled,
.dark-mode .open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.dark-mode .datepicker table tr td span.active:hover,
.dark-mode .datepicker table tr td span.active:hover:hover,
.dark-mode .datepicker table tr td span.active.disabled:hover,
.dark-mode .datepicker table tr td span.active.disabled:hover:hover,
.dark-mode .datepicker table tr td span.active:focus,
.dark-mode .datepicker table tr td span.active:hover:focus,
.dark-mode .datepicker table tr td span.active.disabled:focus,
.dark-mode .datepicker table tr td span.active.disabled:hover:focus,
.dark-mode .datepicker table tr td span.active:active,
.dark-mode .datepicker table tr td span.active:hover:active,
.dark-mode .datepicker table tr td span.active.disabled:active,
.dark-mode .datepicker table tr td span.active.disabled:hover:active,
.dark-mode .datepicker table tr td span.active.active,
.dark-mode .datepicker table tr td span.active:hover.active,
.dark-mode .datepicker table tr td span.active.disabled.active,
.dark-mode .datepicker table tr td span.active.disabled:hover.active,
.dark-mode .open .dropdown-toggle.datepicker table tr td span.active,
.dark-mode .open .dropdown-toggle.datepicker table tr td span.active:hover,
.dark-mode .open .dropdown-toggle.datepicker table tr td span.active.disabled,
.dark-mode .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-color: #2d72d9;
  border-color: #2d72d9;
}
.dark-mode .flatpickr-input.form-control:disabled,
.dark-mode .flatpickr-input.form-control[readonly],
.dark-mode .input.form-control:disabled,
.dark-mode .input.form-control[readonly] {
  color: #d1d1d1;
  background-color: #1f2124;
  border-color: #3c4146;
}
.dark-mode .flatpickr-day.selected,
.dark-mode .flatpickr-day.startRange,
.dark-mode .flatpickr-day.endRange,
.dark-mode .flatpickr-day.selected.inRange,
.dark-mode .flatpickr-day.startRange.inRange,
.dark-mode .flatpickr-day.endRange.inRange,
.dark-mode .flatpickr-day.selected:focus,
.dark-mode .flatpickr-day.startRange:focus,
.dark-mode .flatpickr-day.endRange:focus,
.dark-mode .flatpickr-day.selected:hover,
.dark-mode .flatpickr-day.startRange:hover,
.dark-mode .flatpickr-day.endRange:hover,
.dark-mode .flatpickr-day.selected.prevMonthDay,
.dark-mode .flatpickr-day.startRange.prevMonthDay,
.dark-mode .flatpickr-day.endRange.prevMonthDay,
.dark-mode .flatpickr-day.selected.nextMonthDay,
.dark-mode .flatpickr-day.startRange.nextMonthDay,
.dark-mode .flatpickr-day.endRange.nextMonthDay {
  border-color: #2d72d9;
  background: #2d72d9;
}
.dark-mode .flatpickr-months .flatpickr-prev-month:hover svg,
.dark-mode .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #2d72d9;
}
.dark-mode .dd-handle {
  color: #d1d1d1;
  background: #303439;
  border-color: #1f2124;
}
.dark-mode .dd-handle:hover {
  color: #b8b8b8;
}
.dark-mode .dd-empty,
.dark-mode .dd-placeholder {
  border-color: #a8c9ef;
  background: #292c30;
}