@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner::after,.multiselect__spinner::before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0-8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent;animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner::after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8)}.multiselect__loading-enter-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-leave-active{transition:opacity .4s ease-in-out}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:0}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotateZ(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input{padding:0 0 0 5px;margin-bottom:8px}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:0;border-radius:5px;background:#fff;width:calc(100%);transition:border .1s ease;box-sizing:border-box;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:0}.multiselect__single{padding:0 0 0 5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:initial;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon::after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus::after,.multiselect__tag-icon:hover::after{color:#fff}.multiselect__current,.multiselect__select{line-height:16px;display:block;box-sizing:border-box;margin:0;text-decoration:none;cursor:pointer}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select::before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0;border-color:#999 transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option::after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:0;color:#fff}.multiselect__option--highlight::after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected::after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight::after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight::after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight::after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option::after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}
@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  overscroll-behavior: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/**
 * --------------------------------------------------------------------------
 * Box Model Configuration
 * --------------------------------------------------------------------------
 *
 * Defines variables for margin, padding, border, and box-shadow,
 * which form the basis of the CSS box model.
 *
 * @see https://www.w3schools.com/css/css_boxmodel.asp
 */
:root {
  /* Naming Schema: --fgr[-Component][-element]-property[-dimension][-variant]: value; */
  /* --- Margin --- */
  --fgr-margin-base: 0.25rem;
  --fgr-margin-scaling: 1;
  --fgr-margin-unit: calc(var(--fgr-margin-base) * var(--fgr-margin-scaling));
  /* Margin scale */
  --fgr-margin-0: 0;
  --fgr-margin-1: var(--fgr-margin-unit);
  --fgr-margin-2: calc(var(--fgr-margin-unit) * 2);
  --fgr-margin-3: calc(var(--fgr-margin-unit) * 3);
  --fgr-margin-4: calc(var(--fgr-margin-unit) * 4);
  /* Default directional margins (t: top, e: end, b: bottom, s: start) */
  --fgr-margin-x: var(--fgr-margin-2);
  --fgr-margin-y: var(--fgr-margin-2);
  --fgr-margin-t: var(--fgr-margin-2);
  --fgr-margin-e: var(--fgr-margin-2);
  --fgr-margin-b: var(--fgr-margin-2);
  --fgr-margin-s: var(--fgr-margin-2);
  /* --- Padding --- */
  --fgr-padding-base: 0.25rem;
  --fgr-padding-scaling: 1;
  --fgr-padding-unit: calc(var(--fgr-padding-base) * var(--fgr-padding-scaling));
  /* Padding scale */
  --fgr-padding-0: 0;
  --fgr-padding-1: var(--fgr-padding-unit);
  --fgr-padding-2: calc(var(--fgr-padding-unit) * 2);
  --fgr-padding-3: calc(var(--fgr-padding-unit) * 3);
  --fgr-padding-4: calc(var(--fgr-padding-unit) * 4);
  /* Default directional paddings */
  --fgr-padding-x: var(--fgr-padding-2);
  --fgr-padding-y: var(--fgr-padding-2);
  --fgr-padding-t: var(--fgr-padding-2);
  --fgr-padding-e: var(--fgr-padding-2);
  --fgr-padding-b: var(--fgr-padding-2);
  --fgr-padding-s: var(--fgr-padding-2);
  /* --- Border & Outline --- */
  --fgr-border-thickness-base: 1px;
  --fgr-border-thickness-scaling: 1;
  --fgr-border-thickness-unit: calc(var(--fgr-border-thickness-base) * var(--fgr-border-thickness-scaling));
  /* Border width scale */
  --fgr-border-width-0: 0;
  --fgr-border-width-1: var(--fgr-border-thickness-unit);
  --fgr-border-width-2: calc(var(--fgr-border-thickness-unit) * 2);
  --fgr-border-width-3: calc(var(--fgr-border-thickness-unit) * 3);
  --fgr-border-width-4: calc(var(--fgr-border-thickness-unit) * 4);
  /* Default border properties */
  --fgr-border-color: none;
  --fgr-border-style: solid;
  --fgr-border-radius: 0;
  --fgr-border-width: var(--fgr-border-width-0);
  /* Default directional border widths */
  --fgr-border-x: var(--fgr-border-width-1);
  --fgr-border-y: var(--fgr-border-width-1);
  --fgr-border-t: var(--fgr-border-width-1);
  --fgr-border-e: var(--fgr-border-width-1);
  --fgr-border-b: var(--fgr-border-width-1);
  --fgr-border-s: var(--fgr-border-width-1);
  /* --- Box Shadow --- */
  --fgr-box-shadow: none;
}

/**
 * --------------------------------------------------------------------------
 * Gap & Gutter Configuration
 * --------------------------------------------------------------------------
 *
 * Defines the spacing scale used for grid and flexbox layouts.
 *
 * @see https://developer.mozilla.org/en-US/docs/Glossary/Gutters
 * @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap
 *
 */
:root {
  /* Schema: --fgr[-Component][-element]-property[-dimension][-variant]: value; */
  /* --- Base Values --- */
  --fgr-gap-unit: 0.25rem;
  --fgr-gap-scaling: 1;
  /* --- Scaled Unit (Internal) --- */
  --fgr-gap-internal: calc(var(--fgr-gap-unit) * var(--fgr-gap-scaling));
  /* --- Spacing Scale --- */
  --fgr-gap-0: 0;
  --fgr-gap-1: var(--fgr-gap-internal); /* 0.25rem */
  --fgr-gap-2: calc(var(--fgr-gap-internal) * 2); /* 0.5rem  */
  --fgr-gap-3: calc(var(--fgr-gap-internal) * 3); /* 0.75rem */
  --fgr-gap-4: calc(var(--fgr-gap-internal) * 4); /* 1rem    */
}

:root {
  --fgr-accent-primary: #3f8cfc;
  --fgr-accent-secondary: #d0d5dd;
  --fgr-accent-change: #3872F1;
  --fgr-accent-dark: #34729d;
  --fgr-accent-danger: #e3342f;
  --fgr-accent-success: #38c172;
  --fgr-accent-warning: #f6993f;
  --fgr-accent-info: #4dc0b5;
  --fgr-accent-disabled: #d0d5dd;
  --fgr-accent-dark: #1a202c;
  --fgr-accent-light: #ffffff;
  --fgr-accent: #ffffff;
  --forgeron-blue: #3f8cfc;
  --fgr-brand-aureon-gold: #CEAE43;
  --fgr-brand-aureon-silver: #D3D3D3;
}

[data-theme=dark] {
  --fgr-accent-light: #1a202c;
  --fgr-accent-dark: #ffffff;
  --fgr-accent: #1a202c;
}

/**
 * --------------------------------------------------------------------------
 * Typography Configuration
 * --------------------------------------------------------------------------
 *
 * This file sets up:
 * 1. CSS custom properties for the typographic scale, pulling from base tokens.
 * 2. @font-face rules for loading local font files.
 * 3. Sass variables for font families and weights.
 * 4. Base typography styles for the `<body>` element.
 *
 */
/**
 * --- Typographic Scale & CSS Variables ---
 */
:root {
  /* Base Values */
  --fgr-font-size: 1rem;
  --fgr-font-size-base: 1rem;
  --fgr-font-weight-base: 500;
  --fgr-font-weight-bold: 600;
  --fgr-line-height-base: 1.5;
  /* Typographic Scale */
  --fgr-font-size-sm: calc(var(--fgr-font-size-base) * 0.875); /* e.g., 14px if base is 16px */
  --fgr-font-size-lg: calc(var(--fgr-font-size-base) * 1.25); /* e.g., 20px if base is 16px */
  --fgr-font-size-xl: calc(var(--fgr-font-size-base) * 1.5); /* e.g., 24px if base is 16px */
  --fgr-font-size-xxl: calc(var(--fgr-font-size-base) * 2); /* e.g., 32px if base is 16px */
  --fgr-font-sans: Roboto, sans-serif;
  --fgr-font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * --- Font Face Declarations ---
 */
@font-face {
  font-family: "Roboto Light";
  src: url(/fonts/Roboto-Light.ttf?8be2d1487420548b3b8ddba68270b26b) format("truetype");
}
@font-face {
  font-family: "Roboto";
  src: url(/fonts/Roboto-Regular.ttf?a8d6ac03c7b96b7acb6228ff2676139d) format("truetype");
}
@font-face {
  font-family: "Roboto Regular";
  src: url(/fonts/Roboto-Regular.ttf?a8d6ac03c7b96b7acb6228ff2676139d) format("truetype");
}
@font-face {
  font-family: "Roboto Black";
  src: url(/fonts/Roboto-Black.ttf?2a4285847db4a9acb97fef9905c0ad44) format("truetype");
}
/**
 * --- Sass Variables ---
 */
/**
 * --- Global Body Styles ---
 * Applies the base font styles to the entire document.
 */
body {
  font-family: var(--fgr-font-family, "Roboto");
  font-size: var(--fgr-font-size-base);
  font-weight: var(--fgr-font-weight-base);
  line-height: var(--fgr-line-height-base);
  color: var(--fgr-text-color);
}

/**
 * --------------------------------------------------------------------------
 * UI Elements
 * --------------------------------------------------------------------------
 *
 * Defines global CSS variables for UI elements. This includes state-based
 * colors (like active, hover, warning), properties for borders and shadows,
 * and styles for specific components like scrollbars. These variables are
 * used to maintain a consistent visual theme across the application.
 *
 */
:root {
  --fgr-active-color: var(--fgr-primary-color);
  --fgr-disabled-color: var(--fgr-text-color-minor);
  --fgr-hover-color: var(--fgr-primary-color);
  --fgr-highlight-color: #3f8cfc;
  --fgr-warning-color: #ffed4a;
  --fgr-info-color: #3f8cfc;
  --fgr-alert-color: #e3342f;
  --fgr-danger-color: #e3342f;
  --fgr-cancel-color: #e3342f;
  --fgr-border-width: 1px;
  --fgr-border-color: #d0d5dd;
  --fgr-scrollbar-color: var(--fgr-text-color-minor);
  --fgr-scrollbar-track-color: var(--fgr-bg-color-secondary);
  --fgr-scrollbar-width: 0.5rem;
  --fgr-sidebar-secondary-bg: #1f2231;
  --fgr-card-border-width: 1px;
  --fgr-card-border-color: var(--fgr-border-color);
}

[data-theme=dark] {
  --fgr-border-color: #4a5568;
}

/**
 * --------------------------------------------------------------------------
 * Breakpoint Configuration & Mixin
 * --------------------------------------------------------------------------
 *
 * Defines responsive breakpoints as a single source of truth (Sass map)
 * and provides a mixin for creating 'min-width' media queries.
 *
 */
:root {
  --fgr-breakpoint-xs: 0;
  --fgr-breakpoint-sm: 576px;
  --fgr-breakpoint-md: 768px;
  --fgr-breakpoint-lg: 992px;
  --fgr-breakpoint-xl: 1200px;
  --fgr-breakpoint-xxl: 1400px;
}

:root {
  --_forgeron-blue-raw: #3f8cfc;
  --_forgeron-lightgrey-raw: #d3d3d3;
  --_forgeron-darkblue-raw: #34729d;
  --_forgeron-change-raw: #3872F1;
  --_aureon-gold-raw: #CEAE43;
  --_aureon-silver-raw: #D3D3D3;
  --forgeron-blue: var(--_forgeron-blue-raw);
  --forgeron-primary-color: var(--forgeron-blue);
  --meo-primary-color: #29bbe6;
  --forgeron-secondary-color: var(--_forgeron-lightgrey-raw);
  --forgeron-active-color: var(--_forgeron-darkblue-raw);
  --forgeron-hover-color: var(--_forgeron-darkblue-raw);
  --forgeron-change-color: var(--_forgeron-change-raw);
  --aureon-gold: var(--_aureon-gold-raw);
  --aureon-silver: var(--_aureon-silver-raw);
  --fgr-border-width: 1px;
  --body-bg: whitesmoke;
  --main-background: var(--body-bg);
  --forgeron-text-color: #212529;
  --text-primary-color: #212529;
  --text-secondary-color: #495057;
  --text-tertiary-color: #6c757d;
  --headline-color: var(--forgeron-primary-color);
  --minor-color: #6c757d;
  --link-color: var(--forgeron-primary-color);
  --primary-bg-color: whitesmoke;
  --secondary-bg-color: #f2f3f8;
  --tertiary-color: #ececec;
  --accent-color: transparent;
  --header-background: #ffffff;
  --footer-background: #ffffff;
  --sidebar-primary-background: var(--forgeron-blue);
  --sidebar-secondary-background: whitesmoke;
  --card-bg-color: #ffffff;
  --border-color: #d3d3d3;
  --element-border: var(--fgr-border-width) solid var(--border-color);
  --card-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --footer-border: none;
  --sidebar-border: none;
  --active-color: var(--forgeron-active-color);
  --highlight-color: var(--forgeron-blue);
  --breadcrumb-bg-color: var(--primary-bg-color);
  --breadcrumb-text-color: #6c757d;
  --breadcrumb-highlight-color: #f8f9fa;
  --table-color: var(--gray);
  --table-border-width: 1px;
  --form-element-border: var(--element-border);
  --menu-icon-color: #212529;
  --alert-color: #e3342f;
  --info-color: var(--forgeron-blue);
  --cancel-color: #e3342f;
  --border-radius: 0.5rem;
  --element-border-radius: calc(var(--border-radius) / 2);
  --scrollbar-width: 0.5rem;
  --nav-section-bg: #e9ecef;
  --scrollbar-color: #6c757d;
  --scrollbar-track-color: var(--nav-section-bg);
  --overflow-bg-color: linear-gradient(to right, transparent, var(--card-bg-color) 50%);
  --forgeron-gap: calc(1rem / 2);
  --forgeron-gutter: calc(calc(1rem / 2) / 2);
  --forgeron-header-height: 4.75rem;
  --forgeron-footer-height: 3.75rem;
  --blue: #3490dc;
  --indigo: #6574cd;
  --purple: #9561e2;
  --pink: #f66d9b;
  --red: #e3342f;
  --orange: #f6993f;
  --yellow: #ffed4a;
  --green: #38c172;
  --teal: #4dc0b5;
  --cyan: #6cb2eb;
  --black: #000000;
  --white: #FFFFFF;
  --gray: #667085;
  --light-gray: #D0D5DD;
  --gray-dark: #343a40;
  --primary: var(--forgeron-blue);
  --secondary: var(--forgeron-secondary-color);
  --success: #38c172;
  --info: var(--forgeron-blue);
  --warning: #f6993f;
  --danger: #e3342f;
  --light: #f2f3f8;
  --dark: #212529;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: Nunito, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

[data-theme=dark] {
  --body-bg: var(--primary-bg-color);
  --main-background: var(--primary-bg-color);
  --forgeron-text-color: #e2e8f0;
  --text-primary-color: #e2e8f0;
  --text-secondary-color: #a0aec0;
  --text-tertiary-color: #718096;
  --minor-color: #a0aec0;
  --primary-bg-color: #252c3b;
  --secondary-bg-color: #1e2430;
  --tertiary-color: #171c26;
  --header-background: #252c3b;
  --footer-background: #252c3b;
  --sidebar-secondary-background: #252c3b;
  --card-bg-color: #252c3b;
  --border-color: #4a5568;
  --card-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.05);
  --breadcrumb-bg-color: var(--primary-bg-color);
  --breadcrumb-text-color: #a0aec0;
  --breadcrumb-highlight-color: #e2e8f0;
  --menu-icon-color: #e2e8f0;
  --nav-section-bg: #1e2430;
  --scrollbar-color: #a0aec0;
  --scrollbar-track-color: var(--nav-section-bg);
  --gray: #a0aec0;
  --light-gray: #4a5568;
  --gray-dark: #e2e8f0;
  --light: #252c3b;
  --dark: #e2e8f0;
  --white: #252c3b;
  --black: #e2e8f0;
}
[data-theme=dark] input::-moz-placeholder, [data-theme=dark] textarea::-moz-placeholder {
  color: #e2e8f0;
}
[data-theme=dark] input::placeholder,
[data-theme=dark] textarea::placeholder {
  color: #e2e8f0;
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/Roboto-Regular.ttf?a8d6ac03c7b96b7acb6228ff2676139d) format("truetype");
}
@font-face {
  font-family: "Roboto Black";
  src: url(/fonts/Roboto-Black.ttf?2a4285847db4a9acb97fef9905c0ad44) format("truetype");
}
@font-face {
  font-family: "Roboto Light";
  src: url(/fonts/Roboto-Light.ttf?8be2d1487420548b3b8ddba68270b26b) format("truetype");
}
:root {
  --sidebar-header-bg: var(--sidebar-secondary-background);
  --sidebar-footer-bg: var(--sidebar-secondary-background);
  --form-element-focus-shadow-color: var(--primary-color);
  --text-hover-color: white;
  --padding-main-content: 0;
}

html {
  font-size: 1rem;
  scroll-behavior: smooth;
  scroll-behavior: cubic-bezier(0.42, 0, 0.58, 1);
}
html ::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
html {
  /* Track */
}
html ::-webkit-scrollbar-track {
  border-radius: var(--border-radius);
}
html {
  /* Handle */
}
html ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-track-color);
  border-radius: var(--border-radius);
}

body {
  background-color: var(--main-background);
  background-attachment: fixed;
  font-family: var(--portal-font, "Roboto");
  line-height: 1.5;
  color: var(--text-primary-color);
  min-height: calc(100vh - var(--forgeron-header-height) - var(--forgeron-footer-height));
}

body.admin-layout-wrapper {
  overflow-y: hidden;
  background-color: white;
}

.primary-color {
  color: var(--primary-color) !important;
}

.bg-primary {
  background-color: var(--primary-color);
}

.primary-color-hover:hover {
  color: whitesmoke !important;
}

.border-color {
  border-color: var(--primary-color) !important;
}

.rounded-border {
  border-radius: var(--border-radius) !important;
}

.rounded-border-half {
  border-radius: calc(var(--border-radius) / 2) !important;
}

.table-color {
  color: var(--table-color) !important;
}

.table-border-color {
  border: 1px solid #eaecf0 !important;
}

.border-color-light-gray {
  border-color: var(--light-gray) !important;
}

.color-gray {
  color: var(--gray) !important;
}

.bg-light-gray {
  background-color: var(--secondary-bg-color) !important;
}

.text-headline {
  color: var(--primary-color) !important;
}

.text-primary {
  color: var(--text-primary-color) !important;
}

.text-secondary {
  color: var(--text-secondary-color) !important;
}

.text-inactive {
  color: #d3d3d3;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.col {
  position: relative;
  flex-grow: 1;
  max-width: 100%;
  flex: 1 1 0%;
}

.bg-info {
  background-color: var(--nav-section-bg) !important;
}

.mainGrid {
  display: grid;
  padding-bottom: 2rem;
  grid-gap: 30px !important;
}
@media (min-width: 1440px) {
  .mainGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1080px) {
  .mainGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1080px) {
  .mainGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 830px) {
  .mainGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 460px) {
  .mainGrid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

aside ::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;
}
aside {
  /* Track */
}
aside ::-webkit-scrollbar-track {
  border-radius: var(--border-radius) !important;
}
aside {
  /* Handle */
}
aside ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-track-color) !important;
  border-radius: var(--border-radius) !important;
}

.forgeron-aside {
  background-color: var(--white);
  bottom: 0;
  position: fixed;
  top: 0;
  width: 16rem;
  z-index: 120;
  border-right: var(--sidebar-border);
}
.forgeron-aside.forgeron-right {
  left: auto;
  right: -16rem;
}
.forgeron-aside .admin-menu-container {
  left: 0;
}
.forgeron-aside a, .forgeron-aside a:hover, .forgeron-aside a:focus, .forgeron-aside a:active {
  color: var(--link-color);
}
.forgeron-aside .forgeron-header {
  background-color: transparent;
  height: var(--forgeron-header-height);
  width: 100%;
}
.forgeron-aside .forgeron-header img {
  max-height: calc(var(--forgeron-header-height));
}
.forgeron-aside .forgeron-footer {
  height: var(--forgeron-footer-height);
  border-top: var(--footer-border);
  margin: 0;
  width: 100%;
  padding: 0;
}
.forgeron-aside .forgeron-footer > div {
  padding: 0 0.25rem;
}
.forgeron-aside .forgeron-footer a {
  background-color: transparent;
  color: var(--link-color);
  transition: all 0.5s;
  border-radius: 50%;
  margin: 0.5rem 0.25rem;
  width: 2.8125rem;
  height: 2.75rem;
  padding-top: 1px;
  line-height: 3.25rem;
  display: block;
  float: left;
  text-align: center;
}
.forgeron-aside .forgeron-footer a:hover {
  background-color: #1a1b29;
  text-decoration: none;
}
.forgeron-aside .forgeron-footer a i {
  font-size: 1.75rem;
}

.forgeron-main {
  transition: all 0.3s;
  margin-left: 0;
  width: 100%;
  min-height: calc(100vh - var(--forgeron-header-height) -var(forgeron-footer-height));
}
.forgeron-main a, .forgeron-main a:hover, .forgeron-main a:focus, .forgeron-main a:active {
  text-decoration: none;
  color: var(--link-color);
}
.forgeron-main .forgeron-main-content .forgeron-content-box {
  background: white;
  border-radius: 0.125rem;
  box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.forgeron-main .forgeron-main-content .uploaded-image {
  max-height: 20rem;
  max-width: 100%;
}
.forgeron-main .forgeron-header {
  background: var(--white);
  height: var(--forgeron-header-height);
  margin: 0;
  position: sticky;
  top: 0;
  z-index: 120;
}
.forgeron-main .pt-header {
  padding-top: var(--forgeron-header-height);
}
.forgeron-main .forgeron-footer {
  background: var(--footer-background);
  height: var(--forgeron-footer-height);
  border-top: var(--footer-border);
  border-bottom-left-radius: var(--border-radius);
  margin: 0;
  bottom: 0;
  z-index: 120;
}

.main-admin {
  z-index: 121;
  background-color: var(--white);
}

.forgeron-header.forgeron-custom-header,
.forgeron-footer.forgeron-custom-footer {
  z-index: 121;
  left: 0;
  width: 100%;
}

.forgeron-center {
  height: 100vh;
}

.table-responsive {
  overflow-y: visible;
}
.table-responsive.sticky-action-buttons table td:last-of-type,
.table-responsive.sticky-action-buttons table th:last-of-type {
  background: var(--overflow-bg-color);
  box-shadow: var(--card-box-shadow);
  position: sticky;
  right: 0;
  width: auto;
}

table.forgeron-model-table {
  width: 100%;
  margin-bottom: 0;
}
table.forgeron-model-table tbody tr {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
table.forgeron-model-table tr {
  padding-left: var(--forgeron-gutter);
  padding-right: var(--forgeron-gutter);
}
table.forgeron-model-table tr th {
  padding-bottom: var(--forgeron-gap);
}
table.forgeron-model-table tr td {
  padding: var(--forgeron-gutter);
}
table.forgeron-model-table .sort-link i {
  transition: color 0.5s ease;
}
table.forgeron-model-table .sort-link i.active {
  color: var(--active-color) !important;
}
table.forgeron-model-table .sort-link i:not(.active):hover {
  color: var(--highlight-color) !important;
}

.admin-content {
  padding-top: 0rem !important;
  background: transparent;
}
.admin-content .forgeron-content-container .card {
  border-radius: var(--border-radius);
  border: 1px solid #eaecf0 !important;
  background: transparent !important;
  padding: 1rem;
}
.admin-content .forgeron-content-container .log-entry {
  border: none !important;
}
.admin-content ::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;
}
.admin-content ::-webkit-scrollbar-thumb {
  width: var(--scrollbar-width) !important;
  background: var(--text-tertiary-color) !important;
  border-radius: var(--border-radius) !important;
}

.forgeron-main .admin-footer-main {
  width: calc(100% - 16rem);
  left: 16rem;
  display: flex;
  flex-direction: column;
  height: auto !important;
  border: var(--card-border-width) solid var(--card-border-color);
  border-top: none;
  margin-left: var(--fgr-main-center-padding-x);
  margin-right: var(--fgr-main-center-padding-x);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.forgeron-slider-container {
  height: 2.1875rem;
  padding: 0.375rem 0;
}
.forgeron-slider-container input[type=range] {
  height: 1.4375rem;
}

.forgeron-disabled .forgeron-disabled-cover {
  background: rgba(127, 127, 127, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.smaller {
  font-size: 0.75rem;
}

.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--text-inactive) !important;
  background-color: var(--bg-inactive) !important;
}

.app-logo {
  max-width: 100%;
  height: auto;
  width: auto;
}

.tiles {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-gap: 1.5rem;
}

.locale-flag {
  max-height: 1rem;
  max-width: 1.5rem;
}

.main-nav-tabs a {
  color: var(--breadcrumb-text-color) !important;
}

.main-nav-tabs a.active {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.main-nav-tabs a:not(.active) {
  color: inherit !important;
}

.nav-item .nav-link {
  border-bottom: none !important;
  border-color: #eaecf0 !important;
  border-radius: var(--border-radius);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.table-responsive ::-webkit-scrollbar {
  width: calc(var(--scrollbar-width) / 2) !important;
  height: calc(var(--scrollbar-width) / 2) !important;
}
.table-responsive {
  /* Handle */
}
.table-responsive ::-webkit-scrollbar-thumb {
  background: var(--text-primary-color) !important;
}

.col-2 {
  width: 12.5%;
}

.col-2 {
  width: 18.75%;
}

.col-4 {
  width: 25%;
}

.col-8 {
  width: 75%;
}

.col-9 {
  width: 81.25%;
}

.col-10 {
  width: 87.5%;
}

.btn {
  display: flex;
  gap: 1rem;
  align-items: center;
  border-radius: calc(var(--border-radius) / 2);
  text-align: center;
  padding: 0.25rem 0.75rem;
  cursor: pointer;
  border: 1px solid;
  transition: all 0.2s ease;
}
.btn i {
  font-size: 1.5rem;
}
.btn:hover {
  border: 1px solid var(--primary-color);
}
.btn:disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.35;
  filter: none;
}

.btn-primary {
  background-color: var(--primary-color);
  color: white !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  opacity: 0.85;
}

.btn-danger {
  color: white;
  background-color: #ef4444;
  border: 1px solid;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-color: rgba(239, 68, 68, 0.85);
}

.btn-accent {
  background: var(--accent-color);
  color: #fff;
}

.btn-outline-primary {
  border-color: var(--primary-color);
  background-color: transparent;
  color: var(--primary-color);
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}

:root {
  --form-disabled-bg: whitesmoke;
  --form-disabled-border: 1px solid darkgrey;
  --form-element-bg: transparent;
  --fgr-form-invalid-border-color: #dc3545;
}

.checkbox.disabled input[type=checkbox] + .check,
.checkbox.disabled input[type=radio] + .check {
  background-color: #e9ecef;
  opacity: 1;
}
.checkbox input[type=checkbox] + .check,
.checkbox input[type=radio] + .check {
  align-items: center;
  color: var(--primary-color);
  display: inline-flex;
  font-family: "bootstrap-icons" !important;
  font-weight: bold;
  height: 1.5em;
  justify-content: center;
  min-width: 1.5em;
  width: 1.5em;
}
.checkbox input[type=checkbox] + .check:after,
.checkbox input[type=radio] + .check:after {
  content: "\f26e";
  transform: scale(1.5);
}
.checkbox input[type=checkbox] + .check + img,
.checkbox input[type=radio] + .check + img {
  border: 3px solid var(--primary-color);
}
.checkbox input[type=checkbox] + .is-invalid,
.checkbox input[type=radio] + .is-invalid {
  border-color: #dc3545;
  color: #dc3545;
}
.checkbox input[type=checkbox]:not(:checked):not(:disabled):hover + .check,
.checkbox input[type=radio]:not(:checked):not(:disabled):hover + .check {
  color: #ccc;
}
.checkbox input[type=checkbox]:not(:checked):not(:disabled):hover + .check + img,
.checkbox input[type=radio]:not(:checked):not(:disabled):hover + .check + img {
  border: 3px solid #ccc;
}
.checkbox input[type=checkbox]:not(:checked) + .check,
.checkbox input[type=radio]:not(:checked) + .check {
  color: transparent;
}
.checkbox input[type=checkbox]:not(:checked) + .check + img,
.checkbox input[type=radio]:not(:checked) + .check + img {
  border: none;
}

input[type=radio]:not(:checked) + .card {
  border-color: #ccc;
}

.input-group .form-floating {
  height: 3rem;
  margin-bottom: 0 !important;
}
.input-group .form-floating.btn {
  height: 3rem;
}
.input-group .form-floating.filter-input {
  width: 100%;
}
.input-group .input-group-text {
  height: 100%;
  width: calc(2.5rem + var(--fgr-border-width) * 2);
}
.input-group input.form-control {
  width: 100%;
  height: calc(2.5rem + var(--fgr-border-width) * 2);
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group .invalid-feedback {
  margin-left: 0.75rem;
}

.unsaved-modifications {
  color: var(--info-color);
}

#country-select {
  height: calc(2.5rem + var(--fgr-border-width) * 2);
}

button i,
.btn i {
  font-size: 1.5rem;
}

.form-container .form-element-container {
  margin-bottom: 1rem;
}
.form-container .form-element-container .form-control .editor-header {
  overflow-x: scroll;
}
.form-container .form-element-container .form-control .editor-header .editor-actions button {
  padding: 0.25rem 0.5rem;
}
.form-container .form-element-container .form-control .editor-header .editor-view-mode {
  margin-top: 0.5rem;
}

.form-floating .form-control,
.form-floating .form-control input,
.form-floating .form-select {
  background: var(--form-element-bg);
  color: var(--text-primary-color);
  border: var(--form-element-border);
  border-radius: var(--form-element-border-radius);
}
.form-floating .form-control.disabled, .form-floating .form-control:disabled,
.form-floating .form-control input.disabled,
.form-floating .form-control input:disabled,
.form-floating .form-select.disabled,
.form-floating .form-select:disabled {
  background: var(--form-disabled-bg);
  border: var(--form-disabled-border);
}
.form-floating > .form-select {
  padding-top: 1rem;
  padding-bottom: 0.625rem;
  padding-left: 0.25rem;
}
.form-floating label {
  padding: 0.5rem;
}
.form-floating .display-element {
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  border: 1px solid whitesmoke;
}
.form-floating .form-control:not(:-moz-placeholder) ~ label {
  top: 0;
  opacity: 0.65;
  padding: 0.5rem 0rem 0rem 0rem;
  transform: scale(0.85) translateY(-0.25rem) translateX(0rem);
}
.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label,
.form-floating .display-element ~ label {
  top: 0;
  opacity: 0.65;
  padding: 0.5rem 0rem 0rem 0rem;
  transform: scale(0.85) translateY(-0.25rem) translateX(0rem);
}
.form-floating .form-control:not(:-moz-placeholder).no-label {
  padding: 0;
  border: none;
}
.form-floating .form-control:focus.no-label,
.form-floating .form-control:not(:placeholder-shown).no-label, .form-floating > .form-select.no-label,
.form-floating .display-element.no-label {
  padding: 0;
  border: none;
}
.form-floating .form-control:not(:-moz-placeholder).no-label ~ label {
  display: none;
}
.form-floating .form-control:focus.no-label ~ label,
.form-floating .form-control:not(:placeholder-shown).no-label ~ label, .form-floating > .form-select.no-label ~ label,
.form-floating .display-element.no-label ~ label {
  display: none;
}

input::-moz-placeholder {
  opacity: 0;
}

.form-floating .form-control,
.form-floating .form-select {
  height: 3rem;
  background-color: var(--white);
  padding: 1.2rem 0.6rem 0.6rem 0.8rem;
}
.form-floating #colors-accent,
.form-floating #colors-primary {
  padding: 0.8rem 0.4rem 0.2rem 0.4rem;
}
.form-floating .input-container {
  background-color: var(--secondary-bg-color);
  height: auto;
  padding: 0;
  top: 0;
  margin-top: -1px;
  min-width: 15rem;
}
.form-floating .relation-title {
  line-height: 1.875rem;
}

.table > :not(:first-child) {
  border-top: none;
}

.model-title-bar {
  border: var(--card-border-width) solid var(--card-border-color) !important;
  border-radius: var(--card-border-radius) !important;
}

.model-title-bar h2,
.resource-action-box > div h2 {
  text-transform: none !important;
  font-size: 2.25rem;
  font-weight: 500 !important;
  margin-bottom: 0.5rem;
}

.model-actions {
  color: var(--primary-color);
}

.form-control {
  border-radius: calc(var(--border-radius) / 2) !important;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: var(--fgr-body-bg);
  border: var(--fgr-border-width) solid var(--fgr-border-color);
  color: var(--fgr-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.form-control.is-invalid:focus,
.form-control .was-validated .form-control:invalid:focus {
  border-color: var(--fgr-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-control.multi-line {
  height: auto;
}
.form-control:focus {
  box-shadow: 0 0 0 1px var(--primary-color);
}
.form-control::-moz-placeholder {
  color: transparent;
}
.form-control::placeholder {
  color: transparent;
}
.form-control:required:invalid.invalid-feedback {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg  width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control:required:invalid.invalid-feedback + .input-group-append > .input-group-text, .form-control:required:invalid.invalid-feedback + .dropdown-toggle {
  border-color: #dc3545;
}
.form-control[type=radio] {
  display: inline;
  height: initial;
}
.form-control.is-invalid.invalid-feedback {
  display: block;
  margin-top: 0;
  font-size: 100%;
  color: var(--major-color);
}
.form-control.has-changes {
  border-color: #3872c1;
  background-image: url("data:image/svg+xml,%3csvg  width='8' height='8' viewBox='0 0 1024 1024'%3e%3cpath fill='%233872c1' d='M807.1 343.4L638.5 512H765c0 139.5-113.4 252.9-252.9 252.9-42.6 0-83.1-10.5-118-29.5L332.4 797c51.9 32.9 113.4 52.3 179.6 52.3 186.3 0 337.3-150.9 337.3-337.3h126.5L807.1 343.4zM259.1 512c0-139.5 113.4-252.9 252.9-252.9 42.6 0 83.1 10.5 118 29.5l61.6-61.6c-51.9-32.9-113.4-52.3-179.6-52.3-186.3 0-337.3 150.9-337.3 337.3H48.3l168.6 168.6L385.5 512H259.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.form-control.has-changes + .input-group-append > .input-group-text, .form-control.has-changes + .dropdown-toggle {
  border-color: #3872c1;
}
.form-control.has-changes + .input-group-append > .input-group-text .filter-option, .form-control.has-changes + .dropdown-toggle .filter-option {
  padding-right: 2rem;
}
.form-control.disabled {
  background-color: #e9ecef;
  opacity: 1;
}

input.form-control:-moz-read-only {
  background-color: var(--white) !important;
  opacity: 1;
}

input.form-control:read-only {
  background-color: var(--white) !important;
  opacity: 1;
}

.form-check.is-invalid {
  border: 1px solid #dc3545;
  border-radius: 0.25rem;
}
.form-check.is-invalid .input-group-text {
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.form-check.is-invalid .form-control {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.form-check.has-changes {
  border: 1px solid #3872c1;
  border-radius: 0.25rem;
}
.form-check.has-changes .input-group-text {
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.form-check.has-changes .form-control {
  border-top: none;
  border-bottom: none;
  border-right: none;
  background-image: url("data:image/svg+xml,%3csvg  width='8' height='8' viewBox='0 0 1024 1024'%3e%3cpath fill='%233872c1' d='M807.1 343.4L638.5 512H765c0 139.5-113.4 252.9-252.9 252.9-42.6 0-83.1-10.5-118-29.5L332.4 797c51.9 32.9 113.4 52.3 179.6 52.3 186.3 0 337.3-150.9 337.3-337.3h126.5L807.1 343.4zM259.1 512c0-139.5 113.4-252.9 252.9-252.9 42.6 0 83.1 10.5 118 29.5l61.6-61.6c-51.9-32.9-113.4-52.3-179.6-52.3-186.3 0-337.3 150.9-337.3 337.3H48.3l168.6 168.6L385.5 512H259.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.form-check .form-control.trigger {
  cursor: pointer;
}

input[type=checkbox] + .check {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border-color: var(--form-element-border) !important;
  border-radius: var(--border-radius) !important;
  accent-color: var(--primary-color) !important;
  height: 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
}

.input-group-prepend .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-append .input-group-text {
  background: var(--secondary-bg-color);
  color: var(--text-primaryr-color);
  border: var(--form-element-border);
  border-radius: calc(var(--border-radius) / 2);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.relation-select {
  top: 0;
  z-index: 84;
}
.relation-select.disabled {
  background: var(--form-disabled-bg);
}
.relation-select > .form-select {
  background-position: right 0.75rem bottom 0.75rem;
}
.relation-select > .form-select > span {
  margin-top: -0.25rem;
  display: block;
  float: left;
  line-height: 1.4375rem;
}
.relation-select > .form-select > span.relation-id {
  font-size: 0.8125rem;
  opacity: 0.65;
}
.relation-select > .input-container:focus-within {
  box-shadow: 0 0 0.25rem 0.25rem var(--form-element-focus-shadow-color) !important;
}
.relation-select > .input-container input:focus {
  box-shadow: none;
}
.relation-select > .form-control > .relation-results {
  max-height: 16rem;
  overflow-y: auto;
}
.relation-select > .form-control > .relation-results li:hover {
  cursor: default;
  background-color: var(--primary-color);
  color: var(--text-hover-color);
}

input {
  filter: none;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

label.column-name {
  opacity: 0.65;
}

.form-field {
  border-radius: calc(var(--border-radius) / 2);
}

.form-floating {
  line-height: 1;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.form-floating > label {
  text-wrap: wrap;
  top: 0rem;
  padding-left: 0.5rem;
  position: absolute;
  height: auto;
}
.form-floating .form-control,
.form-floating .form-select {
  height: 3rem;
  min-height: 3rem;
  border-radius: calc(var(--border-radius) / 2);
}
.form-floating .form-control.active,
.form-floating .form-select.active {
  color: #212529;
  background-color: var(--primary-bg-color);
  border-color: #86b7fe;
  border-top-color: rgb(134, 183, 254);
  border-right-color: rgb(134, 183, 254);
  border-left-color: rgb(134, 183, 254);
  outline: 0;
}
.form-floating .form-control.is-invalid,
.form-floating .form-select.is-invalid {
  border: 1px solid #dc3545 !important;
  border-radius: 0.25rem;
}
.form-floating .form-control.is-invalid ~ label,
.form-floating .form-select.is-invalid ~ label {
  color: #dc3545 !important;
}
.form-floating .form-control.is-invalid + .fgr-form-label {
  color: red !important;
}
.form-floating .fgr-resource-form-field .form-control.is-invalid ~ .fgr-form-label {
  color: red !important;
}
.form-floating .form-control:not(:-moz-placeholder) ~ label {
  top: 0;
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
  color: var(--text-primary-color);
}
.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label,
.form-floating .form-floating > .form-select ~ label {
  top: 0;
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
  color: var(--text-primary-color);
}

.forgeron-content-container .form-floating :not(:focus)::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
.forgeron-content-container .form-floating :not(:focus):-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
.forgeron-content-container .form-floating :not(:focus)::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
}
.forgeron-content-container .form-floating :not(:focus):-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}
.forgeron-content-container .form-floating > .form-control, .forgeron-content-container .form-floating > .date-time, .forgeron-content-container .form-floating > .form-control-plaintext {
  height: calc(2.5rem + var(--fgr-border-width) * 2);
  min-height: calc(2.5rem + var(--fgr-border-width) * 2);
  line-height: 1.25;
  width: 100%;
}
.forgeron-content-container .form-floating > label {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  padding: 0.75rem 0.5rem 0.5rem;
}
.forgeron-content-container .form-floating > label:after {
  background-color: transparent !important;
}

.invalid-feedback {
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  opacity: 95%;
  color: #dc3545;
  display: block;
  word-break: keep-all;
  text-wrap: nowrap;
  font-size: 0.845rem;
  margin-top: 0.25rem;
  width: 100%;
}

.blade-page .form-control {
  background-color: #fff;
}

:root {
  --nav-text-color: var(--tertiary-color);
  --nav-icon-color: var(--nav-link-color);
  --nav-item-color: var(--forgeron-text-color);
  --nav-link-color: var(--forgeron-text-color);
  --nav-hover-color: #fff;
  --nav-hover-bg: var(--primary-color);
  --nav-hover-icon-color: #fff;
  --nav-active-color: var(--active-color);
  --nav-active-bg: var(--sidebar-secondary-background);
  --nav-bg: var(--sidebar-secondary-background);
  --nav-section-bg: var(--light-gray);
  --nav-section-color: var(--forgeron-text-color);
  --nav-border: none;
}

.bg-main {
  background-color: var(--primary-color);
}

.forgeron-aside.offcanvas-menu {
  color: #ccc;
  transition: all 0.3s;
}
.forgeron-aside.offcanvas-menu a {
  color: var(--nav-link-color);
  text-decoration: none;
}
.forgeron-aside.offcanvas-menu.open {
  left: 0;
}
.forgeron-aside.offcanvas-menu.open + .forgeron-main {
  margin-left: 16rem;
  width: calc(100% - 16rem);
}
.forgeron-aside.offcanvas-menu.forgeron-right.offcanvas-menu + .forgeron-main {
  margin-left: 16rem;
  width: calc(100% - 16rem);
}
.forgeron-aside.offcanvas-menu.forgeron-right.offcanvas-menu.open {
  left: auto;
  right: 0;
}
.forgeron-aside.offcanvas-menu .menu-item {
  font-size: 1.25rem;
  font-variant: small-caps;
}

.forgeron-main.open-right {
  margin-right: 16rem;
  width: calc(100% - 16rem);
}
.forgeron-main.open-right.open-left {
  width: calc(100% - 16rem - 16rem) !important;
}
.forgeron-main header,
.forgeron-main footer {
  transition: all 0.3s;
}

.isActive a {
  background: var(--primary-color);
  text-decoration: none;
  color: var(--nav-hover-color) !important;
}
.isActive i,
.isActive .lucide {
  filter: invert(1);
}

ul.forgeron-menu {
  color: var(--nav-item-color);
  border: var(--nav-border);
  font-size: 0.8125rem;
  font-weight: 500;
  list-style: none;
  padding: 0;
  margin: 0;
  height: calc(100vh - var(--forgeron-header-height) - var(--forgeron-footer-height));
}
ul.forgeron-menu li {
  min-height: 2.5rem;
  line-height: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
ul.forgeron-menu li.forgeron-menu-item {
  color: var(--nav-item-color);
}
ul.forgeron-menu li a,
ul.forgeron-menu li .menu-link-container {
  color: var(--nav-link-color);
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  margin: 0 0.75rem 0 0;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  border-radius: var(--border-radius);
}
ul.forgeron-menu li a.active,
ul.forgeron-menu li .menu-link-container.active {
  background: var(--nav-active-bg);
  color: var(--nav-active-color);
}
ul.forgeron-menu li a.active + ul.forgeron-submenu,
ul.forgeron-menu li .menu-link-container.active + ul.forgeron-submenu {
  max-height: 500px;
}
ul.forgeron-menu li a.opened i.menu-arrow.arrow-right,
ul.forgeron-menu li .menu-link-container.opened i.menu-arrow.arrow-right {
  display: none;
}
ul.forgeron-menu li a.opened i.menu-arrow.arrow-down,
ul.forgeron-menu li .menu-link-container.opened i.menu-arrow.arrow-down {
  display: initial;
}
ul.forgeron-menu li a.opened + ul.forgeron-submenu,
ul.forgeron-menu li .menu-link-container.opened + ul.forgeron-submenu {
  max-height: 500px;
}
ul.forgeron-menu li a:hover,
ul.forgeron-menu li .menu-link-container:hover {
  background: var(--primary-color);
  color: var(--nav-hover-color);
  text-decoration: none;
}
ul.forgeron-menu li a:hover i,
ul.forgeron-menu li a:hover .lucide,
ul.forgeron-menu li .menu-link-container:hover i,
ul.forgeron-menu li .menu-link-container:hover .lucide {
  filter: invert(1);
}
ul.forgeron-menu li a i,
ul.forgeron-menu li a .lucide,
ul.forgeron-menu li .menu-link-container i,
ul.forgeron-menu li .menu-link-container .lucide {
  color: var(--nav-icon-color);
  margin-right: 0.5rem;
  font-size: 1.25rem;
  line-height: 2.25rem;
  padding-top: 0.125rem;
  width: 1.5rem;
  height: 2.5rem;
  float: left;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
ul.forgeron-menu li a i.menu-arrow,
ul.forgeron-menu li a .lucide.menu-arrow,
ul.forgeron-menu li .menu-link-container i.menu-arrow,
ul.forgeron-menu li .menu-link-container .lucide.menu-arrow {
  cursor: pointer;
  position: absolute;
  right: 0;
}
ul.forgeron-menu li a i.menu-arrow.arrow-right,
ul.forgeron-menu li a .lucide.menu-arrow.arrow-right,
ul.forgeron-menu li .menu-link-container i.menu-arrow.arrow-right,
ul.forgeron-menu li .menu-link-container .lucide.menu-arrow.arrow-right {
  display: initial;
}
ul.forgeron-menu li a i.menu-arrow.arrow-down,
ul.forgeron-menu li a .lucide.menu-arrow.arrow-down,
ul.forgeron-menu li .menu-link-container i.menu-arrow.arrow-down,
ul.forgeron-menu li .menu-link-container .lucide.menu-arrow.arrow-down {
  display: none;
}
ul.forgeron-menu li ul.forgeron-submenu {
  max-height: 0;
  list-style: none;
  padding: 0;
  overflow: hidden;
  transition: all 0.3s;
}
ul.forgeron-menu li.forgeron-menu-section {
  background: var(--primary-bg-color);
  color: var(--nav-section-color);
  font-variant: small-caps;
}

.forgeron-menu input::-moz-placeholder {
  color: white;
}

.forgeron-menu input::placeholder {
  color: white;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
  transition: all 0.3s ease-out;
}

.slide-fade-leave-active {
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateY(-10px);
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.card-img-top .bi {
  width: 3em;
  height: 3rem;
  background-size: 3rem;
}

.card-icon {
  padding: 1rem 1rem 1rem 4rem;
  position: relative !important;
}
.card-icon::before {
  align-items: center;
  color: dimgray;
  content: "" !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWluZm8iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0iTTEyIDE2di00Ii8+PHBhdGggZD0iTTEyIDhoLjAxIi8+PC9zdmc+);
  display: block;
  background-size: 3rem;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  font-size: 3rem;
  width: 3rem;
  height: 100%;
  justify-content: center;
  left: 0.5rem;
  opacity: 0.5;
  position: absolute;
  top: 0;
}

.forgeron-page-content {
  display: flex;
}
.forgeron-page-content .forgeron-page-content-left {
  flex-grow: 0;
}
.forgeron-page-content .forgeron-page-content-left:not(:empty) {
  margin-right: var(--forgeron-gap);
}
.forgeron-page-content .forgeron-page-content-center {
  flex-grow: 1;
}
.forgeron-page-content .forgeron-page-content-right {
  flex-grow: 0;
}
.forgeron-page-content .forgeron-page-content-right:not(:empty) {
  margin-left: var(--forgeron-gap);
}

.forgeron-lightbox {
  background: white;
  border: none;
  border-radius: 0.2rem;
  height: 80%;
  margin: 5% auto;
  max-width: 100%;
  width: 45%;
}
.forgeron-lightbox .lightbox-content {
  border: none;
}

:root {
  --overflow-bg-color: linear-gradient(to right, transparent, white 50%);
  --card-box-shadow: 0 -1px #dee2e6;
}

#admin-sidebox {
  padding-left: 1rem;
}
.log-entries .log-entry {
  font-size: 0.75rem;
  border-radius: var(--element-border-radius);
  border: var(--element-border);
  margin: -1px -1px 0 -1px;
}
.log-entries .log-entry:last-child {
  margin-bottom: -1px;
}
.log-entries .log-entry .card-title {
  border: none;
  background-color: var(--secondary-bg-color);
}
.log-entries .log-entry .card-body {
  background-color: var(--primary-bg-color);
}

.toast-container {
  position: fixed;
  top: var(--forgeron-header-height);
  right: 0;
  margin: 1rem;
}

.forgeron-filter-container {
  padding-left: 1rem;
  padding-right: 0;
}

.dropdown {
  --fgr-dropdown-divider-color: rgba(0, 0, 0, 0.175);
  --fgr-dropdown-divider-margin-y: 0.25rem;
  --fgr-dropdown-item-padding-y: 0.5rem;
  --fgr-dropdown-item-padding-x: 1rem;
  --fgr-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}

.dropdown-item {
  background-color: transparent;
  border: 0;
  color: var(--fgr-dropdown-link-color);
  width: 100%;
}
.dropdown-item svg {
  display: inline-block;
}

.dropdown-item {
  padding: 0.5rem 0.9rem;
  align-items: center;
  gap: 1rem;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius);
  color: var(--text-primary-color) !important;
  padding: var(--fgr-dropdown-item-padding-y) var(--fgr-dropdown-item-padding-x);
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown-item a {
  color: var(--text-primary-color) !important;
}
.dropdown-item:hover, .dropdown-item:active {
  color: var(--primary-color) !important;
}
.dropdown-item:hover a, .dropdown-item:active a {
  color: var(--primary-color) !important;
}

.dropdown-menu {
  background: white;
  box-shadow: var(--fgr-dropdown-box-shadow);
}
.dropdown-menu > .fixed {
  background: white;
  padding: calc(var(--fgr-dropdown-item-padding-y) * 0.5) 0;
}
.dropdown-menu .dropdown-menu {
  display: none;
}

.dropdown-menu .dropdown > .dropdown-menu {
  padding: var(--fgr-dropdown-item-padding-y) 0;
  margin-top: -3.375rem;
  right: calc(100% + 1.5rem);
  left: auto;
  margin-bottom: calc(1.25rem + var(--fgr-dropdown-item-padding-y) * 2);
}

.dropdown-menu .dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-divider {
  border-top: 1px solid var(--fgr-dropdown-divider-color);
  height: 0;
  margin: var(--fgr-dropdown-divider-margin-y) 0;
  opacity: 1;
  overflow: hidden;
}

.dropdown-item:hover {
  background-color: rgba(128, 128, 128, 0.096);
}

.dropdown-item:active {
  background-color: var(--primary-color);
  color: white !important;
}

.dropdown-menu > .dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu > .dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu > .dropdown > .dropdown-menu {
  margin-top: -2.45rem;
  right: calc(100% + 0px);
  left: auto;
}

.dropdown-menu > .dropdown > .dropdown-menu {
  margin-top: -2.45rem;
  right: calc(100% + 0px);
  left: auto;
}

.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

.forgeron-main .dropdown-menu {
  --fgr-dropdown-link-active-bg: var(--primary-color);
}

.dropdown-menu,
.dropdown-menu a.dropdown-item {
  color: var(--text-primary-color);
}

.dropdown-menu {
  background-color: var(--primary-bg-color);
}

.dropdown-menu {
  background: var(--primary-bg-color);
}

.table-border-color {
  border: 1px solid #eaecf0 !important;
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

.shadow-md,
.shadow-sm {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.overflow-auto {
  overflow: auto;
}

.max-h-80 {
  max-height: 20rem;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.overflow-auto {
  overflow: auto !important;
}

.dropdown-menu {
  --fgr-dropdown-border-color: var(--fgr-border-color);
  --fgr-dropdown-border-radius: var(--fgr-border-radius);
  --fgr-dropdown-border-width: var(--fgr-border-width);
  --fgr-dropdown-link-color: var(--text-primary-color);
  background-clip: padding-box;
  border: var(--fgr-dropdown-border-width) solid var(--fgr-dropdown-border-color);
  border-radius: var(--fgr-dropdown-border-radius);
  list-style: none;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  position: absolute;
  text-align: left;
}

:root {
  --nav-tabs-link-border-color: #dee2e6;
  --nav-tabs-link-active-border-color: rgba(0, 0, 0, 0.175);
}

ul.nav.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
}
ul.nav.nav-tabs li.nav-item button, ul.nav.nav-tabs li.nav-item a {
  background-color: var(--white);
  border-color: var(--nav-tabs-link-border-color);
}
ul.nav.nav-tabs li.nav-item button:hover, ul.nav.nav-tabs li.nav-item a:hover {
  background-color: var(--secondary-bg-color);
}
ul.nav.nav-tabs li.nav-item button.active, ul.nav.nav-tabs li.nav-item a.active {
  color: var(--text-primary-color);
  background-color: var(--primary-bg-color);
  border-color: var(--nav-tabs-link-active-border-color);
  border-bottom-color: transparent;
  isolation: isolate;
}

.pagination_pages .page-item .page-link {
  border: 1px solid var(--light-gray) !important;
  outline: none;
  border-radius: calc(var(--border-radius) / 2);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.pagination_pages .page-item .page-link:hover {
  background-color: var(--primary-color) !important;
  color: var(--text-secondary-color);
  border-color: var(--primary-color);
}
.pagination_pages .page-item .page-link:focus {
  box-shadow: 0 0 0 4px rgb(243, 244, 246);
}
.pagination_pages .page-item.active .page-link {
  color: var(--primary-color);
  background-color: #EAECF0 !important;
  border-color: var(--primary-color);
}
.pagination_pages .page-item.active .page-link:hover {
  color: var(--primary-color);
}
.pagination_pages .page-item.disabled .page-link {
  background-color: rgba(128, 128, 128, 0.665);
}

.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -0.51rem 0.5rem;
}

.nav-link {
  padding: 0.5rem;
  border: 1px solid var(--border-color);
}
.nav-link.active {
  font-weight: bold;
  background-color: #fff;
  border: 1px solid var(--gray);
}

td, th {
  padding: 0.75rem;
}

.table {
  color: var(--text-primary-color);
  border-color: var(--table-border-color);
}
.table th, .table td {
  padding: 0.5rem;
  border-color: var(--table-border-color);
}
.table th img, .table td img {
  max-height: 1.5rem !important;
  max-width: 1.5rem !important;
}
.table thead th {
  border: none;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: var(--primary-color);
  position: fixed;
  z-index: 1032;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 3rem var(--primary-color), 0 0 2rem var(--primary-color), 0 0 1rem var(--primary-color);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: flex;
  position: fixed;
  z-index: 1031;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

#nprogress .spinner-icon {
  width: 8rem;
  height: 8rem;
  box-sizing: border-box;
  border: solid 0.5rem transparent;
  border-top-color: var(--primary-color);
  border-left-color: var(--primary-color);
  border-radius: 50%;
  animation: nprogress-spinner 600ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.current-step {
  display: flex !important;
}
@media (min-width: 768px) {
  .current-step {
    display: none !important;
  }
}

.stepper {
  counter-reset: step;
}
.stepper a,
.stepper button {
  color: black !important;
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  line-height: 1;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.stepper a span,
.stepper button span {
  color: var(--primary-color) !important;
}
.stepper a:not(.disabled):before,
.stepper button:not(.disabled):before {
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.stepper a:before,
.stepper button:before {
  align-items: center;
  background: black;
  border: 2px solid black;
  border-radius: 50%;
  color: white;
  counter-increment: step;
  content: counter(step);
  display: flex;
  font-size: 1.5rem;
  height: 2.7rem;
  justify-content: center;
  margin-bottom: 0.5rem;
  width: 2.7rem;
  z-index: 2;
}
.stepper a:after,
.stepper button:after {
  width: 100%;
  display: block;
  height: 2px;
  background: linear-gradient(to right, var(--primary-color) 50%, #ccc 50%);
  content: "";
  left: 0;
  position: absolute;
  top: 1.35rem;
  z-index: 1;
}
.stepper a:last-of-type:after,
.stepper button:last-of-type:after {
  width: 50%;
}
.stepper a:last-of-type:not(.disabled):after,
.stepper button:last-of-type:not(.disabled):after {
  background: var(--primary-color);
}
.stepper a:first-of-type:after,
.stepper button:first-of-type:after {
  left: 50%;
  right: 0;
  width: 50%;
  background: #ccc;
}
.stepper a.checked:before,
.stepper button.checked:before {
  content: "✓";
}
.stepper a.checked:after,
.stepper button.checked:after {
  background: var(--primary-color) !important;
}
.stepper a.checked span,
.stepper button.checked span {
  color: var(--text-primary-color) !important;
}
.stepper a.disabled,
.stepper button.disabled {
  pointer-events: none;
  color: #ccc !important;
}
.stepper a.disabled:before,
.stepper button.disabled:before {
  background: white;
  color: #ccc;
  border-color: #ccc;
}
.stepper a.disabled:after,
.stepper button.disabled:after {
  background: #ccc !important;
}
.stepper a.disabled span,
.stepper button.disabled span {
  color: #ccc !important;
}
.stepper a:hover span,
.stepper button:hover span {
  text-decoration: underline;
}

table.forgeron-widget-table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: var(--forgeron-gutter);
  padding-right: var(--forgeron-gutter);
}
table.forgeron-widget-table tr th, table.forgeron-widget-table tr td {
  padding: var(--forgeron-gutter);
  vertical-align: baseline;
}

.forgeron-widget .forgeron-pagination {
  padding: 0;
  height: auto;
}
.forgeron-widget .forgeron-pagination span {
  line-height: initial;
  font-size: 0.875rem;
}
.forgeron-widget .forgeron-pagination .paginate-button {
  padding: 0;
  border: none;
  font-weight: 400;
  margin: 0 0.125rem;
}
.forgeron-widget .forgeron-pagination .paginate-button.current {
  background-color: transparent;
}

span.flag {
  position: relative;
  display: inline-block;
  padding-top: 0.125rem;
  height: 1.25rem;
  width: 2.5rem;
}
span.flag::after, span.flag::before {
  position: absolute;
  left: 0;
  text-shadow: 1px 1px 1px black;
}
span.flag::before {
  background-size: auto 1.25rem;
  background-repeat: no-repeat;
  height: 1.25rem;
  width: 2.5rem;
  content: "";
}

.ht_clone_top {
  z-index: initial !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.forgeron-content-container .form-floating .form-control input.dp__pointer {
  border: none;
  padding-bottom: 0;
  padding-top: 0.75rem;
}
.forgeron-content-container .form-floating .form-control .dp__input_icons {
  padding: 3.5rem 0.5rem 0 0.75rem;
}
.forgeron-content-container .form-floating .form-control .dp__input {
  top: 0;
  left: 0;
  position: absolute;
  border: 0;
  padding-top: 1.2rem;
  padding-right: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.25;
}
.forgeron-content-container .form-floating .form-control .date-time {
  border: 0;
  padding: 0;
  background: transparent;
}

.bootstrap-select.with-ajax .status {
  color: #6c757d;
  padding: var(--forgeron-gutter) var(--forgeron-gap) 0 var(--forgeron-gap);
}

.editor-container {
  margin-top: calc(calc(1rem / 2) / 2);
}
.editor-container .ProseMirror {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  max-height: 15em;
  height: 15rem;
  line-height: 1.6;
  padding: 0.75rem;
  padding-top: 0.95rem;
  overflow-y: auto;
  background-color: #f9fafb;
  font-size: 0.875rem;
  color: #374151;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.editor-container .ProseMirror:focus-visible {
  box-shadow: 0 0 0.25rem 0.25rem var(--form-element-focus-shadow-color);
  border-color: var(--form-element-focus-border-color);
  outline: none;
}
.editor-container .ProseMirror.has-content {
  display: none;
}
.editor-container .ProseMirror p {
  margin: 0 0 0.5rem;
}
.editor-container .ProseMirror ::-webkit-scrollbar {
  width: 0.5rem;
}
.editor-container .ProseMirror ::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 0.25rem;
}
.editor-container .ProseMirror ::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af;
}

label[for=information_home-text] {
  display: none;
}

.markdown-field button.active,
.html-field button.active {
  background-color: var(--primary-color);
}
.markdown-field .border,
.html-field .border {
  border: 1px solid var(--border-color) !important;
  border-radius: calc(var(--border-radius) / 2);
}
.markdown-field label,
.html-field label {
  margin-top: 2.3rem !important;
  letter-spacing: 1.2px;
  font-weight: 500;
  opacity: 0.7;
  font-size: 0.7em;
}
.markdown-field label.has-content,
.html-field label.has-content {
  display: none;
}
.markdown-field,
.html-field {
  /* List styles */
}
.markdown-field ul,
.markdown-field ol,
.html-field ul,
.html-field ol {
  padding: 0 1rem;
  margin: 1.25rem 1rem 1.25rem 0.4rem;
}
.markdown-field ul li p,
.markdown-field ol li p,
.html-field ul li p,
.html-field ol li p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.markdown-field h1,
.markdown-field h2,
.markdown-field h3,
.markdown-field h4,
.markdown-field h5,
.markdown-field h6,
.html-field h1,
.html-field h2,
.html-field h3,
.html-field h4,
.html-field h5,
.html-field h6 {
  line-height: 1.1;
  text-wrap: pretty;
}
.markdown-field h1,
.markdown-field h2,
.html-field h1,
.html-field h2 {
  margin-bottom: 1.5rem;
}
.markdown-field h1,
.html-field h1 {
  font-size: 1.4rem;
}
.markdown-field h2,
.html-field h2 {
  font-size: 1.2rem;
}
.markdown-field h3,
.html-field h3 {
  font-size: 1.1rem;
}
.markdown-field h4,
.markdown-field h5,
.markdown-field h6,
.html-field h4,
.html-field h5,
.html-field h6 {
  font-size: 1rem;
}
.markdown-field code,
.html-field code {
  background-color: #e0c3fc;
  /* Light purple */
  border-radius: 0.4rem;
  color: #000000;
  /* Black */
  font-size: 0.85rem;
  padding: 0.25em 0.3em;
}
.markdown-field pre,
.html-field pre {
  background: #000000;
  /* Black */
  border-radius: 0.5rem;
  color: #ffffff;
  /* White */
  font-family: "JetBrainsMono", monospace;
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
}
.markdown-field pre code,
.html-field pre code {
  background: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 0;
}
.markdown-field hr,
.html-field hr {
  border: none;
  border-top: 1px solid #e5e7eb;
  /* Gray-200 */
  margin: 2rem 0;
}
.markdown-field [data-indent],
.html-field [data-indent] {
  padding-left: calc(var(--indent-size, 2rem) * attr(data-indent));
}

.links {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.links .link {
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  text-align: center;
}

.pills {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
.pills .pill {
  display: flex;
  background: var(--secondary-bg-color);
  padding: 0.375rem 0.75rem;
  border: 2px solid var(--border-color);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-align: center;
}

.forgeron-content-container .box .box-body {
  position: static;
}
.forgeron-content-container .box .box-header {
  background-color: var(--box-bg-color);
  border: none;
  padding: var(--forgeron-gap);
}
.forgeron-content-container .box .box-header + .box-body {
  padding-top: 0;
}

.box {
  border: none;
  border-radius: 0;
}
.box .box-body {
  padding: var(--forgeron-gap);
}

.forgeron-content-container .card {
  border-radius: var(--card-border-radius);
  position: static;
}
.forgeron-content-container .card .card-body {
  border-radius: var(--card-border-radius);
  padding: var(--forgeron-gap);
  position: static;
}
.forgeron-content-container .card .card-header {
  background-color: var(--card-bg-color);
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  padding: var(--forgeron-gap);
}
.forgeron-content-container .card .card-header:empty {
  display: none;
}
.forgeron-content-container .card .card-header:not(:empty) + .card-body {
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  padding-top: 0;
}
.forgeron-content-container .card .card-title {
  margin-bottom: 0;
}
.forgeron-content-container .card .card-title h6,
.forgeron-content-container .card .card-title .h6,
.forgeron-content-container .card .card-title h5,
.forgeron-content-container .card .card-title .h5,
.forgeron-content-container .card .card-title h4,
.forgeron-content-container .card .card-title .h4,
.forgeron-content-container .card .card-title h3,
.forgeron-content-container .card .card-title .h3,
.forgeron-content-container .card .card-title h2,
.forgeron-content-container .card .card-title .h2,
.forgeron-content-container .card .card-title h1,
.forgeron-content-container .card .card-title .h1 {
  margin-bottom: 0;
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/Roboto-Regular.ttf?a8d6ac03c7b96b7acb6228ff2676139d) format("truetype");
}
@font-face {
  font-family: "Roboto Black";
  src: url(/fonts/Roboto-Black.ttf?2a4285847db4a9acb97fef9905c0ad44) format("truetype");
}
@font-face {
  font-family: "Roboto Light";
  src: url(/fonts/Roboto-Light.ttf?8be2d1487420548b3b8ddba68270b26b) format("truetype");
}
@font-face {
  font-family: "Aeonik Air";
  src: url(/fonts/Aeonik-Air.woff2?0ed4fb24560119886831e1fee556bd7b) format("woff2"), url(/fonts/Aeonik-Air.woff?a3323b9b6b1017e00bad216c3a6c7cdb) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-Black.woff2?d0e38eed55f5ed53537e3b27b86f3c7c) format("woff2"), url(/fonts/Aeonik-Black.woff?88a2311e143d5c03b0a17a70d7f18eda) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-BoldItalic.woff2?b046f1290f3baf40b82cd3eb0592e325) format("woff2"), url(/fonts/Aeonik-BoldItalic.woff?b00ce8a3ae48c8467459666fee699694) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik Air";
  src: url(/fonts/Aeonik-AirItalic.woff2?ce5e9c3c8b263eb5b882bd1e599d785b) format("woff2"), url(/fonts/Aeonik-AirItalic.woff?d8b5d293658bdb60f54ffa9ec309ec97) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-Bold.woff2?4b5c5bec6248f51c46f292e5d3af7da2) format("woff2"), url(/fonts/Aeonik-Bold.woff?4f9c8195457dc0d7bfe9e349e38a6402) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-BlackItalic.woff2?697663da559ebf4989cfc3ad921521cf) format("woff2"), url(/fonts/Aeonik-BlackItalic.woff?ecbc9852645775f4039989d099d585d2) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-Thin.woff2?96aa65e00402164484078ba521354b91) format("woff2"), url(/fonts/Aeonik-Thin.woff?d24e400a05de4790ab6aca780e0ebbd4) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-RegularItalic.woff2?ad71d1c031caab7769e7bb8c5fa64411) format("woff2"), url(/fonts/Aeonik-RegularItalic.woff?13a11c53f04032c57e84399c5bc6cdc3) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-MediumItalic.woff2?699c767baed36aef39e042749fd19fb1) format("woff2"), url(/fonts/Aeonik-MediumItalic.woff?933fdf9a04975c8f9cc70db2c0c24945) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-LightItalic.woff2?debfc856d716abfaebc98c32cdc68969) format("woff2"), url(/fonts/Aeonik-LightItalic.woff?842bb35f9c69c28d8c6bc4c749a41bb3) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-ThinItalic.woff2?e0eadb5c923e82818c847b4f7cbebbac) format("woff2"), url(/fonts/Aeonik-ThinItalic.woff?e99c0c4509cddd971889406d54ea4e0d) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-Light.woff2?d999f4170bef4354fb26996bb4096c50) format("woff2"), url(/fonts/Aeonik-Light.woff?0f800d6c1a363044d59e1322a2d12aba) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-Medium.woff2?a584ebd29a0626ccf36df98f5c031dcf) format("woff2"), url(/fonts/Aeonik-Medium.woff?3b09f560a7da8d6f25b5a4199660606d) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url(/fonts/Aeonik-Regular.woff2?c672e6fbaa411f5719f3c63dc9a47999) format("woff2"), url(/fonts/Aeonik-Regular.woff?4957ae92e5585e501e942315ba95fb7d) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Air";
  src: url(/fonts/Aeonik-Air.woff2?0ed4fb24560119886831e1fee556bd7b) format("woff2"), url(/fonts/Aeonik-Air.woff?a3323b9b6b1017e00bad216c3a6c7cdb) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Black";
  src: url(/fonts/Aeonik-Black.woff2?d0e38eed55f5ed53537e3b27b86f3c7c) format("woff2"), url(/fonts/Aeonik-Black.woff?88a2311e143d5c03b0a17a70d7f18eda) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-BoldItalic";
  src: url(/fonts/Aeonik-BoldItalic.woff2?b046f1290f3baf40b82cd3eb0592e325) format("woff2"), url(/fonts/Aeonik-BoldItalic.woff?b00ce8a3ae48c8467459666fee699694) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-AirItalic";
  src: url(/fonts/Aeonik-AirItalic.woff2?ce5e9c3c8b263eb5b882bd1e599d785b) format("woff2"), url(/fonts/Aeonik-AirItalic.woff?d8b5d293658bdb60f54ffa9ec309ec97) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Bold";
  src: url(/fonts/Aeonik-Bold.woff2?4b5c5bec6248f51c46f292e5d3af7da2) format("woff2"), url(/fonts/Aeonik-Bold.woff?4f9c8195457dc0d7bfe9e349e38a6402) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-BlackItalic";
  src: url(/fonts/Aeonik-BlackItalic.woff2?697663da559ebf4989cfc3ad921521cf) format("woff2"), url(/fonts/Aeonik-BlackItalic.woff?ecbc9852645775f4039989d099d585d2) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Thin";
  src: url(/fonts/Aeonik-Thin.woff2?96aa65e00402164484078ba521354b91) format("woff2"), url(/fonts/Aeonik-Thin.woff?d24e400a05de4790ab6aca780e0ebbd4) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-RegularItalic";
  src: url(/fonts/Aeonik-RegularItalic.woff2?ad71d1c031caab7769e7bb8c5fa64411) format("woff2"), url(/fonts/Aeonik-RegularItalic.woff?13a11c53f04032c57e84399c5bc6cdc3) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-MediumItalic";
  src: url(/fonts/Aeonik-MediumItalic.woff2?699c767baed36aef39e042749fd19fb1) format("woff2"), url(/fonts/Aeonik-MediumItalic.woff?933fdf9a04975c8f9cc70db2c0c24945) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-LightItalic";
  src: url(/fonts/Aeonik-LightItalic.woff2?debfc856d716abfaebc98c32cdc68969) format("woff2"), url(/fonts/Aeonik-LightItalic.woff?842bb35f9c69c28d8c6bc4c749a41bb3) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-ThinItalic";
  src: url(/fonts/Aeonik-ThinItalic.woff2?e0eadb5c923e82818c847b4f7cbebbac) format("woff2"), url(/fonts/Aeonik-ThinItalic.woff?e99c0c4509cddd971889406d54ea4e0d) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Light";
  src: url(/fonts/Aeonik-Light.woff2?d999f4170bef4354fb26996bb4096c50) format("woff2"), url(/fonts/Aeonik-Light.woff?0f800d6c1a363044d59e1322a2d12aba) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Medium";
  src: url(/fonts/Aeonik-Medium.woff2?a584ebd29a0626ccf36df98f5c031dcf) format("woff2"), url(/fonts/Aeonik-Medium.woff?3b09f560a7da8d6f25b5a4199660606d) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-Regular";
  src: url(/fonts/Aeonik-Regular.woff2?c672e6fbaa411f5719f3c63dc9a47999) format("woff2"), url(/fonts/Aeonik-Regular.woff?4957ae92e5585e501e942315ba95fb7d) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --fgr-body-background: var(--fgr-background-color-primary);
}

/* This contains the default rules for the elements being customizable via portal's settings. */
:root {
  --fgr-primary-color:#3f8cfc;
  --fgr-link-color:#3f8cfc;
  --fgr-secondary-color:#3f8cfc;
  --fgr-text-color: #212529;
  --fgr-text-color-primary: #e2e8f0;
  --fgr-text-color-secondary:#a0aec0;
  --fgr-text-color-tertiary: #718096;
  --fgr-text-color-minor: #718096;
  --fgr-font-family: "Roboto";
  --fgr-bg-color: whitesmoke;
  --fgr-bg-color-primary: white;
  --fgr-bg-color-secondary: #f2f3f8;
  --fgr-bg-color-tertiary: #ececec;
  --fgr-border-color: #d0d5dd;
}

[data-theme=dark] {
  --fgr-bg-color: #1a202c;
  --fgr-bg-color-primary: #252c3b;
  --fgr-bg-color-secondary: #1e2430;
  --fgr-bg-color-tertiary: #171c26;
  --fgr-text-color: $fgr-color-charcoal-medium;
  --fgr-text-color-primary: #e2e8f0;
  --fgr-text-color-secondary:#a0aec0;
  --fgr-text-color-tertiary: #718096;
  --fgr-text-color-minor: #718096;
  --fgr-border-color: #4a5568;
}

html {
  scroll-behavior: smooth;
  scroll-behavior: cubic-bezier(0.42, 0, 0.58, 1);
}
html ::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
html {
  /* Track */
}
html ::-webkit-scrollbar-track {
  border-radius: var(--fgr-border-radius);
}
html {
  /* Handle */
}
html ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-track-color);
  border-radius: var(--fgr-border-radius);
}

body {
  background-color: var(--fgr-bg-color);
  background-attachment: fixed;
  color: var(--fgr-text-color);
  min-height: calc(100vh - var(--fgr-header-height) - var(--fgr-footer-height));
}

/* AppEventLog component */
/* Breadcrumbs component */
.breadcrumb-container {
  --fgr-Breadcrumbs-container-bg-color: transparent;
  --fgr-Breadcrumbs-border-color: transparent;
  --fgr-Breadcrumbs-border-radius: 0;
  --fgr-Breadcrumbs-border-width: 0;
  --fgr-Breadcrumbs-box-shadow: none;
  --fgr-Breadcrumbs-font-size: 1rem;
  --fgr-Breadcrumbs-font-weight: 400;
  --fgr-Breadcrumbs-highlight-color: whitesmoke;
  --fgr-Breadcrumbs-line-height: 1.5;
  --fgr-Breadcrumbs-link-color: var(--fgr-link-color);
  --fgr-Breadcrumbs-margin-x: var(--fgr-margin-0);
  --fgr-Breadcrumbs-margin-y: var(--fgr-margin-0);
  --fgr-Breadcrumbs-padding-x: var(--fgr-padding-0);
  --fgr-Breadcrumbs-padding-y: var(--fgr-padding-0);
  --fgr-Breadcrumbs-text-color: var(--fgr-primary-text-color);
  --fgr-BreadcrumbItem-height: auto;
  --fgr-BreadcrumbSeperator-margin-x: var(--fgr-margin-0);
  --fgr-BreadcrumbSeperator-visiblity: visible;
  --fgr-BreadcrumbSeperator-height: 1.25rem;
  --fgr-BreadcrumbSeperator-width: 1.5rem;
  --fgr-BreadcrumbDivider-content: "/";
  --fgr-BreadcrumbDivider-visiblity: hidden;
  --fgr-BreadcrumbDivider-color: var(--fgr-primary-text-color);
}

.breadcrumb-container {
  background-color: var(--fgr-Breadcrumbs-container-bg-color);
  width: 100%;
}
.breadcrumb-container .breadcrumbs {
  align-items: center;
  height: inherit;
  display: flex;
  flex-wrap: wrap;
  padding: var(--fgr-Breadcrumbs-padding-y) var(--fgr-Breadcrumbs-padding-x);
  margin: var(--fgr-Breadcrumbs-margin-y) var(--fgr-Breadcrumbs-margin-x);
  border: var(--fgr-Breadcrumbs-border-width) solid var(--fgr-Breadcrumbs-border-color);
  border-radius: var(--fgr-Breadcrumbs-border-radius);
  box-shadow: var(--fgr-Breadcrumbs-box-shadow);
}
.breadcrumb-container .breadcrumbs .breadcrumb-item {
  color: var(--fgr-Breadcrumbs-text-color);
  font-size: var(--fgr-Breadcrumbs-font-size);
  line-height: var(--fgr-Breadcrumbs-line-height);
  font-weight: var(--fgr-Breadcrumbs-font-weight);
  height: var(--fgr-BreadcrumbItem-height);
}
.breadcrumb-container .breadcrumbs .breadcrumb-item a {
  color: var(--fgr-Breadcrumbs-link-color);
}
.breadcrumb-container .breadcrumbs .breadcrumb-item:last-child a {
  color: var(--fgr-Breadcrumbs-text-color);
}
.breadcrumb-container .breadcrumbs .breadcrumb-separator {
  margin-left: var(--fgr-BreadcrumbSeperator-margin-x);
  margin-right: var(--fgr-BreadcrumbSeperator-margin-x);
  color: var(--fgr-BreadcrumbDivider-color);
  position: relative;
  visibility: var(--fgr-BreadcrumbSeperator-visiblity);
}
.breadcrumb-container .breadcrumbs .breadcrumb-separator > * {
  height: var(--fgr-BreadcrumbSeperator-height);
  width: var(--fgr-BreadcrumbSeperator-width);
}
.breadcrumb-container .breadcrumbs .breadcrumb-separator::before {
  visibility: var(--fgr-BreadcrumbDivider-visiblity);
  position: absolute;
  content: var(--fgr-BreadcrumbDivider-content);
  color: var(--fgr-BreadcrumbDivider-color);
  top: -1px;
  height: var(--fgr-BreadcrumbSeperator-height);
  width: var(--fgr-BreadcrumbSeperator-width);
}
.breadcrumb-container .breadcrumbs .fgr-modal-container {
  overflow: visible;
}

/* ContextMenu component */
.fgr-contextmenu-container {
  --fgr-ContextMenu-background: var(--fgr-accent-light);
  --fgr-ContextMenu-background-secondary: var(--fgr-ContextMenu-background);
  --fgr-ContextMenu-border-color: var(--fgr-border-color);
  --fgr-ContextMenu-border-radius: var(--fgr-border-radius);
  --fgr-ContextMenu-border-width: 1px;
  --fgr-ContextMenu-box-shadow: none;
  --fgr-ContextMenu-item-padding-y: 0.5rem;
  --fgr-ContextMenu-item-padding-x: 1rem;
  --fgr-ContextMenu-link-background-active: var(--fgr-primary-color);
  --fgr-ContextMenu-link-color: var(--fgr-text-color);
  --fgr-ContextMenu-divider-color: rgba(0, 0, 0, 0.175);
  --fgr-ContextMenu-divider-margin-y: 0.25rem;
}

.dropdown,
.fgr-contextmenu-container {
  background: var(--fgr-accent-light);
  position: relative;
  display: flex;
}
.dropdown .dropdown-menu,
.dropdown .fgr-contextmenu,
.fgr-contextmenu-container .dropdown-menu,
.fgr-contextmenu-container .fgr-contextmenu {
  background: var(--fgr-ContextMenu-background);
  box-shadow: var(--fgr-ContextMenu-box-shadow);
  background-clip: padding-box;
  border: var(--fgr-ContextMenu-border-width) solid var(--fgr-ContextMenu-border-color);
  border-radius: var(--fgr-ContextMenu-border-radius);
  list-style: none;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  position: absolute;
  text-align: left;
}
.dropdown .dropdown-menu > .fixed,
.dropdown .fgr-contextmenu > .fixed,
.fgr-contextmenu-container .dropdown-menu > .fixed,
.fgr-contextmenu-container .fgr-contextmenu > .fixed {
  background: var(--fgr-accent-light);
  padding: calc(var(--fgr-ContextMenu-item-padding-y) * 0.5) 0;
}
.dropdown .dropdown-menu .dropdown-menu,
.dropdown .dropdown-menu .fgr-contextmenu,
.dropdown .fgr-contextmenu .dropdown-menu,
.dropdown .fgr-contextmenu .fgr-contextmenu,
.fgr-contextmenu-container .dropdown-menu .dropdown-menu,
.fgr-contextmenu-container .dropdown-menu .fgr-contextmenu,
.fgr-contextmenu-container .fgr-contextmenu .dropdown-menu,
.fgr-contextmenu-container .fgr-contextmenu .fgr-contextmenu {
  background: var(--fgr-ContextMenu-background-secondary);
  display: none;
  margin-left: 0;
  margin-right: 0;
}
.dropdown .dropdown-menu .dropdown > .dropdown-menu, .dropdown .dropdown-menu .dropdown > .fgr-contextmenu,
.dropdown .dropdown-menu .fgr-contextmenu-item > .dropdown-menu,
.dropdown .dropdown-menu .fgr-contextmenu-item > .fgr-contextmenu,
.dropdown .fgr-contextmenu .dropdown > .dropdown-menu,
.dropdown .fgr-contextmenu .dropdown > .fgr-contextmenu,
.dropdown .fgr-contextmenu .fgr-contextmenu-item > .dropdown-menu,
.dropdown .fgr-contextmenu .fgr-contextmenu-item > .fgr-contextmenu,
.fgr-contextmenu-container .dropdown-menu .dropdown > .dropdown-menu,
.fgr-contextmenu-container .dropdown-menu .dropdown > .fgr-contextmenu,
.fgr-contextmenu-container .dropdown-menu .fgr-contextmenu-item > .dropdown-menu,
.fgr-contextmenu-container .dropdown-menu .fgr-contextmenu-item > .fgr-contextmenu,
.fgr-contextmenu-container .fgr-contextmenu .dropdown > .dropdown-menu,
.fgr-contextmenu-container .fgr-contextmenu .dropdown > .fgr-contextmenu,
.fgr-contextmenu-container .fgr-contextmenu .fgr-contextmenu-item > .dropdown-menu,
.fgr-contextmenu-container .fgr-contextmenu .fgr-contextmenu-item > .fgr-contextmenu {
  padding: var(--fgr-ContextMenu-item-padding-y) 0;
  margin-top: -3.375rem;
  right: calc(100% + 1.5rem);
  left: auto;
  margin-bottom: calc(1.25rem + var(--fgr-ContextMenu-item-padding-y) * 2);
}
.dropdown .dropdown-menu .dropdown:hover > .dropdown-menu, .dropdown .dropdown-menu .dropdown:hover > .fgr-contextmenu,
.dropdown .dropdown-menu .fgr-contextmenu-item:hover > .dropdown-menu,
.dropdown .dropdown-menu .fgr-contextmenu-item:hover > .fgr-contextmenu,
.dropdown .fgr-contextmenu .dropdown:hover > .dropdown-menu,
.dropdown .fgr-contextmenu .dropdown:hover > .fgr-contextmenu,
.dropdown .fgr-contextmenu .fgr-contextmenu-item:hover > .dropdown-menu,
.dropdown .fgr-contextmenu .fgr-contextmenu-item:hover > .fgr-contextmenu,
.fgr-contextmenu-container .dropdown-menu .dropdown:hover > .dropdown-menu,
.fgr-contextmenu-container .dropdown-menu .dropdown:hover > .fgr-contextmenu,
.fgr-contextmenu-container .dropdown-menu .fgr-contextmenu-item:hover > .dropdown-menu,
.fgr-contextmenu-container .dropdown-menu .fgr-contextmenu-item:hover > .fgr-contextmenu,
.fgr-contextmenu-container .fgr-contextmenu .dropdown:hover > .dropdown-menu,
.fgr-contextmenu-container .fgr-contextmenu .dropdown:hover > .fgr-contextmenu,
.fgr-contextmenu-container .fgr-contextmenu .fgr-contextmenu-item:hover > .dropdown-menu,
.fgr-contextmenu-container .fgr-contextmenu .fgr-contextmenu-item:hover > .fgr-contextmenu {
  display: block;
  margin-top: -2.45rem;
  right: calc(100% + 0px);
  left: auto;
}
.dropdown .dropdown-item,
.dropdown .fgr-contextmenu-item,
.fgr-contextmenu-container .dropdown-item,
.fgr-contextmenu-container .fgr-contextmenu-item {
  background-color: transparent;
  border: 0;
  color: var(--fgr-ContextMenu-link-color);
  width: 100%;
  padding: 0.5rem 0.9rem;
  align-items: center;
  gap: 1rem;
  display: flex;
  align-items: center;
  border-radius: var(--fgr-border-radius);
  color: var(--fgr-text-color);
  padding: var(--fgr-ContextMenu-item-padding-y) var(--fgr-ContextMenu-item-padding-x);
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown .dropdown-item .dropdown-item:hover,
.dropdown .dropdown-item .fgr-contextmenu-item:hover,
.dropdown .fgr-contextmenu-item .dropdown-item:hover,
.dropdown .fgr-contextmenu-item .fgr-contextmenu-item:hover,
.fgr-contextmenu-container .dropdown-item .dropdown-item:hover,
.fgr-contextmenu-container .dropdown-item .fgr-contextmenu-item:hover,
.fgr-contextmenu-container .fgr-contextmenu-item .dropdown-item:hover,
.fgr-contextmenu-container .fgr-contextmenu-item .fgr-contextmenu-item:hover {
  background-color: rgba(128, 128, 128, 0.096);
}
.dropdown .dropdown-item .dropdown-item:active,
.dropdown .dropdown-item a,
.dropdown .fgr-contextmenu-item .dropdown-item:active,
.dropdown .fgr-contextmenu-item a,
.fgr-contextmenu-container .dropdown-item .dropdown-item:active,
.fgr-contextmenu-container .dropdown-item a,
.fgr-contextmenu-container .fgr-contextmenu-item .dropdown-item:active,
.fgr-contextmenu-container .fgr-contextmenu-item a {
  color: var(--fgr-text-color);
}
.dropdown .dropdown-item:hover,
.dropdown .fgr-contextmenu-item:hover,
.fgr-contextmenu-container .dropdown-item:hover,
.fgr-contextmenu-container .fgr-contextmenu-item:hover {
  color: var(--fgr-primary-color);
  background-color: rgba(128, 128, 128, 0.096);
}
.dropdown .dropdown-item:hover a,
.dropdown .fgr-contextmenu-item:hover a,
.fgr-contextmenu-container .dropdown-item:hover a,
.fgr-contextmenu-container .fgr-contextmenu-item:hover a {
  color: var(--fgr-primary-color);
}
.dropdown .dropdown-item:active,
.dropdown .fgr-contextmenu-item:active,
.fgr-contextmenu-container .dropdown-item:active,
.fgr-contextmenu-container .fgr-contextmenu-item:active {
  background-color: var(--fgr-primary-color);
  color: var(--fgr-primary-color);
}
.dropdown .dropdown-item:active a,
.dropdown .fgr-contextmenu-item:active a,
.fgr-contextmenu-container .dropdown-item:active a,
.fgr-contextmenu-container .fgr-contextmenu-item:active a {
  color: var(--fgr-accent-light);
}
.dropdown .dropdown-item svg,
.dropdown .fgr-contextmenu-item svg,
.fgr-contextmenu-container .dropdown-item svg,
.fgr-contextmenu-container .fgr-contextmenu-item svg {
  display: inline-block;
}
.dropdown .fgr-contextmenu-toggle,
.fgr-contextmenu-container .fgr-contextmenu-toggle {
  display: flex;
  align-items: start;
  justify-content: start;
}
.dropdown .dropdown-divider,
.dropdown .fgr-contextmenu-divider,
.fgr-contextmenu-container .dropdown-divider,
.fgr-contextmenu-container .fgr-contextmenu-divider {
  border-top: 1px solid var(--fgr-ContextMenu-divider-color);
  height: 0;
  margin: var(--fgr-ContextMenu-divider-margin-y) 0;
  opacity: 1;
  overflow: hidden;
}

/* NavigationList component */
:root {
  --fgr-NavigationListTree-bg-color: var(--fgr-body-background);
  --fgr-NavigationListTree-border: var(--fgr-border-width) solid var(--fgr-border-color);
  --fgr-NavigationListTree-font-size: 0.8125rem;
  --fgr-NavigationListTree-font-weight: var(--fgr-font-weight-base);
  --fgr-NavigationListTree-list-style: none;
  --fgr-NavigationListTree-padding: var(--fgr-padding-2);
  --fgr-NavigationListTree-height: calc(100vh - var(--fgr-header-height) - var(--fgr-footer-height));
  --fgr-NavigationListTree-item-min-height: calc(var(--fgr-line-height-base) * 2.5);
  --fgr-NavigationListTree-item-line-height: var(--fgr-line-height-base);
  --fgr-NavigationListTree-item-padding-y: var(--fgr-padding-1);
  --fgr-NavigationListTree-item-margin-left: var(--fgr-margin-3);
  --fgr-NavigationListTree-section-margin: var(--fgr-margin-2);
  --fgr-NavigationListTree-section-font-weight: var(--fgr-font-weight-bold);
  --fgr-NavigationListTree-link-padding-x: var(--fgr-padding-3);
  --fgr-NavigationListTree-link-padding-y: var(--fgr-padding-2);
  --fgr-NavigationListTree-link-margin-right: var(--fgr-margin-4);
  --fgr-NavigationListTree-link-text-decoration: none;
  --fgr-NavigationListTree-link-transition: all 0.3s ease-in-out;
  --fgr-NavigationListTree-link-active-bg: var(--fgr-bg-color-secondary);
  --fgr-NavigationListTree-link-active-color: var(--fgr-text-color);
  --fgr-NavigationListTree-link-hover-bg: var(--fgr-primary-color);
  --fgr-NavigationListTree-link-hover-color: var(--fgr-text-color);
  --fgr-NavigationListTree-link-color: var(--fgr-text-color);
  --fgr-NavigationListTree-link-width: 100%;
  --fgr-NavigationListTree-icon-width: 1.5rem;
  --fgr-NavigationListTree-icon-height: 1.5rem;
  --fgr-NavigationListTree-icon-bg-size: 1rem;
  --fgr-NavigationListTree-icon-margin-left: var(--fgr-margin-3);
  --fgr-NavigationListTree-summary-align: center;
  --fgr-NavigationListTree-summary-justify: space-between;
  --fgr-NavigationListTree-summary-overflow-wrap: break-word;
  --fgr-NavigationListTree-summary-position: relative;
  --fgr-NavigationListTree-sort-dropdown-margin-left: 80%;
  --fgr-NavigationListTree-sort-dropdown-margin-top: -4%;
}

.tree {
  position: relative;
}
.tree .fgr-nav-tree {
  display: flex;
  align-items: var(--fgr-NavigationListTree-summary-align);
  overflow-wrap: var(--fgr-NavigationListTree-summary-overflow-wrap);
  justify-content: var(--fgr-NavigationListTree-summary-justify);
  position: var(--fgr-NavigationListTree-summary-position);
  margin: var(--fgr-NavigationListTree-section-margin);
}
.tree .fgr-nav-tree a {
  display: inline-block;
  width: var(--fgr-NavigationListTree-link-width);
  -webkit-text-decoration: var(--fgr-NavigationListTree-link-text-decoration);
          text-decoration: var(--fgr-NavigationListTree-link-text-decoration);
  white-space: normal;
  padding: var(--fgr-NavigationListTree-link-padding-y) var(--fgr-NavigationListTree-link-padding-x);
  transition: var(--fgr-NavigationListTree-link-transition);
  color: var(--fgr-NavigationListTree-link-color);
}
.tree .fgr-nav-tree a.fgr-nav-tree-current {
  text-decoration: underline !important;
  text-decoration-color: var(--fgr-primary-color) !important;
}
.tree .fgr-nav-tree a:hover {
  background-color: var(--fgr-NavigationListTree-link-hover-bg);
  color: var(--fgr-NavigationListTree-link-hover-color);
}
.tree .fgr-nav-tree-item a {
  margin-left: var(--fgr-NavigationListTree-item-margin-left);
}
.tree details details,
.tree .details,
.tree details .fgr-nav-tree:not(summary) {
  margin-left: var(--fgr-NavigationListTree-link-margin-right);
}
.tree details summary::after {
  align-items: center;
  cursor: pointer;
  bottom: 0;
  content: "";
  display: inline-flex;
  font-weight: bold;
  transform: rotate(0deg);
  width: var(--fgr-NavigationListTree-icon-width);
  height: var(--fgr-NavigationListTree-icon-height);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tZG93biI+PHBhdGggZD0ibTYgOSA2IDYgNi02Ii8+PC9zdmc+);
  display: block;
  background-size: var(--fgr-NavigationListTree-icon-bg-size);
  background-position: center center;
  background-repeat: no-repeat;
}
.tree details[open] > summary:after {
  transform: rotate(-180deg);
}
.tree .sort-dropdown {
  margin-left: var(--fgr-NavigationListTree-sort-dropdown-margin-left);
  margin-top: var(--fgr-NavigationListTree-sort-dropdown-margin-top);
}

.forgeron-lightbox {
  background: white;
  border: none;
  border-radius: 0.2rem;
  height: 80%;
  margin: 5% auto;
  max-width: 100%;
  width: 45%;
}
.forgeron-lightbox .lightbox-content {
  border: none;
}

:root {
  --fgr-nav-text-color: var(--fgr-text-color-tertiary);
  --fgr-nav-link-color: var(--fgr-text-color);
  --fgr-nav-icon-color: var(--fgr-nav-link-color);
  --fgr-nav-item-color: var(--fgr-text-color);
  --fgr-nav-hover-color: #fff;
  --fgr-nav-hover-bg: var(--fgr-primary-color);
  --fgr-nav-hover-icon-color: #fff;
  --fgr-nav-active-color: var(--fgr-active-color);
  --fgr-nav-active-bg: var(--fgr-sidebar-secondary-bg);
  --fgr-nav-bg: var(--fgr-sidebar-secondary-bg);
  --fgr-nav-section-bg: var(--fgr-accent-secondary);
  --fgr-nav-section-color: var(--fgr-text-color);
  --fgr-nav-border: none;
}

/* NavigationList component */
.fgr-nav-list {
  --fgr-NavigationList-bg-color: var(--fgr-bg-color-primary);
  --fgr-NavigationList-border: var(--fgr-border-width) solid var(--fgr-border-color);
  --fgr-NavigationList-font-size: 0.8125rem;
  --fgr-NavigationList-font-weight: var(--fgr-font-weight-base);
  --fgr-NavigationList-list-style: none;
  --fgr-NavigationList-padding: var(--fgr-padding-2) var(--fgr-padding-0);
  --fgr-NavigationList-height: calc(100vh - var(--fgr-header-height) - var(--fgr-footer-height));
  --fgr-NavigationList-search-padding-x: var(--fgr-padding-2);
  --fgr-NavigationList-search-margin-bottom: var(--fgr-margin-2);
  --fgr-NavigationList-search-align-items: center;
  --fgr-NavigationList-searchbar-border: none;
  --fgr-NavigationList-searchbar-height: calc(var(--fgr-line-height-base) * 2.5);
  --fgr-NavigationList-searchbar-width: 100%;
  --fgr-NavigationList-searchinput-color: var(--fgr-text-color);
  --fgr-NavigationList-searchinput-background: var(--fgr-bg-color-primary);
  --fgr-NavigationList-searchinput-border-radius: var(--fgr-border-radius);
  --fgr-NavigationList-item-min-height: calc(var(--fgr-line-height-base) * 2.5);
  --fgr-NavigationList-item-line-height: var(--fgr-line-height-base);
  --fgr-NavigationList-item-padding-y: var(--fgr-padding-1);
  --fgr-NavigationList-section-padding: var(--fgr-padding-3);
  --fgr-NavigationList-section-margin: var(--fgr-margin-2);
  --fgr-NavigationList-section-gap: var(--fgr-gap-2);
  --fgr-NavigationList-section-height: auto;
  --fgr-NavigationList-section-border-radius: 0;
  --fgr-NavigationList-section-font-weight: 600;
  --fgr-NavigationList-section-bg-color: var(--fgr-bg-color-secondary);
  --fgr-NavigationList-section-color: var(--fgr-text-color);
  --fgr-NavigationList-section-font-variant: small-caps;
  --fgr-NavigationList-link-padding-x: var(--fgr-padding-3);
  --fgr-NavigationList-link-padding-y: var(--fgr-padding-2);
  --fgr-NavigationList-link-height: auto;
  --fgr-NavigationList-link-margin-right: var(--fgr-margin-0);
  --fgr-NavigationList-link-text-decoration: none;
  --fgr-NavigationList-link-transition: all 0.3s ease-in-out;
  --fgr-NavigationList-link-active-bg: var(--fgr-bg-color-secondary);
  --fgr-NavigationList-link-color-active: var(--fgr-text-color-primary);
  --fgr-NavigationList-link-color-hover: var(--fgr-text-color-primary);
  --fgr-NavigationList-link-color: var(--fgr-text-color);
  --fgr-NavigationList-icon-color: var(--fgr-text-color);
  --fgr-NavigationList-icon-filter-active: none;
  --fgr-NavigationList-icon-margin-right: var(--fgr-margin-2);
  --fgr-NavigationList-icon-font-size: calc(var(--fgr-font-size-base) * 1.25);
  --fgr-NavigationList-icon-line-height: calc(var(--fgr-line-height-base) * 1.5);
  --fgr-NavigationList-icon-padding-top: var(--fgr-padding-1);
  --fgr-NavigationList-icon-dimensions: calc(var(--fgr-font-size-base) * 1.5) calc(var(--fgr-line-height-base) * 2.5);
  --fgr-NavigationList-icon-float: left;
  --fgr-NavigationList-icon-text-align: center;
  --fgr-NavigationList-icon-transition: all 0.2s ease-in-out;
  --fgr-NavigationList-icon-color-hover: var(--fgr-text-color-primary);
  --fgr-NavigationList-icon-hover-filter: none;
  --fgr-NavigationList-icon-color-active: var(--fgr-text-color-primary);
  --fgr-NavigationList-btn-width: 100%;
  --fgr-NavigationList-btn-link-width: 100%;
  --fgr-NavigationList-btn-link-display: flex;
  --fgr-NavigationList-btn-link-justify-content: space-around;
}

ul .fgr-nav-list-search {
  display: flex;
  padding-left: var(--fgr-NavigationList-search-padding-x);
  padding-right: var(--fgr-NavigationList-search-padding-x);
  margin-bottom: var(--fgr-NavigationList-search-margin-bottom);
  align-items: var(--fgr-NavigationList-search-align-items);
}
ul .fgr-nav-list-search .fgr-nav-list-search-bar {
  border: var(--fgr-NavigationList-searchbar-border) !important;
  height: var(--fgr-NavigationList-searchbar-height);
  width: var(--fgr-NavigationList-searchbar-width);
}
ul .fgr-nav-list-search .fgr-nav-list-search-input {
  color: var(--fgr-NavigationList-searchinput-color);
  background: var(--fgr-NavigationList-searchinput-background);
  border-radius: var(--fgr-NavigationList-searchinput-border-radius);
}
ul .fgr-nav-list-search svg {
  color: var(--fgr-NavigationList-searchinput-color);
}

ul.fgr-nav-list {
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--fgr-NavigationList-link-color);
  border: var(--fgr-NavigationList-border);
  font-size: var(--fgr-NavigationList-font-size);
  font-weight: var(--fgr-NavigationList-font-weight);
  list-style: var(--fgr-NavigationList-list-style);
  padding: var(--fgr-NavigationList-padding);
  height: var(--fgr-NavigationList-height);
}
ul.fgr-nav-list li {
  min-height: var(--fgr-NavigationList-item-min-height);
  line-height: var(--fgr-NavigationList-item-line-height);
  padding: var(--fgr-NavigationList-item-padding-y) 0;
}
ul.fgr-nav-list li.fgr-nav-list-section {
  background: var(--fgr-NavigationList-section-bg-color);
  font-weight: var(--fgr-NavigationList-section-font-weight);
  color: var(--fgr-NavigationList-section-color);
  font-variant: var(--fgr-NavigationList-section-font-variant);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fgr-NavigationList-section-gap);
  border-radius: var(--fgr-NavigationList-section-border-radius);
  padding: var(--fgr-NavigationList-section-padding);
  margin: var(--fgr-NavigationList-section-margin) 0;
  height: var(--fgr-NavigationList-section-height);
}
ul.fgr-nav-list li.fgr-nav-list-section svg {
  width: 0.625rem;
  height: 0.625rem;
}
ul.fgr-nav-list li a.fgr-nav-link {
  color: var(--fgr-NavigationList-link-color);
  display: flex;
  align-items: center;
  padding: var(--fgr-NavigationList-link-padding-y) var(--fgr-NavigationList-link-padding-x);
  height: var(--fgr-NavigationList-link-height);
  margin-right: var(--fgr-NavigationList-link-margin-right);
  -webkit-text-decoration: var(--fgr-NavigationList-link-text-decoration);
          text-decoration: var(--fgr-NavigationList-link-text-decoration);
  transition: var(--fgr-NavigationList-link-transition);
  border-radius: var(--fgr-NavigationList-section-border-radius);
}
ul.fgr-nav-list li a.fgr-nav-link i,
ul.fgr-nav-list li a.fgr-nav-link .lucide {
  color: var(--fgr-NavigationList-icon-color);
  margin-right: var(--fgr-NavigationList-icon-margin-right);
  font-size: var(--fgr-NavigationList-icon-font-size);
  line-height: var(--fgr-NavigationList-icon-line-height);
  width: var(--fgr-NavigationList-icon-dimensions);
  height: var(--fgr-NavigationList-icon-dimensions);
  float: var(--fgr-NavigationList-icon-float);
  text-align: var(--fgr-NavigationList-icon-text-align);
  transition: var(--fgr-NavigationList-icon-transition);
}
ul.fgr-nav-list li a.fgr-nav-link:hover {
  background: var(--fgr-primary-color);
  color: var(--fgr-NavigationList-link-color-hover);
  -webkit-text-decoration: var(--fgr-NavigationList-link-text-decoration);
          text-decoration: var(--fgr-NavigationList-link-text-decoration);
}
ul.fgr-nav-list li a.fgr-nav-link:hover i,
ul.fgr-nav-list li a.fgr-nav-link:hover .lucide {
  filter: var(--fgr-NavigationList-icon-hover-filter);
  color: var(--fgr-NavigationList-icon-color-hover);
}
ul.fgr-nav-list li a.fgr-nav-link.active, ul.fgr-nav-list li a.fgr-nav-link.isActive {
  background: var(--fgr-NavigationList-link-active-bg);
  color: var(--fgr-NavigationList-link-color-active);
}
ul.fgr-nav-list li a.fgr-nav-link.active i,
ul.fgr-nav-list li a.fgr-nav-link.active .lucide, ul.fgr-nav-list li a.fgr-nav-link.isActive i,
ul.fgr-nav-list li a.fgr-nav-link.isActive .lucide {
  color: var(--fgr-NavigationList-icon-color-active);
}
ul.fgr-nav-list li.isActive a, ul.fgr-nav-list li.isActive a, ul.fgr-nav-list li .active, ul.fgr-nav-list li .isActive {
  background: var(--fgr-primary-color);
  text-decoration: none;
  color: var(--fgr-NavigationList-link-color-active);
}
ul.fgr-nav-list li.isActive a i,
ul.fgr-nav-list li.isActive a .lucide, ul.fgr-nav-list li.isActive a i,
ul.fgr-nav-list li.isActive a .lucide, ul.fgr-nav-list li .active i,
ul.fgr-nav-list li .active .lucide, ul.fgr-nav-list li .isActive i,
ul.fgr-nav-list li .isActive .lucide {
  color: var(--fgr-NavigationList-icon-color-active);
  filter: var(--fgr-NavigationList-icon-filter-active);
}
ul.fgr-nav-list .fgr-btn {
  width: var(--fgr-NavigationList-btn-width);
}
ul.fgr-nav-list .fgr-btn a {
  width: var(--fgr-NavigationList-btn-link-width);
  color: var(--fgr-text-color);
  display: var(--fgr-NavigationList-btn-link-display);
  justify-content: var(--fgr-NavigationList-btn-link-justify-content);
}

/* Utility Classes */
.rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.transition-transform {
  transition: transform 0.3s ease;
}

/* NavigationTabs component */
.fgr-nav-tabs {
  --fgr-NavigationTabs-border-bottom: var(--fgr-border-0) solid var(--fgr-border-color);
  --fgr-NavigationTabs-gap-x: var(--fgr-gap-0);
  --fgr-NavigationTabs-gap-y: var(--fgr-gap-2);
  --fgr-NavigationTabs-link-padding-y: var(--fgr-padding-2);
  --fgr-NavigationTabs-link-padding-x: var(--fgr-padding-3);
  --fgr-NavigationTabs-link-color: var(--text-secondary-color);
  --fgr-NavigationTabs-link-color-hover: var(--fgr-hover-color);
  --fgr-NavigationTabs-link-color-active: var(--fgr-active-color);
  --fgr-NavigationTabs-link-font-size: 0.875rem;
  --fgr-NavigationTabs-link-font-weight-active: 600;
  --fgr-NavigationTabs-link-background-color: var(--fgr-bg-color-secondary);
  --fgr-NavigationTabs-link-border-width: var(--fgr-border-width-1);
  --fgr-NavigationTabs-link-border-color: var(--fgr-bg-color-tertiary);
  --fgr-NavigationTabs-link-border-color-hover: var(--fgr-secondary-color);
  --fgr-NavigationTabs-link-border-color-active: var(--fgr-primary-color);
  --fgr-NavigationTabs-link-transition: all 0.2s ease-in-out;
  --fgr-NavigationTabs-link-border-top: var(--fgr-NavigationTabs-link-border-width) solid var(--fgr-NavigationTabs-link-border-color);
  --fgr-NavigationTabs-link-border-right: var(--fgr-NavigationTabs-link-border-width) solid var(--fgr-NavigationTabs-link-border-color);
  --fgr-NavigationTabs-link-border-bottom: var(--fgr-NavigationTabs-link-border-width) solid var(--fgr-NavigationTabs-link-border-color);
  --fgr-NavigationTabs-link-border-left: var(--fgr-NavigationTabs-link-border-width) solid var(--fgr-NavigationTabs-link-border-color);
  --fgr-NavigationTabs-icon-gap: var(--fgr-gap-1);
}

.fgr-nav-tabs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: var(--fgr-NavigationTabs-border-bottom);
  gap: var(--fgr-NavigationTabs-gap-y) var(--fgr-NavigationTabs-gap-x);
}
.fgr-nav-tabs a.fgr-nav-tabs-link,
.fgr-nav-tabs button.fgr-nav-tabs-link {
  display: flex;
  align-items: center;
  gap: var(--fgr-NavigationTabs-icon-gap);
  padding: var(--fgr-NavigationTabs-link-padding-y) var(--fgr-NavigationTabs-link-padding-x);
  border-top: var(--fgr-NavigationTabs-link-border-top);
  border-right: var(--fgr-NavigationTabs-link-border-right);
  border-bottom: var(--fgr-NavigationTabs-link-border-bottom);
  border-left: var(--fgr-NavigationTabs-link-border-left);
  background-color: var(--fgr-NavigationTabs-link-background-color);
  color: var(--fgr-NavigationTabs-link-color);
  cursor: pointer;
  transition: var(--fgr-NavigationTabs-link-transition);
  font-size: var(--fgr-NavigationTabs-link-font-size);
}
.fgr-nav-tabs a.fgr-nav-tabs-link:hover,
.fgr-nav-tabs button.fgr-nav-tabs-link:hover {
  color: var(--fgr-NavigationTabs-link-color-hover);
  border-bottom-color: var(--fgr-NavigationTabs-link-border-color-hover);
}
.fgr-nav-tabs a.fgr-nav-tabs-link.fgr-nav-tabs-active,
.fgr-nav-tabs button.fgr-nav-tabs-link.fgr-nav-tabs-active {
  color: var(--fgr-NavigationTabs-link-color-active);
  font-weight: var(--fgr-NavigationTabs-link-font-weight-active);
  border-bottom-color: var(--fgr-NavigationTabs-link-border-color-active);
}

.fgr-pagination {
  --fgr-Pagination-padding: var(--fgr-padding-0) var(--fgr-padding-2);
  --fgr-Pagination-gap: var(--fgr-gap-3);
  --fgr-Pagination-gap-md: var(--fgr-gap-3);
  --fgr-Pagination-link-padding-y: var(--fgr-padding-1);
  --fgr-Pagination-link-padding-x: var(--fgr-padding-3);
  --fgr-Pagination-link-font-size: 0.875rem;
  --fgr-Pagination-link-border-width: var(--fgr-border-width-1);
  --fgr-Pagination-link-border-style: var(--fgr-border-style);
  --fgr-Pagination-link-border-color: var(--fgr-primary-color);
  --fgr-Pagination-link-border-radius: 0;
  --fgr-Pagination-link-background-color: var(--fgr-accent-light);
  --fgr-Pagination-link-color: var(--fgr-primary-color);
  --fgr-Pagination-link-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  --fgr-Pagination-link-gap: var(--fgr-gap-3);
  --fgr-Pagination-link-icon-size: 1rem;
  --fgr-Pagination-link-icon-margin: var(--fgr-margin-1);
  --fgr-Pagination-link-background-color-hover: var(--fgr-bg-color-secondary);
  --fgr-Pagination-link-border-color-hover: var(--fgr-Pagination-link-border-color);
  --fgr-Pagination-link-color-active: var(--fgr-accent-light);
  --fgr-Pagination-link-background-color-active: var(--fgr-primary-color);
  --fgr-Pagination-link-border-color-active: var(--fgr-primary-color);
  --fgr-Pagination-link-color-disabled: var(--fgr-disabled-color);
  --fgr-Pagination-link-background-color-disabled: var(--fgr-accent-light);
  --fgr-Pagination-link-border-color-disabled: var(--fgr-disabled-color);
  --fgr-Pagination-link-opacity-disabled: 0.65;
  --fgr-Pagination-info-color: var(--fgr-primary-color);
  --fgr-Pagination-controls-margin: var(--fgr-margin-0);
  --fgr-Pagination-controls-gap: var(--fgr-gap-2);
  --fgr-Pagination-controls-color: var(--fgr-primary-color);
  --fgr-Pagination-controls-select-padding-y: var(--fgr-padding-1);
  --fgr-Pagination-controls-select-padding-x: var(--fgr-padding-2);
  --fgr-Pagination-controls-select-border-width: var(--fgr-border-width-1);
  --fgr-Pagination-controls-select-border-style: var(--fgr-border-style);
  --fgr-Pagination-controls-select-border-color: #ced4da;
  --fgr-Pagination-controls-select-border-radius: calc(var(--fgr-border-radius) / 2);
  --fgr-Pagination-controls-select-background-color: var(--fgr-accent-light);
  --fgr-Pagination-controls-select-color: var(--fgr-primary-color);
  --fgr-Pagination-controls-select-border-color-focus: #86b7fe;
  --fgr-Pagination-controls-select-box-shadow-focus: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.fgr-pagination-container {
  width: 100%;
}
.fgr-pagination-container .fgr-pagination {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.pagination_pages,
.fgr-pagination-pages {
  grid-column: 1/7;
}

.row.pagination_from-to,
.fgr-pagination-info {
  grid-row: 2/3;
  grid-column: 1/4;
  color: var(--fgr-Pagination-info-color);
}

.row.pagination_per-page,
.fgr-pagination-controls {
  grid-row: 2/3;
  grid-column: 4/7;
}

.fgr-pagination-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: var(--fgr-Pagination-gap);
  padding: var(--fgr-Pagination-padding);
  position: relative;
  overflow: auto;
}
@media (min-width: 768px) {
  .fgr-pagination-items {
    gap: var(--fgr-Pagination-gap-md);
  }
}
.fgr-pagination-items .page-item:first-child,
.fgr-pagination-items .fgr-pagination-item:first-child {
  position: absolute;
  left: 0;
}
.fgr-pagination-items .page-item:last-child,
.fgr-pagination-items .fgr-pagination-item:last-child {
  position: absolute;
  right: 0;
}
.fgr-pagination-items .page-item .page_link.btn,
.fgr-pagination-items .page-item a.fgr-pagination-item-link,
.fgr-pagination-items .fgr-pagination-item .page_link.btn,
.fgr-pagination-items .fgr-pagination-item a.fgr-pagination-item-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--fgr-Pagination-link-padding-y) var(--fgr-Pagination-link-padding-x);
  font-size: var(--fgr-Pagination-link-font-size);
  gap: var(--fgr-Pagination-link-gap);
  border: var(--fgr-Pagination-link-border-width) var(--fgr-Pagination-link-border-style) var(--fgr-Pagination-link-border-color);
  border-radius: var(--fgr-Pagination-link-border-radius);
  background-color: var(--fgr-Pagination-link-background-color);
  color: var(--fgr-Pagination-link-color);
  text-decoration: none;
  cursor: pointer;
  transition: var(--fgr-Pagination-link-transition);
}
.fgr-pagination-items .page-item .page_link.btn:hover,
.fgr-pagination-items .page-item a.fgr-pagination-item-link:hover,
.fgr-pagination-items .fgr-pagination-item .page_link.btn:hover,
.fgr-pagination-items .fgr-pagination-item a.fgr-pagination-item-link:hover {
  background-color: var(--fgr-Pagination-link-background-color-hover);
  border-color: var(--fgr-Pagination-link-border-color-hover);
}
.fgr-pagination-items .page-item .page_link.btn svg,
.fgr-pagination-items .page-item a.fgr-pagination-item-link svg,
.fgr-pagination-items .fgr-pagination-item .page_link.btn svg,
.fgr-pagination-items .fgr-pagination-item a.fgr-pagination-item-link svg {
  width: var(--fgr-Pagination-link-icon-size);
  height: var(--fgr-Pagination-link-icon-size);
}
.fgr-pagination-items .page-item.active .btn, .fgr-pagination-items .page-item.active a.fgr-pagination-item-link,
.fgr-pagination-items .fgr-pagination-item.active .btn,
.fgr-pagination-items .fgr-pagination-item.active a.fgr-pagination-item-link {
  color: var(--fgr-Pagination-link-color-active);
  background-color: var(--fgr-Pagination-link-background-color-active);
  border-color: var(--fgr-Pagination-link-border-color-active);
}
.fgr-pagination-items .page-item.disabled .btn, .fgr-pagination-items .page-item .btn.disabled, .fgr-pagination-items .page-item.disabled a.fgr-pagination-item-link,
.fgr-pagination-items .fgr-pagination-item.disabled .btn,
.fgr-pagination-items .fgr-pagination-item .btn.disabled,
.fgr-pagination-items .fgr-pagination-item.disabled a.fgr-pagination-item-link {
  color: var(--fgr-Pagination-link-color-disabled);
  pointer-events: none;
  background-color: var(--fgr-Pagination-link-background-color-disabled);
  border-color: var(--fgr-Pagination-link-border-color-disabled);
  opacity: var(--fgr-Pagination-link-opacity-disabled);
}

.pagination_pages.hide-scrollbar,
.fgr-pagination.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pagination_pages.hide-scrollbar::-webkit-scrollbar,
.fgr-pagination.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.pagination_pages .label-text-responsive,
.fgr-pagination .label-text-responsive {
  display: none;
}
@media (min-width: 768px) {
  .pagination_pages .label-text-responsive,
  .fgr-pagination .label-text-responsive {
    display: block;
  }
}

.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color,
.fgr-pagination-controls {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: end;
  gap: var(--fgr-Pagination-controls-gap);
  margin: var(--fgr-Pagination-controls-margin);
  color: var(--fgr-Pagination-controls-color);
}
.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color .pagination_per-page,
.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color .fgr-pagination-select,
.fgr-pagination-controls .pagination_per-page,
.fgr-pagination-controls .fgr-pagination-select {
  display: flex;
  align-items: center;
  gap: var(--fgr-Pagination-controls-gap);
}
.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color .pagination_per-page select,
.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color .fgr-pagination-select select,
.fgr-pagination-controls .pagination_per-page select,
.fgr-pagination-controls .fgr-pagination-select select {
  padding: var(--fgr-Pagination-controls-select-padding-y) var(--fgr-Pagination-controls-select-padding-x);
  border: var(--fgr-Pagination-controls-select-border-width) var(--fgr-Pagination-controls-select-border-style) var(--fgr-Pagination-controls-select-border-color);
  border-radius: var(--fgr-Pagination-controls-select-border-radius);
  background-color: var(--fgr-Pagination-controls-select-background-color);
  color: var(--fgr-Pagination-controls-select-color);
}
.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color .pagination_per-page select:focus,
.flex.items-center.justify-between.gap-2.content-center.m-3.primary-color .fgr-pagination-select select:focus,
.fgr-pagination-controls .pagination_per-page select:focus,
.fgr-pagination-controls .fgr-pagination-select select:focus {
  border-color: var(--fgr-Pagination-controls-select-border-color-focus);
  outline: 0;
  box-shadow: var(--fgr-Pagination-controls-select-box-shadow-focus);
}

.dropdown {
  --fgr-dropdown-divider-color: rgba(0, 0, 0, 0.175);
  --fgr-dropdown-divider-margin-y: 0.25rem;
  --fgr-dropdown-item-padding-y: 0.5rem;
  --fgr-dropdown-item-padding-x: 1rem;
  --fgr-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}

.dropdown-item {
  background-color: transparent;
  border: 0;
  color: var(--fgr-dropdown-link-color);
  width: 100%;
}
.dropdown-item svg {
  display: inline-block;
}

.dropdown-item {
  padding: 0.5rem 0.9rem;
  align-items: center;
  gap: 1rem;
  display: flex;
  align-items: center;
  border-radius: var(--fgr-border-radius);
  color: var(--fgr-text-color) !important;
  padding: var(--fgr-dropdown-item-padding-y) var(--fgr-dropdown-item-padding-x);
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown-item a {
  color: var(--fgr-text-color) !important;
}
.dropdown-item:hover, .dropdown-item:active {
  color: var(--fgr-primary-color) !important;
}
.dropdown-item:hover a, .dropdown-item:active a {
  color: var(--fgr-primary-color) !important;
}

.dropdown-menu {
  background: white;
  box-shadow: var(--fgr-dropdown-box-shadow);
}
.dropdown-menu > .fixed {
  background: white;
  padding: calc(var(--fgr-dropdown-item-padding-y) * 0.5) 0;
}
.dropdown-menu .dropdown-menu {
  display: none;
}

.dropdown-menu .dropdown > .dropdown-menu {
  padding: var(--fgr-dropdown-item-padding-y) 0;
  margin-top: -3.375rem;
  right: calc(100% + 1.5rem);
  left: auto;
  margin-bottom: calc(1.25rem + var(--fgr-dropdown-item-padding-y) * 2);
}

.dropdown-menu .dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-divider {
  border-top: 1px solid var(--fgr-dropdown-divider-color);
  height: 0;
  margin: var(--fgr-dropdown-divider-margin-y) 0;
  opacity: 1;
  overflow: hidden;
}

.dropdown-item:hover {
  background-color: rgba(128, 128, 128, 0.096);
}

.dropdown-item:active {
  background-color: var(--fgr-primary-color);
  color: white !important;
}

.dropdown-menu > .dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu > .dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu > .dropdown > .dropdown-menu {
  margin-top: -2.45rem;
  right: calc(100% + 0px);
  left: auto;
}

.dropdown-menu > .dropdown > .dropdown-menu {
  margin-top: -2.45rem;
  right: calc(100% + 0px);
  left: auto;
}

.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

.forgeron-main .dropdown-menu {
  --fgr-dropdown-link-active-bg: var(--fgr-primary-color);
}

.dropdown-menu,
.dropdown-menu a.dropdown-item {
  color: var(--fgr-text-color);
}

.dropdown-menu {
  background-color: var(--fgr-bg-whitesmoke);
}

.dropdown-menu {
  background: var(--fgr-bg-whitesmoke);
}

.table-border-color {
  border: 1px solid #eaecf0 !important;
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

.shadow-md,
.shadow-sm {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.overflow-auto {
  overflow: auto;
}

.max-h-80 {
  max-height: 20rem;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.overflow-auto {
  overflow: auto !important;
}

.dropdown-menu {
  --fgr-dropdown-border-color: var(--fgr-border-color);
  --fgr-dropdown-border-radius: var(--fgr-border-radius);
  --fgr-dropdown-border-width: var(--fgr-border-width);
  --fgr-dropdown-link-color: var(--fgr-text-color);
  background-clip: padding-box;
  border: var(--fgr-dropdown-border-width) solid var(--fgr-dropdown-border-color);
  border-radius: var(--fgr-dropdown-border-radius);
  list-style: none;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  position: absolute;
  text-align: left;
}

/* Stepper component */
.current-step {
  display: flex !important;
}
@media (min-width: 768px) {
  .current-step {
    display: none !important;
  }
}

.stepper {
  counter-reset: step;
}
.stepper a,
.stepper button {
  color: black !important;
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  line-height: 1;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.stepper a span,
.stepper button span {
  color: var(--fgr-primary-color) !important;
}
.stepper a:not(.disabled):before,
.stepper button:not(.disabled):before {
  background: var(--fgr-primary-color);
  border-color: var(--fgr-primary-color);
}
.stepper a:before,
.stepper button:before {
  align-items: center;
  background: black;
  border: 2px solid black;
  border-radius: 50%;
  color: white;
  counter-increment: step;
  content: counter(step);
  display: flex;
  font-size: 1.5rem;
  height: 2.7rem;
  justify-content: center;
  margin-bottom: 0.5rem;
  width: 2.7rem;
  z-index: 2;
}
.stepper a:after,
.stepper button:after {
  width: 100%;
  display: block;
  height: 2px;
  background: linear-gradient(to right, var(--fgr-primary-color) 50%, #ccc 50%);
  content: "";
  left: 0;
  position: absolute;
  top: 1.35rem;
  z-index: 1;
}
.stepper a:last-of-type:after,
.stepper button:last-of-type:after {
  width: 50%;
}
.stepper a:last-of-type:not(.disabled):after,
.stepper button:last-of-type:not(.disabled):after {
  background: var(--fgr-primary-color);
}
.stepper a:first-of-type:after,
.stepper button:first-of-type:after {
  left: 50%;
  right: 0;
  width: 50%;
  background: #ccc;
}
.stepper a.checked:before,
.stepper button.checked:before {
  content: "✓";
}
.stepper a.checked:after,
.stepper button.checked:after {
  background: var(--fgr-primary-color) !important;
}
.stepper a.checked span,
.stepper button.checked span {
  color: var(--fgr-text-color) !important;
}
.stepper a.disabled,
.stepper button.disabled {
  pointer-events: none;
  color: #ccc !important;
}
.stepper a.disabled:before,
.stepper button.disabled:before {
  background: white;
  color: #ccc;
  border-color: #ccc;
}
.stepper a.disabled:after,
.stepper button.disabled:after {
  background: #ccc !important;
}
.stepper a.disabled span,
.stepper button.disabled span {
  color: #ccc !important;
}
.stepper a:hover span,
.stepper button:hover span {
  text-decoration: underline;
}

/* Toasts component */
:root {
  --fgr-Toasts-text-color: var(--fgr-text-color-primary);
  --fgr-Toasts-background-error: #ef4444;
  --fgr-Toasts-background-success: #84cc16;
  --fgr-Toasts-background-warning: #eab308;
  --fgr-Toasts-background-info: #3b82f6;
  --fgr-Toasts-background-default: #6b7280;
  --fgr-Toasts-text-border-radius: var(--fgr-border-radius);
  --fgr-Toasts-text-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  --fgr-Toasts-text-gap: var(--fgr-gap-3);
  --fgr-Toasts-text-padding: var(--fgr-padding-4);
}

.fgr-toasts-text {
  color: var(--fgr-Toasts-text-color);
  padding: var(--fgr-Toasts-text-padding);
  border-radius: var(--fgr-Toasts-text-border-radius);
  display: flex;
  align-items: center;
  gap: var(--fgr-Toasts-text-gap);
  box-shadow: var(--fgr-Toasts-text-box-shadow);
}

.fgr-toasts-error {
  background-color: var(--fgr-Toasts-background-error);
}

.fgr-toasts-success {
  background-color: var(--fgr-Toasts-background-success);
}

.fgr-toasts-warning {
  background-color: var(--fgr-Toasts-background-warning);
}

.fgr-toasts-info {
  background-color: var(--fgr-Toasts-background-info);
}

.fgr-toasts-default {
  background-color: var(--fgr-Toasts-background-default);
}

/* Toast component */
:root {
  --fgr-Toast-width: 25rem;
  --fgr-Toast-position: fixed;
  --fgr-Toast-z-index: 999;
  --fgr-Toast-right: 1.5rem;
  --fgr-Toast-box-shadow: 0px 4px 6px var(--fgr-box-shadow);
  --fgr-Toast-border-radius: var(--fgr-border-radius);
  --fgr-Toast-margin: var(--fgr-margin-3);
  --fgr-Toast-content-font-size: calc(var(--fgr-font-size-base) * 0.875);
  --fgr-Toast-content-border-radius: var(--fgr-border-radius);
  --fgr-Toast-body-display: flex;
  --fgr-Toast-body-align-items: start;
  --fgr-Toast-body-gap: var(--fgr-gap-3);
  --fgr-Toast-body-padding: var(--fgr-padding-1);
  --fgr-Toast-icon-min-width: calc(var(--fgr-font-size-base) * 2);
  --fgr-Toast-message-white-space: normal;
  --fgr-Toast-message-word-wrap: break-word;
  --fgr-Toast-message-color: var(--fgr-text-color);
  --fgr-Toast-close-margin-left: auto;
  --fgr-Toast-close-btn-position: absolute;
  --fgr-Toast-close-btn-right: 0;
  --fgr-Toast-close-btn-top: 0;
  --fgr-Toast-close-btn-margin: var(--fgr-margin-3);
  --fgr-Toast-close-btn-display: inline-flex;
  --fgr-Toast-close-btn-align-items: center;
  --fgr-Toast-close-btn-justify-content: center;
  --fgr-Toast-close-btn-height: calc(var(--fgr-font-size-base) * 1);
  --fgr-Toast-close-btn-width: calc(var(--fgr-font-size-base) * 1);
  --fgr-Toast-close-btn-border-radius: calc(var(--fgr-border-radius) / 2);
  --fgr-Toast-close-btn-color: rgba(255, 255, 255, 0.5);
  --fgr-Toast-close-btn-transition: all 0.2s ease-in-out;
  --fgr-Toast-close-btn-hover-color: var(--fgr-text-color);
  --fgr-Toast-close-icon-width: calc(var(--fgr-font-size-base) * 0.875);
  --fgr-Toast-close-icon-height: calc(var(--fgr-font-size-base) * 0.875);
}

.fgr-toast-container {
  width: var(--fgr-Toast-width);
  position: var(--fgr-Toast-position);
  z-index: var(--fgr-Toast-z-index);
  right: var(--fgr-Toast-right);
  box-shadow: var(--fgr-Toast-box-shadow);
  border-radius: var(--fgr-Toast-border-radius);
  margin: var(--fgr-Toast-margin);
}

.fgr-toast-content {
  font-size: var(--fgr-Toast-content-font-size);
  border-radius: var(--fgr-Toast-content-border-radius);
}

.fgr-toast-body {
  display: var(--fgr-Toast-body-display);
  align-items: var(--fgr-Toast-body-align-items);
  gap: var(--fgr-Toast-body-gap);
  padding: var(--fgr-Toast-body-padding);
}

.fgr-toast-icon {
  min-width: var(--fgr-Toast-icon-min-width);
}

.fgr-toast-message {
  white-space: var(--fgr-Toast-message-white-space);
  word-wrap: var(--fgr-Toast-message-word-wrap);
  color: var(--fgr-Toast-message-color);
}

.fgr-toast-close {
  margin-left: var(--fgr-Toast-close-margin-left);
}

.fgr-toast-close-btn {
  position: var(--fgr-Toast-close-btn-position);
  right: var(--fgr-Toast-close-btn-right);
  top: var(--fgr-Toast-close-btn-top);
  margin: var(--fgr-Toast-close-btn-margin);
  display: var(--fgr-Toast-close-btn-display);
  align-items: var(--fgr-Toast-close-btn-align-items);
  justify-content: var(--fgr-Toast-close-btn-justify-content);
  height: var(--fgr-Toast-close-btn-height);
  width: var(--fgr-Toast-close-btn-width);
  border-radius: var(--fgr-Toast-close-btn-border-radius);
  color: var(--fgr-Toast-close-btn-color);
  transition: var(--fgr-Toast-close-btn-transition);
}

.fgr-toast-close-btn:hover {
  color: var(--fgr-Toast-close-btn-hover-color);
}

.fgr-toast-close-icon {
  width: var(--fgr-Toast-close-icon-width);
  height: var(--fgr-Toast-close-icon-height);
}

.editor-container .ProseMirror {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  max-height: 15em;
  height: 15rem;
  line-height: 1.6;
  padding: 0.75rem;
  padding-top: 0.95rem;
  overflow-y: auto;
  background-color: #f9fafb;
  font-size: 0.875rem;
  color: #374151;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.editor-container .ProseMirror:focus-visible {
  box-shadow: 0 0 0.25rem 0.25rem var(--form-element-focus-shadow-color);
  border-color: var(--form-element-focus-border-color);
  outline: none;
}
.editor-container .ProseMirror.has-content {
  display: none;
}
.editor-container .ProseMirror p {
  margin: 0 0 0.5rem;
}
.editor-container .ProseMirror ::-webkit-scrollbar {
  width: 0.5rem;
}
.editor-container .ProseMirror ::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 0.25rem;
}
.editor-container .ProseMirror ::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af;
}

label[for=information_home-text] {
  display: none;
}

.markdown-field button.active,
.html-field button.active {
  background-color: var(--fgr-primary-color);
}
.markdown-field .border,
.html-field .border {
  border: 1px solid var(--fgr-border-color) !important;
  border-radius: calc(var(--fgr-border-radius) / 2);
}
.markdown-field label,
.html-field label {
  margin-top: 2.3rem !important;
  letter-spacing: 1.2px;
  font-weight: 500;
  opacity: 0.7;
  font-size: 0.7em;
}
.markdown-field label.has-content,
.html-field label.has-content {
  display: none;
}
.markdown-field,
.html-field {
  /* List styles */
}
.markdown-field ul,
.markdown-field ol,
.html-field ul,
.html-field ol {
  padding: 0 1rem;
  margin: 1.25rem 1rem 1.25rem 0.4rem;
}
.markdown-field ul li p,
.markdown-field ol li p,
.html-field ul li p,
.html-field ol li p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.markdown-field h1,
.markdown-field h2,
.markdown-field h3,
.markdown-field h4,
.markdown-field h5,
.markdown-field h6,
.html-field h1,
.html-field h2,
.html-field h3,
.html-field h4,
.html-field h5,
.html-field h6 {
  line-height: 1.1;
  text-wrap: pretty;
}
.markdown-field h1,
.markdown-field h2,
.html-field h1,
.html-field h2 {
  margin-bottom: 1.5rem;
}
.markdown-field h1,
.html-field h1 {
  font-size: 1.4rem;
}
.markdown-field h2,
.html-field h2 {
  font-size: 1.2rem;
}
.markdown-field h3,
.html-field h3 {
  font-size: 1.1rem;
}
.markdown-field h4,
.markdown-field h5,
.markdown-field h6,
.html-field h4,
.html-field h5,
.html-field h6 {
  font-size: 1rem;
}
.markdown-field code,
.html-field code {
  background-color: #e0c3fc;
  /* Light purple */
  border-radius: 0.4rem;
  color: #000000;
  /* Black */
  font-size: 0.85rem;
  padding: 0.25em 0.3em;
}
.markdown-field pre,
.html-field pre {
  background: #000000;
  /* Black */
  border-radius: 0.5rem;
  color: #ffffff;
  /* White */
  font-family: "JetBrainsMono", monospace;
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
}
.markdown-field pre code,
.html-field pre code {
  background: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 0;
}
.markdown-field hr,
.html-field hr {
  border: none;
  border-top: 1px solid #e5e7eb;
  /* Gray-200 */
  margin: 2rem 0;
}
.markdown-field [data-indent],
.html-field [data-indent] {
  padding-left: calc(var(--indent-size, 2rem) * attr(data-indent));
}

.editor-header {
  overflow-x: scroll;
}
.editor-header .editor-actions button {
  padding: 0.25rem 0.5rem;
}
.editor-header .editor-view-mode {
  margin-top: 0.5rem;
}

.ProseMirror {
  background-color: var(--fgr-bg-whitesmoke);
  border-radius: var(--form-element-border-radius);
  border: var(--form-element-border);
  color: var(--fgr-text-color);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ProseMirror.ProseMirror-focused {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
  border: var(--form-element-border) !important;
  outline: none !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.forgeron-content-container input.dp__pointer,
.form-floating input.dp__pointer,
.form-control input.dp__pointer {
  border: none;
  padding-bottom: 0;
  padding-top: 0.75rem;
}
.forgeron-content-container .dp__input_icons,
.form-floating .dp__input_icons,
.form-control .dp__input_icons {
  padding: 2.5rem 0.5rem 0 0.75rem;
}
.forgeron-content-container .dp__input,
.form-floating .dp__input,
.form-control .dp__input {
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.2rem;
  padding-right: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.25;
}
.forgeron-content-container .date-time,
.form-floating .date-time,
.form-control .date-time {
  border: 0;
  padding: 0;
  background: transparent;
}

.media-container {
  position: relative;
  min-width: 10rem;
}
.media-container:hover img {
  filter: blur(10px);
}
.media-container .media-element {
  display: flex;
  align-items: center;
  border: 1px solid var(--forgeron-secondary-color);
  border-radius: var(--fgr-border-radius);
  justify-content: center;
  position: relative;
  height: 12rem;
  width: 18rem;
  background-color: #f2f3f8;
  padding: 0.5rem 0;
}

.media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.media-image {
  border: 1px solid;
  max-width: 100%;
  max-height: 100%;
}

.preview-placeholder {
  width: 100%;
  text-align: center;
  position: absolute;
}

.remove-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
}
.remove-button :hover {
  opacity: 0.8;
}

.restore-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  cursor: pointer;
  font-size: 1.5rem;
}

.temporary-badge {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
}

.media-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--fgr-accent-light);
  font-size: 1.125rem;
  font-weight: 900;
}

.media-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
}
.media-link a {
  text-decoration: underline;
}
.media-link span {
  text-overflow: ellipsis;
  white-space: break-spaces;
  overflow: hidden;
}

.special-media-controls {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.media-controls {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  margin-top: -4rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  z-index: 1;
}

.fgr-media-upload-button,
.fgr-media-clear-button {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-field input[type=file] {
  height: inherit !important;
  position: absolute;
  opacity: 0;
  width: 100%;
}
.media-field .fgr-media-upload {
  opacity: 1;
  flex-grow: 1;
  gap: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  min-height: 12rem;
  color: transparent;
  text-align: center;
  flex-direction: row !important;
  align-items: center;
  white-space: initial;
  border-radius: 0.375rem;
  height: inherit;
  transform: none;
  justify-content: flex-start;
  position: relative;
  padding: 2.25rem 1rem 3.5rem;
  border: 1px dashed var(--fgr-primary-color);
  transition: background-color 0.2s ease-in-out;
  background: var(--fgr-accent-light);
}
.media-field .fgr-media-upload::before, .media-field .fgr-media-upload::after {
  color: var(--fgr-text-color);
  opacity: 0.375;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.media-field .fgr-media-upload::before {
  content: "drag and drop";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNsb3VkLXVwbG9hZCI+PHBhdGggZD0iTTEyIDEzdjgiLz48cGF0aCBkPSJNNCAxNC44OTlBNyA3IDAgMSAxIDE1LjcxIDhoMS43OWE0LjUgNC41IDAgMCAxIDIuNSA4LjI0MiIvPjxwYXRoIGQ9Im04IDE3IDQtNCA0IDQiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: max(100% - 3rem, 8rem);
  background-position: center calc(50% - 2rem);
}
.media-field .fgr-media-upload::after {
  margin-top: 3rem;
  text-align: center;
  white-space: pre;
}
.media-field label {
  transform: none !important;
  padding: 0.75rem 1rem;
  pointer-events: none;
}

.form-container .fgr-media-upload {
  padding: 1rem;
  justify-content: center;
}

.addressSelect {
  top: 11;
  width: 93%;
  height: 100%;
}

.addressSelect span:first-child {
  padding-right: 2rem !important;
}

@media screen and (max-width: 991px) {
  .addressSelect span:first-child {
    padding-right: 4rem !important;
  }
}
.model-select .fgr-resource-form-field {
  height: 100%;
  min-height: calc(2.5rem + var(--fgr-border-width) * 2);
}
.model-select .fgr-resource-form-field .fgr-form-control.active,
.model-select .fgr-resource-form-field .fgr-resource-form-field {
  box-shadow: 0;
  border: 1px solid var(--fgr-primary-color);
}
.model-select .input-right-icon {
  z-index: 128;
  border: 1px solid var(--fgr-primary-color);
  border-left: 0px;
  border-radius: calc(var(--fgr-border-radius) / 2);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  position: absolute;
  justify-content: center;
  right: 0;
  top: 0;
  width: 42px;
  color: var(--fgr-primary-color);
}
.model-select .relation-results {
  background: var(--fgr-accent-light);
  max-height: 16rem;
  width: 100%;
  position: absolute;
  overflow: auto;
  border: 1px solid var(--fgr-primary-color);
  border-top: 0;
  border-bottom-left-radius: calc(var(--fgr-border-radius) / 2);
  border-bottom-right-radius: calc(var(--fgr-border-radius) / 2);
}
.model-select .relation-results li:hover {
  background-color: var(--fgr-primary-color);
  color: var(--text-hover-color);
  cursor: pointer;
}
.model-select .relation-select.disabled {
  background: var(--form-disabled-bg);
  border: var(--form-disabled-border);
  border-radius: calc(var(--fgr-border-radius) / 2);
}

.model-select + .fgr-form-label {
  opacity: var(--fgr-ResourceFormLabel-opacity, 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
}

/* This contains the default rules for the elements being customizable via portal's settings. */
:root {
  --fgr-primary-color:#3f8cfc;
  --fgr-link-color:#3f8cfc;
  --fgr-secondary-color:#3f8cfc;
  --fgr-text-color: #212529;
  --fgr-text-color-primary: #e2e8f0;
  --fgr-text-color-secondary:#a0aec0;
  --fgr-text-color-tertiary: #718096;
  --fgr-text-color-minor: #718096;
  --fgr-font-family: "Roboto";
  --fgr-bg-color: whitesmoke;
  --fgr-bg-color-primary: white;
  --fgr-bg-color-secondary: #f2f3f8;
  --fgr-bg-color-tertiary: #ececec;
  --fgr-border-color: #d0d5dd;
}

[data-theme=dark] {
  --fgr-bg-color: #1a202c;
  --fgr-bg-color-primary: #252c3b;
  --fgr-bg-color-secondary: #1e2430;
  --fgr-bg-color-tertiary: #171c26;
  --fgr-text-color: $fgr-color-charcoal-medium;
  --fgr-text-color-primary: #e2e8f0;
  --fgr-text-color-secondary:#a0aec0;
  --fgr-text-color-tertiary: #718096;
  --fgr-text-color-minor: #718096;
  --fgr-border-color: #4a5568;
}

.multiselect,
.multiselect__select,
.multiselect__tags,
.multiselect__tags-wrap,
.multiselect__input,
.multiselect__content-wrapper {
  background-color: var(--fgr-accent-light);
}

.multiselect + label {
  transform: translateY(0.25rem);
  z-index: 100;
}

.multiselect:not([data-selected="0"]) + label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.25rem);
}

.multiselect__option--highlight {
  background: var(--fgr-primary-color) !important;
}

.multiselect__option--highlight::after {
  background: var(--fgr-primary-color);
}

.multiselect__tag {
  background: var(--fgr-primary-color);
}

.multiselect__spinner::before,
.multiselect__spinner::after {
  border-color: var(--fgr-primary-color) transparent transparent;
}

.multiselect__tags {
  border: 1px solid var(--fgr-primary-color);
}

.multiselect__content-wrapper {
  border: 1px solid var(--fgr-primary-color);
}

.multiselect__option :nth-child(1) {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.multiselect__option::after {
  display: none;
}

.option__title::before {
  color: #35495e;
}

.option__image {
  max-width: 2rem;
  max-height: 1.25rem;
}

.multiselect__select {
  right: 3px;
}
.multiselect__select::before {
  color: var(--fgr-primary-color);
  border-color: var(--fgr-primary-color) transparent transparent transparent;
}

.fgr-form-toggle {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.fgr-form-toggle.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.fgr-form-toggle.disabled .toggle_fill {
  cursor: not-allowed;
}
.fgr-form-toggle.disabled .toggle-label {
  cursor: not-allowed;
}
.fgr-form-toggle.readonly .toggle_fill {
  cursor: default;
}
.fgr-form-toggle.error .toggle_fill {
  border: 2px solid var(--error-color, #ef4444);
}
.fgr-form-toggle .toggle-label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fgr-form-toggle .toggle-label.required {
  font-weight: 600;
}
.fgr-form-toggle .toggle-label .required-asterisk {
  color: var(--error-color, #ef4444);
  margin-left: 2px;
}
.fgr-form-toggle .toggle_fill {
  position: relative;
  cursor: pointer;
  width: 3em;
  height: 1.5em;
  border-radius: 0.75em;
  background: var(--toggle-bg, #ccc);
  transition: background-color 0.3s ease;
  outline: none;
}
.fgr-form-toggle .toggle_fill:focus-visible {
  outline: 2px solid var(--focus-color, #3b82f6);
  outline-offset: 2px;
}
.fgr-form-toggle .toggle_fill:hover:not(.disabled) {
  background: var(--toggle-bg-hover, #b3b3b3);
}
.fgr-form-toggle .toggle_fill .toggle_thumb {
  position: absolute;
  left: 0.125em;
  top: 0.125em;
  height: 1.25em;
  width: 1.25em;
  background: var(--toggle-thumb, #ffffff);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.fgr-form-toggle .toggle_fill .toggle_thumb.checked {
  transform: translateX(1.45em);
}
.fgr-form-toggle input:checked ~ .toggle_fill {
  background: var(--primary-color, #3b82f6);
}
.fgr-form-toggle input:checked ~ .toggle_fill:hover:not(.disabled) {
  background: var(--primary-color-hover, #2563eb);
}
.fgr-form-toggle .error-message {
  color: var(--error-color, #ef4444);
  font-size: 0.875rem;
  margin-top: 0.25rem;
  margin-left: auto;
}

.fgr-resource-form-field > .fgr-form-control.fgr-form-toggle:not(:-moz-placeholder) {
  border: none;
}

.fgr-resource-form-field > .fgr-form-control.fgr-form-toggle:not(:placeholder-shown) {
  border: none;
}
.fgr-resource-form-field > .fgr-form-control.fgr-form-toggle:not(:-moz-placeholder) ~ label.fgr-form-label {
  opacity: 1;
  transform: none;
}
.fgr-resource-form-field > .fgr-form-control.fgr-form-toggle:not(:placeholder-shown) ~ label.fgr-form-label {
  opacity: 1;
  transform: none;
}

.fgr-resource-action-header {
  --fgr-rah-background: var(--fgr-body-background-color);
  --fgr-rah-padding-y: var(--fgr-padding-3);
  --fgr-rah-padding-x: var(--fgr-padding-3);
  --fgr-rah-margin-y: var(--fgr-margin-0);
  --fgr-rah-margin-x: var(--fgr-margin-0);
  --fgr-rah-border-color: transparent;
  --fgr-rah-border-radius: 0;
  --fgr-rah-border-width: 0;
  --fgr-rah-box-shadow: none;
  --fgr-rah-gap: var(--fgr-gap-2);
  --fgr-rah-title-margin-x: var(--fgr-margin-0);
  --fgr-rah-title-margin-y: var(--fgr-margin-0);
  --fgr-rah-title-padding-x: var(--fgr-padding-0);
  --fgr-rah-title-padding-y: var(--fgr-padding-0);
  --fgr-rah-title-text-transform: uppercase;
  --fgr-rah-title-font-weight: 700;
  --fgr-rah-title-font-size: 1rem;
  --fgr-rah-button-background-primary: var(--fgr-body-background-color);
  --fgr-rah-button-background-secondary: var(--fgr-body-background-color);
  --fgr-rah-button-text-color-primary: var(--fgr-primary-color);
  --fgr-rah-button-text-color-secondary: var(--fgr-secondary-color);
  --fgr-rah-button-padding-y: var(--fgr-padding-2);
  --fgr-rah-button-padding-x: var(--fgr-padding-3);
  --fgr-rah-button-margin-y: var(--fgr-margin-0);
  --fgr-rah-button-margin-x: var(--fgr-margin-2);
  --fgr-rah-button-border-color: var(--black);
  --fgr-rah-button-border-radius: 0;
  --fgr-rah-button-border-width: 1px;
  --fgr-rah-button-box-shadow: none;
  --fgr-rah-button-font-weight: 400;
  --fgr-rah-button-text-decoration: none;
  --fgr-rah-button-font-size: 1rem;
  --fgr-rah-button-line-height: 1.25rem;
  --fgr-rah-button-gap: var(--fgr-gap-2);
  --fgr-rah-info-padding-y: var(--fgr-padding-0);
  --fgr-rah-info-padding-x: var(--fgr-padding-0);
  --fgr-rah-info-margin-y: var(--fgr-margin-0);
  --fgr-rah-info-margin-x: var(--fgr-margin-0);
}

.model-title-bar,
.table-border-color.border.rounded-border-half.shadow-sm.overflow-hidden.p-3.mb-3,
.fgr-resource-action-header {
  background: var(--fgr-rah-background);
  border: var(--fgr-rah-border-width) solid var(--fgr-rah-border-color);
  border-radius: var(--fgr-rah-border-radius);
  overflow: hidden;
  margin: var(--fgr-rah-margin-y) var(--fgr-rah-margin-x);
  padding: var(--fgr-rah-padding-y) var(--fgr-rah-padding-x);
}

.model-title-bar .d-flex,
.fgr-resource-action-container {
  display: flex;
  gap: var(--fgr-rah-gap);
}

.model-title-bar h2,
.fgr-resource-title {
  font-weight: var(--fgr-rah-title-font-weight);
  font-size: var(--fgr-rah-title-font-size);
  margin: var(--fgr-rah-title-margin-y) var(--fgr-rah-title-margin-x);
  padding: var(--fgr-rah-title-padding-y) var(--fgr-rah-title-padding-x);
  text-transform: var(--fgr-rah-title-text-transform);
}

.fgr-resource-actions {
  display: flex;
  gap: var(--fgr-rah-gap);
}
.fgr-resource-actions:empty {
  display: none;
}

.model-title-bar .btn.btn-primary,
.fgr-resource-action-button {
  display: flex;
  position: relative;
  background: var(--fgr-rah-button-background-primary);
  border: var(--fgr-rah-button-border-width) solid var(--fgr-rah-button-border-color);
  border-radius: var(--fgr-rah-button-border-radius);
  padding: var(--fgr-rah-button-padding-y) var(--fgr-rah-button-padding-x);
  margin: var(--fgr-rah-button-margin-y) var(--fgr-rah-button-margin-x);
  font-weight: var(--fgr-rah-button-font-weight);
  color: var(--fgr-rah-button-text-color-primary);
  -webkit-text-decoration: var(--fgr-rah-button-text-decoration);
          text-decoration: var(--fgr-rah-button-text-decoration);
  font-size: var(--fgr-rah-button-font-size);
  line-height: var(--fgr-rah-button-line-height);
  flex-grow: 0;
  align-items: center;
  white-space: nowrap;
  max-width: 100%;
  gap: var(--fgr-rah-button-gap);
}

.fgr-resource-info {
  width: 100%;
  margin: var(--fgr-rah-info-margin-y) var(--fgr-rah-info-margin-x);
  padding: var(--fgr-rah-info-padding-y) var(--fgr-rah-info-padding-x);
}

/* form control elements */
:root {
  --fgr-ResourceForm-select-background: var(--fgr-body-background-color);
  --fgr-ResourceForm-select-border-width: var(--fgr-border-width);
  --fgr-ResourceForm-select-border-color: var(--fgr-border-color);
  --fgr-ResourceForm-select-border-radius: var(--fgr-border-radius);
  --fgr-ResourceForm-select-text-color: var(--fgr-text-color);
  --fgr-ResourceForm-select-font-size: 0.875rem;
  --fgr-ResourceForm-select-font-weight: var(--fgr-font-weight-base);
  --fgr-ResourceForm-select-line-height: var(--fgr-line-height-base);
  --fgr-ResourceForm-select-padding-y: var(--fgr-padding-2);
  --fgr-ResourceForm-select-padding-x: var(--fgr-padding-2);
  --fgr-ResourceForm-select-margin-y: var(--fgr-margin-1);
  --fgr-ResourceForm-select-margin-x: var(--fgr-margin-2);
}

.fgr-form-select {
  background: var(--fgr-ResourceForm-select-background);
  border: var(--fgr-ResourceForm-select-border-width) solid var(--fgr-ResourceForm-select-border-color);
  border-radius: var(--fgr-ResourceForm-select-border-radius);
  color: var(--fgr-ResourceForm-select-text-color);
  display: block;
  font-size: var(--fgr-ResourceForm-select-font-size);
  font-weight: var(--fgr-ResourceForm-select-font-weight);
  line-height: var(--fgr-ResourceForm-select-line-height);
  padding: var(--fgr-ResourceForm-select-padding-y) var(--fgr-ResourceForm-select-padding-x);
  margin: var(--fgr-ResourceForm-select-margin-y) var(--fgr-ResourceForm-select-margin-x);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding-right: 0;
  border-right: var(--fgr-ResourceForm-select-padding-x) solid var(--fgr-ResourceForm-select-background);
}

:root {
  /* Schema: --fgr[-Component][-element]-property[-dimension][-variant]: value; */
  --fgr-ResourceFormFieldContainer-border-color: transparent;
  --fgr-ResourceFormFieldContainer-border-radius: 0;
  --fgr-ResourceFormFieldContainer-border-width: 0;
  --fgr-ResourceFormFieldContainer-max-width: calc(100% / 2);
  --fgr-ResourceFormFieldContainer-padding-y: var(--fgr-padding-0);
  --fgr-ResourceFormFieldContainer-padding-x: var(--fgr-padding-0);
  --fgr-ResourceFormField-border-color: transparent;
  --fgr-ResourceFormField-border-radius: 0;
  --fgr-ResourceFormField-border-width: 0;
  --fgr-ResourceFormField-line-height: 1;
  --fgr-ResourceFormField-height: 2.5rem;
  --fgr-ResourceFormControl-border-color: var(--fgr-primary-color);
  --fgr-ResourceFormControl-border-radius: 0;
  --fgr-ResourceFormControl-border-width: 0;
  --fgr-ResourceFormControl-line-height: 1.25;
  --fgr-ResourceFormControl-box-shadow: none;
  --fgr-ResourceFormControl-font-size: 1rem;
  --fgr-ResourceFormControl-font-weight: 400;
  --fgr-ResourceFormControl-background: var(--fgr-bg-color-secondary);
  --fgr-ResourceFormControl-height: 2.5rem;
  --fgr-ResourceFormControl-color: var(--fgr-text-color);
  --fgr-ResourceFormControl-padding-y: var(--fgr-padding-1);
  --fgr-ResourceFormControl-padding-x: var(--fgr-padding-1);
  --fgr-ResourceFormControl-margin-y: var(--fgr-margin-0);
  --fgr-ResourceFormControl-margin-x: var(--fgr-margin-0);
  --fgr-ResourceFormLabel-background: var(--fgr-bg-color-primary);
  --fgr-ResourceFormLabel-color: var(--fgr-text-color);
  --fgr-ResourceFormLabel-z-index: 84;
  --fgr-ResourceFormLabel-border-color: var(--fgr-primary-color);
  --fgr-ResourceFormLabel-border-radius: 0;
  --fgr-ResourceFormLabel-border-width: 0;
  --fgr-ResourceFormLabel-opacity: 0.65;
  --fgr-ResourceFormLabel-width: auto;
  --fgr-ResourceFormLabel-font-size: 0.8125rem;
  --fgr-ResourceFormLabel-padding-y: var(--fgr-padding-0);
  --fgr-ResourceFormLabel-padding-x: var(--fgr-padding-1);
}

.fgr-resource-form-field {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  gap: 0.75rem;
  height: 100%;
  width: 100%;
  min-width: 0;
  line-height: 1;
  border-radius: calc(var(--fgr-border-radius));
}
.fgr-resource-form-field > .fgr-form-control, .fgr-resource-form-field > .date-time, .fgr-resource-form-field > .datetime-field, .fgr-resource-form-field > .fgr-display-element, .fgr-resource-form-field > .fgr-form-control-plaintext, .fgr-resource-form-field > .fgr-select, .fgr-resource-form-field > input {
  width: 100%;
  height: calc(var(--fgr-ResourceFormField-height) + 0.1rem);
  min-height: calc(var(--fgr-ResourceFormField-height) + 0.1rem);
  padding: 1rem 0.4rem 0.4rem 0.8rem;
  border: 0.05rem solid var(--fgr-ResourceFormControl-border-color, #ced4da);
  border-radius: calc(var(--fgr-border-radius, 0.25rem) / 2);
  line-height: 1.25;
  background: var(--fgr-accent-light);
  color: var(--fgr-text-color, #212529);
  box-shadow: unset;
}
.fgr-resource-form-field > .fgr-form-control:disabled, .fgr-resource-form-field > .date-time:disabled, .fgr-resource-form-field > .datetime-field:disabled, .fgr-resource-form-field > .fgr-display-element:disabled, .fgr-resource-form-field > .fgr-form-control-plaintext:disabled, .fgr-resource-form-field > .fgr-select:disabled, .fgr-resource-form-field > input:disabled {
  background-color: var(--fgr-bg-color-tertiary);
  color: #6c757d;
  cursor: not-allowed;
}
.fgr-resource-form-field > .fgr-form-control::-moz-placeholder, .fgr-resource-form-field > input::-moz-placeholder {
  color: var(--fgr-accent-secondary-dark);
}
.fgr-resource-form-field > .fgr-form-control::placeholder, .fgr-resource-form-field > input::placeholder {
  color: var(--fgr-accent-secondary-dark);
}
.fgr-resource-form-field > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0.75rem 0.5rem 0.5rem;
  border: 1px solid transparent;
  z-index: var(--fgr-ResourceFormLabel-z-index);
  color: var(--fgr-ResourceFormLabel-color, var(--fgr-text-color));
  pointer-events: none;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, color 0.1s ease-in-out;
}
.fgr-resource-form-field > label::after {
  background-color: transparent !important;
}
.fgr-resource-form-field > .fgr-form-control:not(:-moz-placeholder) ~ label, .fgr-resource-form-field > input:not(:-moz-placeholder) ~ label {
  opacity: var(--fgr-ResourceFormLabel-opacity, 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
}
.fgr-resource-form-field > .fgr-form-control:focus ~ label, .fgr-resource-form-field > .fgr-form-control:not(:placeholder-shown) ~ label, .fgr-resource-form-field > input:focus ~ label, .fgr-resource-form-field > input:not(:placeholder-shown) ~ label, .fgr-resource-form-field > .fgr-select:focus ~ label, .fgr-resource-form-field > .fgr-select:valid ~ label, .fgr-resource-form-field > .date-time ~ label, .fgr-resource-form-field > .datetime-field ~ label, .fgr-resource-form-field > .fgr-display-element ~ label {
  opacity: var(--fgr-ResourceFormLabel-opacity, 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
}
.fgr-resource-form-field.date-field > label, .fgr-resource-form-field.datetime-field > label, .fgr-resource-form-field > .fgr-display-element ~ label {
  top: -8px;
  left: 0.75rem;
  height: 10px;
  padding: 0px;
  background-color: var(--fgr-accent-light);
}
.fgr-resource-form-field > .date-time, .fgr-resource-form-field > .datetime-field {
  border: none;
}
.fgr-resource-form-field > .fgr-display-element {
  border-color: var(--fgr-bg-color-tertiary);
}
.fgr-resource-form-field > .fgr-select {
  height: 3rem;
  min-height: 3rem;
}
.fgr-resource-form-field > .fgr-select:focus, .fgr-resource-form-field > .fgr-select.active {
  color: var(--fgr-text-color, #212529);
  background-color: var(--fgr-bg-whitesmoke, var(--fgr-bg-color-tertiary));
  border-color: #86b7fe;
  outline: 0;
}
.fgr-resource-form-field > .fgr-form-control.no-label {
  padding: 0;
  border: none;
  height: auto;
  min-height: auto;
}
.fgr-resource-form-field > .fgr-form-control.no-label ~ label {
  display: none;
}
.fgr-resource-form-field.toggle > label {
  position: static;
  height: auto;
  padding: 0;
  border: none;
  pointer-events: auto;
  opacity: 1;
  transform: none;
  text-wrap: pretty;
}
.fgr-resource-form-field > .fgr-form-control:focus-visible, .fgr-resource-form-field > .date-time:focus-visible, .fgr-resource-form-field > .datetime-field:focus-visible, .fgr-resource-form-field > .fgr-display-element:focus-visible, .fgr-resource-form-field > .fgr-form-control-plaintext:focus-visible, .fgr-resource-form-field > .fgr-select:focus-visible, .fgr-resource-form-field > input:focus-visible {
  outline-color: var(--border-color, #86b7fe);
}
.fgr-resource-form-field > .fgr-form-control.is-invalid, .fgr-resource-form-field > .fgr-select.is-invalid, .fgr-resource-form-field > input.is-invalid {
  border-color: var(--fgr-danger-color, #dc3545);
  box-shadow: none;
}
.fgr-resource-form-field > .fgr-form-control.is-invalid ~ label, .fgr-resource-form-field > .fgr-select.is-invalid ~ label, .fgr-resource-form-field > input.is-invalid ~ label {
  color: var(--fgr-danger-color, #dc3545);
}

:root {
  --fgr-ResourceFormSection-container-border-color: none;
  --fgr-ResourceFormSection-container-border-radius: 0;
  --fgr-ResourceFormSection-container-border-width: 0;
  --fgr-ResourceFormSection-container-padding-y: var(--fgr-padding-0);
  --fgr-ResourceFormSection-container-padding-x: var(--fgr-padding-0);
  --fgr-ResourceFormSection-border-color: none;
  --fgr-ResourceFormSection-border-radius: 0;
  --fgr-ResourceFormSection-border-width: 0;
  --fgr-ResourceFormSection-title-border-color: none;
  --fgr-ResourceFormSection-title-border-radius: 0;
  --fgr-ResourceFormSection-title-border-width: 0;
  --fgr-ResourceFormSection-title-font-size: 1rem;
  --fgr-ResourceFormSection-title-color: var(---forgeron-charcoal);
  --fgr-ResourceFormSection-title-font-weight: 700;
  --fgr-ResourceFormSection-body-border-color: none;
  --fgr-ResourceFormSection-body-border-radius: 0;
  --fgr-ResourceFormSection-body-border-width: 0;
  --fgr-ResourceFormSection-body-gap: 1rem;
}

.fgr-resource-form-section-container {
  border: var(--fgr-ResourceFormSection-container-border-width) solid var(--fgr-ResourceFormSection-container-border-color);
  border-radius: var(--fgr-ResourceFormSection-container-border-radius);
  padding: var(--fgr-ResourceFormSection-container-padding-y) var(--fgr-ResourceFormSection-container-padding-x);
}

.fgr-resource-form-section {
  text-align: left;
  border: var(--fgr-ResourceFormSection-border-width) solid var(--fgr-ResourceFormSection-border-color);
  border-radius: var(--fgr-ResourceFormSection-border-radius);
}

.fgr-resource-form-section-title {
  border: var(--fgr-ResourceFormSection-title-border-width) solid var(--fgr-ResourceFormSection-title-border-color);
  border-radius: var(--fgr-ResourceFormSection-title-border-radius);
  font-size: var(--fgr-ResourceFormSection-title-font-size);
  color: var(--fgr-ResourceFormSection-title-color);
  font-weight: var(--fgr-ResourceFormSection-title-font-weight);
  padding-left: 0.5rem;
}

.fgr-resource-form-section-body {
  display: flex;
  flex-wrap: wrap;
  border: var(--fgr-ResourceFormSection-body-border-width) solid var(--fgr-ResourceFormSection-body-border-color);
  border-radius: var(--fgr-ResourceFormSection-body-border-radius);
}

.fgr-resource-form-section-container-wrapper {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  padding: 0.25rem;
}

.fgr-resource-form-field-container {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.fgr-form-field-toggle {
  display: flex;
  align-items: center;
}

.fgr-field-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-grow: 1;
  border-radius: calc(var(--fgr-border-radius) / 2) !important;
}

@media (max-width: 768px) {
  .fgr-resource-form-field-container {
    width: 100% !important; /* Override inline styles on small screens */
  }
}
/* On medium screens, ensure fields are at least 50% wide */
@media (min-width: 769px) and (max-width: 1024px) {
  .fgr-resource-form-field-container[style*="width: 25%"] {
    width: 50% !important;
  }
}
:root {
  --fgr-form-disabled-bg: whitesmoke;
  --fgr-form-disabled-border: 1px solid darkgrey;
  --fgr-form-element-bg: transparent;
  --fgr-form-invalid-border-color: #dc3545;
}

.checkbox.disabled input[type=checkbox] + .check,
.checkbox.disabled input[type=radio] + .check {
  background-color: #e9ecef;
  opacity: 1;
}
.checkbox input[type=checkbox] + .check,
.checkbox input[type=radio] + .check {
  align-items: center;
  color: var(--fgr-primary-color);
  display: inline-flex;
  font-family: "bootstrap-icons" !important;
  font-weight: bold;
  height: 1.5em;
  justify-content: center;
  min-width: 1.5em;
  width: 1.5em;
}
.checkbox input[type=checkbox] + .check:after,
.checkbox input[type=radio] + .check:after {
  content: "\f26e";
  transform: scale(1.5);
}
.checkbox input[type=checkbox] + .check + img,
.checkbox input[type=radio] + .check + img {
  border: 3px solid var(--fgr-primary-color);
}
.checkbox input[type=checkbox] + .is-invalid,
.checkbox input[type=radio] + .is-invalid {
  border-color: #dc3545;
  color: #dc3545;
}
.checkbox input[type=checkbox]:not(:checked):not(:disabled):hover + .check,
.checkbox input[type=radio]:not(:checked):not(:disabled):hover + .check {
  color: #ccc;
}
.checkbox input[type=checkbox]:not(:checked):not(:disabled):hover + .check + img,
.checkbox input[type=radio]:not(:checked):not(:disabled):hover + .check + img {
  border: 3px solid #ccc;
}
.checkbox input[type=checkbox]:not(:checked) + .check,
.checkbox input[type=radio]:not(:checked) + .check {
  color: transparent;
}
.checkbox input[type=checkbox]:not(:checked) + .check + img,
.checkbox input[type=radio]:not(:checked) + .check + img {
  border: none;
}

input[type=radio]:not(:checked) + .card {
  border-color: #ccc;
}

.input-group .form-floating {
  height: 3rem;
  margin-bottom: 0 !important;
}
.input-group .form-floating.btn {
  height: 3rem;
}
.input-group .form-floating.filter-input {
  width: 100%;
}
.input-group .input-group-text {
  height: 100%;
  width: calc(2.5rem + var(--fgr-border-width) * 2);
}
.input-group input.form-control {
  width: 100%;
  height: calc(2.5rem + var(--fgr-border-width) * 2);
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group .invalid-feedback {
  margin-left: 0.75rem;
}

.unsaved-modifications {
  color: var(--info-color);
}

#country-select {
  height: calc(2.5rem + var(--fgr-border-width) * 2);
}

button i,
.btn i {
  font-size: 1.5rem;
}

.form-container .form-element-container {
  margin-bottom: 1rem;
}
.form-container .form-element-container .form-control .editor-header {
  overflow-x: scroll;
}
.form-container .form-element-container .form-control .editor-header .editor-actions button {
  padding: 0.25rem 0.5rem;
}
.form-container .form-element-container .form-control .editor-header .editor-view-mode {
  margin-top: 0.5rem;
}

.form-floating .form-control,
.form-floating .form-control input,
.form-floating .form-select {
  background: var(--fgr-form-element-bg);
  color: var(--fgr-text-color);
  border: var(--fgr-form-element-border);
  border-radius: var(--fgr-form-element-border-radius);
}
.form-floating .form-control.disabled, .form-floating .form-control:disabled,
.form-floating .form-control input.disabled,
.form-floating .form-control input:disabled,
.form-floating .form-select.disabled,
.form-floating .form-select:disabled {
  background: var(--fgr-form-disabled-bg);
  border: var(--fgr-form-disabled-border);
}
.form-floating > .form-select {
  padding-top: 1rem;
  padding-bottom: 0.625rem;
  padding-left: 0.25rem;
}
.form-floating label {
  padding: 0.5rem;
}
.form-floating .display-element {
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  border: 1px solid whitesmoke;
}
.form-floating .form-control:not(:-moz-placeholder) ~ label {
  top: 0;
  opacity: 0.65;
  padding: 0.5rem 0rem 0rem 0rem;
  transform: scale(0.85) translateY(-0.25rem) translateX(0rem);
}
.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label,
.form-floating .display-element ~ label {
  top: 0;
  opacity: 0.65;
  padding: 0.5rem 0rem 0rem 0rem;
  transform: scale(0.85) translateY(-0.25rem) translateX(0rem);
}
.form-floating .form-control:not(:-moz-placeholder).no-label {
  padding: 0;
  border: none;
}
.form-floating .form-control:focus.no-label,
.form-floating .form-control:not(:placeholder-shown).no-label, .form-floating > .form-select.no-label,
.form-floating .display-element.no-label {
  padding: 0;
  border: none;
}
.form-floating .form-control:not(:-moz-placeholder).no-label ~ label {
  display: none;
}
.form-floating .form-control:focus.no-label ~ label,
.form-floating .form-control:not(:placeholder-shown).no-label ~ label, .form-floating > .form-select.no-label ~ label,
.form-floating .display-element.no-label ~ label {
  display: none;
}

.form-floating .form-control,
.form-floating .form-select {
  height: 3rem;
  background-color: var(--fgr-accent-light);
  padding: 1.2rem 0.6rem 0.6rem 0.8rem;
}
.form-floating #colors-accent,
.form-floating #colors-primary {
  padding: 0.8rem 0.4rem 0.2rem 0.4rem;
}
.form-floating .input-container {
  background-color: var(--fgr-bg-color-secondary);
  height: auto;
  padding: 0;
  top: 0;
  margin-top: -1px;
  min-width: 15rem;
}
.form-floating .relation-title {
  line-height: 1.875rem;
}

.table > :not(:first-child) {
  border-top: none;
}

.model-title-bar {
  border: var(--fgr-card-border-width) solid var(--fgr-card-border-color) !important;
  border-radius: var(--card-border-radius) !important;
}

.model-title-bar h2,
.resource-action-box > div h2 {
  text-transform: none !important;
  font-size: 2.25rem;
  font-weight: 500 !important;
  margin-bottom: 0.5rem;
}

.model-actions {
  color: var(--fgr-primary-color);
}

.form-control {
  border-radius: calc(var(--fgr-border-radius) / 2) !important;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: var(--fgr-body-bg);
  border: var(--fgr-border-width) solid var(--fgr-border-color);
  color: var(--fgr-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.form-control.is-invalid:focus,
.form-control .was-validated .form-control:invalid:focus {
  border-color: var(--fgr-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-control.multi-line {
  height: auto;
}
.form-control:focus {
  box-shadow: 0 0 0 1px var(--fgr-primary-color);
}
.form-control::-moz-placeholder {
  color: transparent;
}
.form-control::placeholder {
  color: transparent;
}
.form-control:required:invalid.invalid-feedback {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg  width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control:required:invalid.invalid-feedback + .input-group-append > .input-group-text, .form-control:required:invalid.invalid-feedback + .dropdown-toggle {
  border-color: #dc3545;
}
.form-control[type=radio] {
  display: inline;
  height: initial;
}
.form-control.is-invalid.invalid-feedback {
  display: block;
  margin-top: 0;
  font-size: 100%;
  color: var(--major-color);
}
.form-control.has-changes {
  border-color: #3872c1;
  background-image: url("data:image/svg+xml,%3csvg  width='8' height='8' viewBox='0 0 1024 1024'%3e%3cpath fill='%233872c1' d='M807.1 343.4L638.5 512H765c0 139.5-113.4 252.9-252.9 252.9-42.6 0-83.1-10.5-118-29.5L332.4 797c51.9 32.9 113.4 52.3 179.6 52.3 186.3 0 337.3-150.9 337.3-337.3h126.5L807.1 343.4zM259.1 512c0-139.5 113.4-252.9 252.9-252.9 42.6 0 83.1 10.5 118 29.5l61.6-61.6c-51.9-32.9-113.4-52.3-179.6-52.3-186.3 0-337.3 150.9-337.3 337.3H48.3l168.6 168.6L385.5 512H259.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.form-control.has-changes + .input-group-append > .input-group-text, .form-control.has-changes + .dropdown-toggle {
  border-color: #3872c1;
}
.form-control.has-changes + .input-group-append > .input-group-text .filter-option, .form-control.has-changes + .dropdown-toggle .filter-option {
  padding-right: 2rem;
}
.form-control.disabled {
  background-color: #e9ecef;
  opacity: 1;
}

input.form-control:-moz-read-only {
  background-color: var(--fgr-accent-light) !important;
  opacity: 1;
}

input.form-control:read-only {
  background-color: var(--fgr-accent-light) !important;
  opacity: 1;
}

.form-check.is-invalid {
  border: 1px solid #dc3545;
  border-radius: 0.25rem;
}
.form-check.is-invalid .input-group-text {
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.form-check.is-invalid .form-control {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.form-check.has-changes {
  border: 1px solid #3872c1;
  border-radius: 0.25rem;
}
.form-check.has-changes .input-group-text {
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.form-check.has-changes .form-control {
  border-top: none;
  border-bottom: none;
  border-right: none;
  background-image: url("data:image/svg+xml,%3csvg  width='8' height='8' viewBox='0 0 1024 1024'%3e%3cpath fill='%233872c1' d='M807.1 343.4L638.5 512H765c0 139.5-113.4 252.9-252.9 252.9-42.6 0-83.1-10.5-118-29.5L332.4 797c51.9 32.9 113.4 52.3 179.6 52.3 186.3 0 337.3-150.9 337.3-337.3h126.5L807.1 343.4zM259.1 512c0-139.5 113.4-252.9 252.9-252.9 42.6 0 83.1 10.5 118 29.5l61.6-61.6c-51.9-32.9-113.4-52.3-179.6-52.3-186.3 0-337.3 150.9-337.3 337.3H48.3l168.6 168.6L385.5 512H259.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.form-check .form-control.trigger {
  cursor: pointer;
}

input[type=checkbox] + .check {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border-color: var(--fgr-form-element-border) !important;
  border-radius: var(--fgr-border-radius) !important;
  accent-color: var(--fgr-primary-color) !important;
  height: 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
}

.input-group-prepend .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-append .input-group-text {
  background: var(--fgr-bg-color-secondary);
  color: var(--text-primaryr-color);
  border: var(--fgr-form-element-border);
  border-radius: calc(var(--fgr-border-radius) / 2);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.relation-select {
  top: 0;
  z-index: 84;
}
.relation-select.disabled {
  background: var(--fgr-form-disabled-bg);
}
.relation-select > .form-select {
  background-position: right 0.75rem bottom 0.75rem;
}
.relation-select > .form-select > span {
  margin-top: -0.25rem;
  display: block;
  float: left;
  line-height: 1.4375rem;
}
.relation-select > .form-select > span.relation-id {
  font-size: 0.8125rem;
  opacity: 0.65;
}
.relation-select > .input-container:focus-within {
  box-shadow: 0 0 0.25rem 0.25rem var(--fgr-form-element-focus-shadow-color) !important;
}
.relation-select > .input-container input:focus {
  box-shadow: none;
}
.relation-select > .form-control > .relation-results {
  max-height: 16rem;
  overflow-y: auto;
}
.relation-select > .form-control > .relation-results li:hover {
  cursor: default;
  background-color: var(--fgr-primary-color);
  color: var(--text-hover-color);
}

input {
  filter: none;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

label.column-name {
  opacity: 0.65;
}

.form-field {
  border-radius: calc(var(--fgr-border-radius) / 2);
}

.form-floating {
  line-height: 1;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.form-floating > label {
  text-wrap: wrap;
  top: 0rem;
  padding-left: 0.5rem;
  position: absolute;
  height: auto;
}
.form-floating .form-control,
.form-floating .form-select {
  height: 3rem;
  min-height: 3rem;
  border-radius: calc(var(--fgr-border-radius) / 2);
}
.form-floating .form-control.active,
.form-floating .form-select.active {
  color: #212529;
  background-color: var(--fgr-bg-whitesmoke);
  border-color: #86b7fe;
  border-top-color: rgb(134, 183, 254);
  border-right-color: rgb(134, 183, 254);
  border-left-color: rgb(134, 183, 254);
  outline: 0;
}
.form-floating .form-control.is-invalid,
.form-floating .form-select.is-invalid {
  border: 1px solid #dc3545 !important;
  border-radius: 0.25rem;
}
.form-floating .form-control.is-invalid ~ label,
.form-floating .form-select.is-invalid ~ label {
  color: #dc3545 !important;
}
.form-floating .form-control.is-invalid + .fgr-form-label {
  color: red !important;
}
.form-floating .fgr-resource-form-field .form-control.is-invalid ~ .fgr-form-label {
  color: red !important;
}
.form-floating .form-control:not(:-moz-placeholder) ~ label {
  top: 0;
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
  color: var(--fgr-text-color);
}
.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label,
.form-floating .form-floating > .form-select ~ label {
  top: 0;
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
  color: var(--fgr-text-color);
}

.invalid-feedback {
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  opacity: 95%;
  color: #dc3545;
  display: block;
  word-break: keep-all;
  text-wrap: nowrap;
  font-size: 0.845rem;
  margin-top: 0.25rem;
  width: 100%;
}

.blade-page .form-control {
  background-color: #fff;
}

.fgr-resource-form {
  --fgr-ResourceForm-background: transparent;
  --fgr-ResourceForm-border-color: transparent;
  --fgr-ResourceForm-border-radius: 0;
  --fgr-ResourceForm-border-width: 0;
  --fgr-ResourceFormContent-border-color: transparent;
  --fgr-ResourceFormContent-border-radius: 0;
  --fgr-ResourceFormContent-border-width: 0;
  --fgr-ResourceFormAction-border-color: transparent;
  --fgr-ResourceFormAction-border-radius: 0;
  --fgr-ResourceFormAction-border-width: 0;
  --fgr-ResourceFormField-border-color: transparent;
  --fgr-ResourceFormField-border-radius: 0;
  --fgr-ResourceFormField-border-width: 0;
  --fgr-ResourceFormControl-border-radius: 0;
  --fgr-ResourceFormControl-border-width: 0;
}

.fgr-resource-form {
  background: var(--fgr-ResourceForm-background);
  border: var(--fgr-ResourceForm-border-width) solid var(--fgr-ResourceForm-border-color);
  border-radius: var(--fgr-ResourceForm-border-radius);
}

.fgr-resource-form-content {
  display: grid;
  gap: 0.5rem;
  border: var(--fgr-ResourceFormContent-border-width) solid var(--fgr-ResourceFormContent-border-color);
  border-radius: var(--fgr-ResourceFormContent-border-radius);
}

.fgr-resource-form-action {
  display: flex;
  justify-content: flex-end;
}
.fgr-resource-form-action button {
  position: relative;
  display: flex;
  gap: 1rem;
  align-items: center;
  border-radius: calc(var(--fgr-border-radius) / 2) !important;
  text-align: center;
  padding: 0.25rem 0.75rem;
  color: white;
  cursor: pointer;
  background-color: var(--fgr-primary-color);
  justify-items: center;
  margin-left: 0.5rem;
}
.fgr-resource-form-action button:active, .fgr-resource-form-action button:focus, .fgr-resource-form-action button:hover {
  background-color: var(--fgr-primary-color);
  color: white;
}
.fgr-resource-form-action button:hover {
  opacity: 0.85;
}

.links {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.links .link {
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  text-align: center;
}

.pills {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
.pills .pill {
  display: flex;
  background: var(--fgr-secondary-bg-color);
  padding: 0.375rem 0.75rem;
  border: 2px solid var(--fgr-border-color);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-align: center;
}

.fgr-filtermenu-container {
  --fgr-FilterMenu-background: transparent;
  --fgr-FilterMenu-padding: var(--fgr-padding-2);
  --fgr-FilterMenu-min-width: 30rem;
  --fgr-FilterMenu-buttons-margin-y: var(--fgr-margin-2);
  --fgr-FilterMenu-button-gap: var(--fgr-gap-2);
  --fgr-FilterMenu-option-gap: var(--fgr-gap-4);
  --fgr-FilterMenu-option-margin-y: var(--fgr-margin-2);
}
.fgr-filtermenu-container .fgr-btn {
  --fgr-Button-background: var(--fgr-Button-background);
  --fgr-Button-color: black;
  --fgr-Button-border-color: black;
  --fgr-Button-border-width: 1px;
  --fgr-Button-border-radius: 0.25rem;
}
.fgr-filtermenu-container .fgr-filtermenu-toggle {
  --fgr-FilterMenu-toggle-background: var(--fgr-Button-background);
  --fgr-FilterMenu-toggle-color: black;
  --fgr-FilterMenu-toggle-border-color: black;
  --fgr-FilterMenu-toggle-border-width: 1px;
  --fgr-FilterMenu-toggle-border-radius: 0.25rem;
}

.fgr-filtermenu-container .fgr-filtermenu-toggle {
  color: var(--fgr-Button-color);
  border: var(--fgr-Button-border-width) solid var(--fgr-Button-border-color);
  border-radius: var(--fgr-Button-border-radius);
  background: var(--fgr-Button-background);
}
.fgr-filtermenu-container .fgr-filtermenu {
  background: var(--fgr-FilterMenu-background);
  padding: var(--fgr-FilterMenu-padding);
  position: relative;
  z-index: 10;
  min-width: var(--fgr-FilterMenu-min-width);
}
.fgr-filtermenu-container .fgr-filtermenu .fgr-filtermenu-option {
  display: flex;
  flex-direction: row;
  gap: var(--fgr-FilterMenu-option-gap);
  margin: var(--fgr-FilterMenu-option-margin-y) var(--fgr-FilterMenu-option-margin-x);
  vertical-align: middle;
  align-items: center;
}
.fgr-filtermenu-container .fgr-filtermenu .fgr-filtermenu-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: var(--fgr-FilterMenu-button-gap);
  position: relative;
  z-index: 10;
  margin-top: var(--fgr-FilterMenu-option-margin-y);
}
.fgr-filtermenu-container .fgr-filtermenu .fgr-btn {
  color: var(--fgr-Button-color);
  border: var(--fgr-Button-border-width) solid var(--fgr-Button-border-color);
  border-radius: var(--fgr-Button-border-radius);
  background: var(--fgr-Button-background);
}

.fgr-resource-table {
  --fgr-ResourceTable-border-color: transparent;
  --fgr-ResourceTable-border-radius: 0;
  --fgr-ResourceTable-border-width: 0;
  --fgr-ResourceTable-td-padding-y: var(--fgr-padding-2);
  --fgr-ResourceTable-td-padding-x: var(--fgr-padding-2);
}

.table-responsive.table-border-color.rounded-border-half.overflow-hidden,
.fgr-resource-table {
  overflow-x: hidden;
  overflow-y: visible;
  border: 1px solid #eaecf0 !important;
  border-radius: calc(var(--fgr-border-radius) / 2) !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.forgeron-model-table,
.fgr-table {
  width: 100%;
  margin-bottom: 0;
  border-color: var(--fgr-border-color);
  display: table;
  text-indent: 0;
  border-collapse: collapse;
}
.forgeron-model-table th,
.fgr-table th {
  vertical-align: middle;
  padding-bottom: var(--fgr-gap-unit);
}
.forgeron-model-table td,
.fgr-table td {
  border-color: var(--fgr-border-color);
  padding: var(--fgr-gap-unit);
}
.forgeron-model-table th, .forgeron-model-table td,
.fgr-table th,
.fgr-table td {
  padding: var(--fgr-ResourceTable-td-padding-y) var(--fgr-ResourceTable-td-padding-x);
}
.forgeron-model-table thead th,
.fgr-table thead th {
  border: none;
}
.forgeron-model-table tbody tr.fgr-table-row,
.fgr-table tbody tr.fgr-table-row {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.forgeron-table-row.selected,
.fgr-table-row.selected {
  background-color: var(--fgr-accent-secondary);
}

.forgeron-table-column,
.fgr-table-column {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20rem;
}

.fgr-bulk-select-all {
  justify-content: flex-start;
}
.fgr-bulk-select-all input[type=checkbox] {
  color: var(--fgr-accent-secondary) !important;
  cursor: pointer;
  border: 1px solid var(--fgr-accent-secondary) !important;
  border-radius: var(--fgr-border-radius) !important;
  accent-color: var(--fgr-primary-color) !important;
  height: 1.25rem;
  width: 1.25rem;
}

.align-middle.pt-0.pe-2.forgeron-table-column,
.fgr-general-actions {
  vertical-align: middle;
  text-align: right !important;
  padding-inline-end: 0.5rem;
  padding-right: 0.75rem !important;
}

.flex.justify-start.forgeron-table-column.text-center.border-color-table,
.fgr-bulk-select {
  text-align: center;
  justify-content: flex-start;
}
.flex.justify-start.forgeron-table-column.text-center.border-color-table .border-color-light-gray.cursor-pointer.color-gray,
.flex.justify-start.forgeron-table-column.text-center.border-color-table input[type=checkbox],
.fgr-bulk-select .border-color-light-gray.cursor-pointer.color-gray,
.fgr-bulk-select input[type=checkbox] {
  color: var(--fgr-accent-secondary) !important;
  border: 1px solid var(--fgr-accent-secondary) !important;
  border-radius: var(--fgr-border-radius) !important;
  accent-color: var(--fgr-primary-color) !important;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
}

.table > :not(caption) > * > * {
  border-bottom-color: #eaecf0 !important;
}

.table-responsive.sticky-action-buttons table td:last-of-type,
.table-responsive.sticky-action-buttons table th:last-of-type {
  box-shadow: none !important;
  background: none !important;
  position: sticky;
  right: 0;
  width: auto;
}

.forgeron-page-content {
  display: flex;
}
.forgeron-page-content .forgeron-page-content-left {
  flex-grow: 0;
}
.forgeron-page-content .forgeron-page-content-left:not(:empty) {
  margin-right: var(--fgr-gap-unit);
}
.forgeron-page-content .forgeron-page-content-center {
  flex-grow: 1;
}
.forgeron-page-content .forgeron-page-content-right {
  flex-grow: 0;
}
.forgeron-page-content .forgeron-page-content-right:not(:empty) {
  margin-left: var(--fgr-gap-unit);
}

/* CSS for all pages/actions */
:root {
  --overflow-bg-color: linear-gradient(to right, transparent, white 50%);
  --card-box-shadow: 0 -1px #dee2e6;
}

#admin-sidebox {
  padding-left: 1rem;
}
.log-entries .log-entry {
  font-size: 0.75rem;
  border-radius: calc(var(--fgr-border-radius) / 2);
  border: 1px solid var(--fgr-border-color);
  margin: -1px -1px 0 -1px;
}
.log-entries .log-entry:last-child {
  margin-bottom: -1px;
}
.log-entries .log-entry .card-title {
  border: none;
  background-color: var(--fgr-bg-color-secondary);
}
.log-entries .log-entry .card-body {
  background-color: var(--fgr-bg-whitesmoke);
}

.toast-container {
  position: fixed;
  top: var(--fgr-header-height);
  right: 0;
  margin: 1rem;
}

.forgeron-filter-container {
  padding-left: 1rem;
  padding-right: 0;
}

/* CSS for create page/action */
/* CSS for edit page/action */
:root {
  --fgr-tabs-border-bottom: var(--fgr-border-0);
  --fgr-tabs-gap: var(--fgr-gap-2);
  --fgr-tabs-button-padding-y: var(--fgr-padding-2);
  --fgr-tabs-button-padding-x: var(--fgr-padding-3);
  --fgr-tabs-button-color: var(--text-secondary-color);
  --fgr-tabs-button-color-hover: var(--forgeron-hover-color);
  --fgr-tabs-button-color-active: var(--forgeron-primary-color);
  --fgr-tabs-button-font-weight-active: 600;
  --fgr-tabs-button-background-color: transparent;
  --fgr-tabs-button-border-width: 1px;
  --fgr-tabs-button-border-color: var(--forgeron-secondary-color);
  --fgr-tabs-button-border-color-hover: var(--forgeron-secondary-color);
  --fgr-tabs-button-border-color-active: var(--forgeron-secondary-color);
  --fgr-tabs-button-transition: all 0.2s ease-in-out;
  --fgr-tabs-button-icon-gap: var(--fgr-gap-1);
}

.fgr-tabs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: calc(-1 * var(--fgr-content-gap) - var(--spacing) * 1);
  gap: var(--fgr-tabs-gap);
}
.fgr-tabs-item {
  z-index: -1px;
}
.fgr-tabs-button {
  display: flex;
  align-items: center;
  gap: var(--fgr-tabs-button-icon-gap);
  padding: var(--fgr-tabs-button-padding-y) var(--fgr-tabs-button-padding-x);
  border: var(--fgr-tabs-button-border-width) solid var(--fgr-tabs-button-border-color);
  border-bottom: var(--fgr-tabs-border-bottom);
  background-color: var(--fgr-tabs-button-background-color);
  color: var(--fgr-tabs-button-color);
  cursor: pointer;
  transition: var(--fgr-tabs-button-transition);
  font-size: inherit;
}
.fgr-tabs-button:hover {
  color: var(--fgr-tabs-button-color-hover);
  border-bottom-color: var(--fgr-tabs-button-border-color-hover);
}
.fgr-tabs-button.fgr-tabs-active {
  color: var(--fgr-tabs-button-color-active);
  font-weight: var(--fgr-tabs-button-font-weight-active);
  border-bottom: var(--fgr-tabs-button-border-width) solid var(--fgr-tabs-button-border-color-active);
}