/* first the bootstrap functions */
/* important VARIABLES */
/**** 1. choose the fonts the fonts 
 $body-font-family: 'Montserrat';
 $small-font-family: 'Lato';
 $head-font-family: 'Lato';
 $deco-font-family: 'Trajan';*/
/* from root 
 $body-font-family: Lato;//'Gotham Rounded Book';//'Raleway', 'Roboto', 'Noto Sans', 'Montserrat', 
 $head-font-family: 'Gotham Rounded Medium';
 $deko-font-family: 'Trajan';
 */
/**** 1. choose the fonts the fonts ***/
/**** 2. the colors ***/
/*$grid-breakpoints: (
 xs: 0,
 sm: 576px,
 md: 768px,
 lg: 992px,  
 xl: 1200px,
 xxl: 1400px
 ) !default;*/
/* NAV : DEEP */
/* BOOTSTRAP SELECT */
/* END BOOTSTRAP SELECT */
:root {
  --bs-color-bar: #2e2e38;
  --bs-color-bar-rgb: 46,46,56;
  --bs-color-bar-hover: #454554;
  --bs-color-bar-dark: #000;
  --bs-color-bar-light: #5c5c70;
  --bs-color-bar-contrast: #eee;
  --bs-color-bar-contrast-rgb: 238,238,238;
  --bs-color-bar-contrast-rgb-dark: 238,238,238;
  --bs-color-bar-contrast-rgb-light: 238,238,238;
  --bs-color-bar-contrast-hover: #d5d5d5;
  --bs-color-bar-contrast-hover-dark: #d5d5d5;
  --bs-color-bar-contrast-hover-light: #d5d5d5;
  --bs-color-main: #2e2e38;
  --bs-color-main-rgb: 46,46,56;
  --bs-color-main-hover: #454554;
  --bs-color-main-dark: #000;
  --bs-color-main-light: #5c5c70;
  --bs-color-main-contrast: #eee;
  --bs-color-main-contrast-rgb: 238,238,238;
  --bs-color-main-contrast-rgb-dark: 238,238,238;
  --bs-color-main-contrast-rgb-light: 238,238,238;
  --bs-color-main-contrast-hover: #d5d5d5;
  --bs-color-main-contrast-hover-dark: #d5d5d5;
  --bs-color-main-contrast-hover-light: #d5d5d5;
  --bs-color-table: #51525a;
  --bs-color-table-rgb: 81,82,90;
  --bs-color-table-hover: #696a75;
  --bs-color-table-dark: #212124;
  --bs-color-table-light: #82848f;
  --bs-color-table-contrast: #eee;
  --bs-color-table-contrast-rgb: 238,238,238;
  --bs-color-table-contrast-rgb-dark: 238,238,238;
  --bs-color-table-contrast-rgb-light: 238,238,238;
  --bs-color-table-contrast-hover: #d5d5d5;
  --bs-color-table-contrast-hover-dark: #d5d5d5;
  --bs-color-table-contrast-hover-light: #d5d5d5;
  --bs-color-deco: #ffe600;
  --bs-color-deco-rgb: 255,230,0;
  --bs-color-deco-hover: #ffeb33;
  --bs-color-deco-dark: #998a00;
  --bs-color-deco-light: #fff066;
  --bs-color-deco-contrast: #111;
  --bs-color-deco-contrast-rgb: 17,17,17;
  --bs-color-deco-contrast-rgb-dark: 238,238,238;
  --bs-color-deco-contrast-rgb-light: 17,17,17;
  --bs-color-deco-contrast-hover: #2b2b2b;
  --bs-color-deco-contrast-hover-dark: #d5d5d5;
  --bs-color-deco-contrast-hover-light: #2b2b2b;
  --bs-color-formtext: #1e1e1e;
  --bs-color-formtext-rgb: 30,30,30;
  --bs-color-formtext-hover: #383838;
  --bs-color-formtext-dark: #000;
  --bs-color-formtext-light: #515151;
  --bs-color-formtext-contrast: #eee;
  --bs-color-formtext-contrast-rgb: 238,238,238;
  --bs-color-formtext-contrast-rgb-dark: 238,238,238;
  --bs-color-formtext-contrast-rgb-light: 238,238,238;
  --bs-color-formtext-contrast-hover: #d5d5d5;
  --bs-color-formtext-contrast-hover-dark: #d5d5d5;
  --bs-color-formtext-contrast-hover-light: #d5d5d5;
  --bs-color-h1: #1e1e1e;
  --bs-color-h1-rgb: 30,30,30;
  --bs-color-h1-hover: #383838;
  --bs-color-h1-dark: #000;
  --bs-color-h1-light: #515151;
  --bs-color-h1-contrast: #eee;
  --bs-color-h1-contrast-rgb: 238,238,238;
  --bs-color-h1-contrast-rgb-dark: 238,238,238;
  --bs-color-h1-contrast-rgb-light: 238,238,238;
  --bs-color-h1-contrast-hover: #d5d5d5;
  --bs-color-h1-contrast-hover-dark: #d5d5d5;
  --bs-color-h1-contrast-hover-light: #d5d5d5;
  --bs-color-h2: #1e3c78;
  --bs-color-h2-rgb: 30,60,120;
  --bs-color-h2-hover: #2850a1;
  --bs-color-h2-dark: #0a1326;
  --bs-color-h2-light: #3265ca;
  --bs-color-h2-contrast: #eee;
  --bs-color-h2-contrast-rgb: 238,238,238;
  --bs-color-h2-contrast-rgb-dark: 238,238,238;
  --bs-color-h2-contrast-rgb-light: 238,238,238;
  --bs-color-h2-contrast-hover: #d5d5d5;
  --bs-color-h2-contrast-hover-dark: #d5d5d5;
  --bs-color-h2-contrast-hover-light: #d5d5d5;
  --bs-color-h3: #1e3c64;
  --bs-color-h3-rgb: 30,60,100;
  --bs-color-h3-hover: #2a548b;
  --bs-color-h3-dark: #060d16;
  --bs-color-h3-light: #366bb2;
  --bs-color-h3-contrast: #eee;
  --bs-color-h3-contrast-rgb: 238,238,238;
  --bs-color-h3-contrast-rgb-dark: 238,238,238;
  --bs-color-h3-contrast-rgb-light: 238,238,238;
  --bs-color-h3-contrast-hover: #d5d5d5;
  --bs-color-h3-contrast-hover-dark: #d5d5d5;
  --bs-color-h3-contrast-hover-light: #d5d5d5;
  --bs-color-h4: #1e1e1e;
  --bs-color-h4-rgb: 30,30,30;
  --bs-color-h4-hover: #383838;
  --bs-color-h4-dark: #000;
  --bs-color-h4-light: #515151;
  --bs-color-h4-contrast: #eee;
  --bs-color-h4-contrast-rgb: 238,238,238;
  --bs-color-h4-contrast-rgb-dark: 238,238,238;
  --bs-color-h4-contrast-rgb-light: 238,238,238;
  --bs-color-h4-contrast-hover: #d5d5d5;
  --bs-color-h4-contrast-hover-dark: #d5d5d5;
  --bs-color-h4-contrast-hover-light: #d5d5d5;
  --bs-color-h5: #1e1e1e;
  --bs-color-h5-rgb: 30,30,30;
  --bs-color-h5-hover: #383838;
  --bs-color-h5-dark: #000;
  --bs-color-h5-light: #515151;
  --bs-color-h5-contrast: #eee;
  --bs-color-h5-contrast-rgb: 238,238,238;
  --bs-color-h5-contrast-rgb-dark: 238,238,238;
  --bs-color-h5-contrast-rgb-light: 238,238,238;
  --bs-color-h5-contrast-hover: #d5d5d5;
  --bs-color-h5-contrast-hover-dark: #d5d5d5;
  --bs-color-h5-contrast-hover-light: #d5d5d5;
  --bs-color-h6: #1e1e1e;
  --bs-color-h6-rgb: 30,30,30;
  --bs-color-h6-hover: #383838;
  --bs-color-h6-dark: #000;
  --bs-color-h6-light: #515151;
  --bs-color-h6-contrast: #eee;
  --bs-color-h6-contrast-rgb: 238,238,238;
  --bs-color-h6-contrast-rgb-dark: 238,238,238;
  --bs-color-h6-contrast-rgb-light: 238,238,238;
  --bs-color-h6-contrast-hover: #d5d5d5;
  --bs-color-h6-contrast-hover-dark: #d5d5d5;
  --bs-color-h6-contrast-hover-light: #d5d5d5;
  --bs-color-link: #323b52;
  --bs-color-link-rgb: 50,59,82;
  --bs-color-link-hover: #455272;
  --bs-color-link-dark: #0b0d13;
  --bs-color-link-light: #596991;
  --bs-color-link-contrast: #eee;
  --bs-color-link-contrast-rgb: 238,238,238;
  --bs-color-link-contrast-rgb-dark: 238,238,238;
  --bs-color-link-contrast-rgb-light: 238,238,238;
  --bs-color-link-contrast-hover: #d5d5d5;
  --bs-color-link-contrast-hover-dark: #d5d5d5;
  --bs-color-link-contrast-hover-light: #d5d5d5;
  --bs-color-primary: #323b52;
  --bs-color-primary-rgb: 50,59,82;
  --bs-color-primary-hover: #455272;
  --bs-color-primary-dark: #0b0d13;
  --bs-color-primary-light: #596991;
  --bs-color-primary-contrast: #eee;
  --bs-color-primary-contrast-rgb: 238,238,238;
  --bs-color-primary-contrast-rgb-dark: 238,238,238;
  --bs-color-primary-contrast-rgb-light: 238,238,238;
  --bs-color-primary-contrast-hover: #d5d5d5;
  --bs-color-primary-contrast-hover-dark: #d5d5d5;
  --bs-color-primary-contrast-hover-light: #d5d5d5;
  --bs-color-success: #405447;
  --bs-color-success-rgb: 64,84,71;
  --bs-color-success-hover: #56715f;
  --bs-color-success-dark: #141a16;
  --bs-color-success-light: #6c8e78;
  --bs-color-success-contrast: #eee;
  --bs-color-success-contrast-rgb: 238,238,238;
  --bs-color-success-contrast-rgb-dark: 238,238,238;
  --bs-color-success-contrast-rgb-light: 238,238,238;
  --bs-color-success-contrast-hover: #d5d5d5;
  --bs-color-success-contrast-hover-dark: #d5d5d5;
  --bs-color-success-contrast-hover-light: #d5d5d5;
  --bs-color-danger: #700;
  --bs-color-danger-rgb: 119,0,0;
  --bs-color-danger-hover: #a00;
  --bs-color-danger-dark: #100;
  --bs-color-danger-light: #d00;
  --bs-color-danger-contrast: #eee;
  --bs-color-danger-contrast-rgb: 238,238,238;
  --bs-color-danger-contrast-rgb-dark: 238,238,238;
  --bs-color-danger-contrast-rgb-light: 238,238,238;
  --bs-color-danger-contrast-hover: #d5d5d5;
  --bs-color-danger-contrast-hover-dark: #d5d5d5;
  --bs-color-danger-contrast-hover-light: #d5d5d5;
  --bs-color-info: #77c7c7;
  --bs-color-info-rgb: 119,199,199;
  --bs-color-info-hover: #53b8b8;
  --bs-color-info-dark: #3f9999;
  --bs-color-info-light: #bfe5e5;
  --bs-color-info-contrast: #eee;
  --bs-color-info-contrast-rgb: 238,238,238;
  --bs-color-info-contrast-rgb-dark: 238,238,238;
  --bs-color-info-contrast-rgb-light: 17,17,17;
  --bs-color-info-contrast-hover: #d5d5d5;
  --bs-color-info-contrast-hover-dark: #d5d5d5;
  --bs-color-info-contrast-hover-light: #2b2b2b;
  --bs-color-callout: #f2f1ed;
  --bs-color-callout-rgb: 242,241,237;
  --bs-color-callout-hover: #dddacf;
  --bs-color-callout-dark: #c7c3b2;
  --bs-color-callout-light: #fff;
  --bs-color-callout-contrast: #111;
  --bs-color-callout-contrast-rgb: 17,17,17;
  --bs-color-callout-contrast-rgb-dark: 17,17,17;
  --bs-color-callout-contrast-rgb-light: 17,17,17;
  --bs-color-callout-contrast-hover: #2b2b2b;
  --bs-color-callout-contrast-hover-dark: #2b2b2b;
  --bs-color-callout-contrast-hover-light: #2b2b2b;
  --bs-color-calldark: #d4d1c5;
  --bs-color-calldark-rgb: 212,209,197;
  --bs-color-calldark-hover: #bebaa8;
  --bs-color-calldark-dark: #a9a38a;
  --bs-color-calldark-light: #fff;
  --bs-color-calldark-contrast: #111;
  --bs-color-calldark-contrast-rgb: 17,17,17;
  --bs-color-calldark-contrast-rgb-dark: 238,238,238;
  --bs-color-calldark-contrast-rgb-light: 17,17,17;
  --bs-color-calldark-contrast-hover: #2b2b2b;
  --bs-color-calldark-contrast-hover-dark: #d5d5d5;
  --bs-color-calldark-contrast-hover-light: #2b2b2b;
  --bs-color-calldarker: #bfbbaa;
  --bs-color-calldarker-rgb: 191,187,170;
  --bs-color-calldarker-hover: #a9a48d;
  --bs-color-calldarker-dark: #938c70;
  --bs-color-calldarker-light: #ebeae4;
  --bs-color-calldarker-contrast: #111;
  --bs-color-calldarker-contrast-rgb: 17,17,17;
  --bs-color-calldarker-contrast-rgb-dark: 238,238,238;
  --bs-color-calldarker-contrast-rgb-light: 17,17,17;
  --bs-color-calldarker-contrast-hover: #2b2b2b;
  --bs-color-calldarker-contrast-hover-dark: #d5d5d5;
  --bs-color-calldarker-contrast-hover-light: #2b2b2b;
  --bs-color-calldarkest: #a8a38d;
  --bs-color-calldarkest-rgb: 168,163,141;
  --bs-color-calldarkest-hover: #928c70;
  --bs-color-calldarkest-dark: #75705a;
  --bs-color-calldarkest-light: #d4d2c7;
  --bs-color-calldarkest-contrast: #eee;
  --bs-color-calldarkest-contrast-rgb: 238,238,238;
  --bs-color-calldarkest-contrast-rgb-dark: 238,238,238;
  --bs-color-calldarkest-contrast-rgb-light: 17,17,17;
  --bs-color-calldarkest-contrast-hover: #d5d5d5;
  --bs-color-calldarkest-contrast-hover-dark: #d5d5d5;
  --bs-color-calldarkest-contrast-hover-light: #2b2b2b;
  --bs-xs-size: 11px;
  --bs-sm-size: 12px;
  --bs-p-size: 14px;
  --bs-h6-size: 14px;
  --bs-h5-size: 14.5px;
  --bs-h4-size: 16px;
  --bs-h3-size: 16.5px;
  --bs-h2-size: 17px;
  --bs-h1-size: 18px;
  /* wrap */
  --bs-sidebar-width: 250px;
  --bs-sidebar-width-tablet: 70px;
  --top-header-height: 70px;
  --top-footer-height: 50px;
  --bs-head-font-face: 'Gotham Rounded Medium';
  --bs-deco-font-face: 'GothamBold';
  --bs-code-font-face: 'Roboto Slab';
  --bs-body-font-face: 'Raleway';
  --bs-body-font-size: 16px !important;
  --bs-head-font-face: 'Gotham Rounded Medium';
  --bs-head-font-size: 22px !important;
  --bs-font-opacity: 0.95;
  --bs-body-color: #000;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-color: rgba(var(--bs-body-color-rgb),var(--bs-font-opacity));
  --bs-head-color: rgba(var(--bs-color-main-rgb),var(--bs-font-opacity));
  --bs-label-color: #012;
  --bs-label-weight: 400;
  --bs-label-style: italic;
  --bs-label-size: 0.9rem;
  --bs-border-radius: 0.25rem;
  --bs-box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  --bs-callout-border: 1px solid var(--bs-color-callout-dark);
  --bs-callout-radius: 4px;
  /* tooltipster */
  --tool-padding: 0;
  --tool-margin: 0;
  --bs-form-fontsize: 1rem;
  --bs-form-fontweight: 400;
  --bs-form-lineheight: 1.05em;
  --bs-form-padding: 0.375rem 0.75rem;
  --bs-form-height: calc(1.35rem + 1.3rem + 2px);
  --bs-border-color: #aaa;
  --bs-border-color-hover: #444;
  --bs-body-font-family: var(--bs-body-font-face), 'Helvetica Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-head-font-family: var(--bs-head-font-face), 'Helvetica Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-deko-font-family: var(--bs-deko-font-face), 'Helvetica Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-sans-serif: var(--bs-body-font-face), 'Helvetica Neue', 'Raleway', 'Roboto', 'Noto Sans', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --font-family-monospace: 'Courier New', monospace;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --green: #699;
  --indigo: #533be2;
  --info: #ccc;
  --light: #f8f9fa;
  --missing: #800000;
  --ok: #066;
  --primary: #369;
  --red: #930;
  --required: #8a8a5c;
  --secondary: #6c757d;
  --success: #699;
  --warning: #444;
  --white: #fff;
  --yellow: #cc0;
  --transition: all 0.2s ease-in-out;
  --main: #2e2e38;
  --main-contrast: #eee;
  --main-hover: #f1f1f4;
  --main-hover-contrast: #111;
  --field-back: #2e2e38 !important;
  --field-color: white;
  --padding: 1rem;
  --radius: 0.5rem;
  --max-width: 300px;
  --bs-danger: #900;
  --bs-danger-contrast: white;
  --bs-info: #3e5458;
  --bs-info-contrast: black;
  --modalBack: #2e2e38;
  --modalColor: white;
  --bs-focus-ring-color: transparent !important;
  --bs-focus-ring-opacity: 0 !important;
  --bs-focus-ring-width: 0px !important;
  --bs-container-width: 56rem; }
/*
 :root,
 [data-bs-theme=light] {
 --bs-blue: #0d6efd;
 --bs-indigo: #6610f2;
 --bs-purple: #6f42c1;
 --bs-pink: #d63384;
 --bs-red: #dc3545;
 --bs-orange: #fd7e14;
 --bs-yellow: #ffc107;
 --bs-green: #198754;
 --bs-teal: #20c997;
 --bs-cyan: #0dcaf0;
 --bs-black: #000;
 --bs-white: #fff;
 --bs-gray: #6c757d;
 --bs-gray-dark: #343a40;
 --bs-gray-100: #f8f9fa;
 --bs-gray-200: #e9ecef;
 --bs-gray-300: #dee2e6;
 --bs-gray-400: #ced4da;
 --bs-gray-500: #adb5bd;
 --bs-gray-600: #6c757d;
 --bs-gray-700: #495057;
 --bs-gray-800: #343a40;
 --bs-gray-900: #212529;
 --bs-primary: #0d6efd;
 --bs-secondary: #6c757d;
 --bs-success: #198754;
 --bs-info: #0dcaf0;
 --bs-warning: #ffc107;
 --bs-danger: #dc3545;
 --bs-light: #f8f9fa;
 --bs-dark: #212529;
 --bs-primary-rgb: 13, 110, 253;
 --bs-secondary-rgb: 108, 117, 125;
 --bs-success-rgb: 25, 135, 84;
 --bs-info-rgb: 13, 202, 240;
 --bs-warning-rgb: 255, 193, 7;
 --bs-danger-rgb: 220, 53, 69;
 --bs-light-rgb: 248, 249, 250;
 --bs-dark-rgb: 33, 37, 41;
 --bs-primary-text-emphasis: #052c65;
 --bs-secondary-text-emphasis: #2b2f32;
 --bs-success-text-emphasis: #0a3622;
 --bs-info-text-emphasis: #055160;
 --bs-warning-text-emphasis: #664d03;
 --bs-danger-text-emphasis: #58151c;
 --bs-light-text-emphasis: #495057;
 --bs-dark-text-emphasis: #495057;
 --bs-primary-bg-subtle: #cfe2ff;
 --bs-secondary-bg-subtle: #e2e3e5;
 --bs-success-bg-subtle: #d1e7dd;
 --bs-info-bg-subtle: #cff4fc;
 --bs-warning-bg-subtle: #fff3cd;
 --bs-danger-bg-subtle: #f8d7da;
 --bs-light-bg-subtle: #fcfcfd;
 --bs-dark-bg-subtle: #ced4da;
 --bs-primary-border-subtle: #9ec5fe;
 --bs-secondary-border-subtle: #c4c8cb;
 --bs-success-border-subtle: #a3cfbb;
 --bs-info-border-subtle: #9eeaf9;
 --bs-warning-border-subtle: #ffe69c;
 --bs-danger-border-subtle: #f1aeb5;
 --bs-light-border-subtle: #e9ecef;
 --bs-dark-border-subtle: #adb5bd;
 --bs-white-rgb: 255, 255, 255;
 --bs-black-rgb: 0, 0, 0;
 --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
 --bs-body-font-family: var(--bs-font-sans-serif);
 --bs-body-font-size: 1rem;
 --bs-body-font-weight: 400;
 --bs-body-line-height: 1.5;
 --bs-body-color: #212529;
 --bs-body-color-rgb: 33, 37, 41;
 --bs-body-bg: #fff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-emphasis-color: #000;
 --bs-emphasis-color-rgb: 0, 0, 0;
 --bs-secondary-color: rgba(33, 37, 41, 0.75);
 --bs-secondary-color-rgb: 33, 37, 41;
 --bs-secondary-bg: #e9ecef;
 --bs-secondary-bg-rgb: 233, 236, 239;
 --bs-tertiary-color: rgba(33, 37, 41, 0.5);
 --bs-tertiary-color-rgb: 33, 37, 41;
 --bs-tertiary-bg: #f8f9fa;
 --bs-tertiary-bg-rgb: 248, 249, 250;
 --bs-heading-color: inherit;
 --bs-link-color: #0d6efd;
 --bs-link-color-rgb: 13, 110, 253;
 --bs-link-decoration: underline;
 --bs-link-hover-color: #0a58ca;
 --bs-link-hover-color-rgb: 10, 88, 202;
 --bs-code-color: #d63384;
 --bs-highlight-bg: #fff3cd;
 --bs-border-width: 1px;
 --bs-border-style: solid;
 --bs-border-color: #dee2e6;
 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
 --bs-border-radius: 0.375rem;
 --bs-border-radius-sm: 0.25rem;
 --bs-border-radius-lg: 0.5rem;
 --bs-border-radius-xl: 1rem;
 --bs-border-radius-xxl: 2rem;
 --bs-border-radius-2xl: var(--bs-border-radius-xxl);
 --bs-border-radius-pill: 50rem;
 --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
 --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
 --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
 --bs-focus-ring-width: 0.25rem;
 --bs-focus-ring-opacity: 0.25;
 --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
 --bs-form-valid-color: #198754;
 --bs-form-valid-border-color: #198754;
 --bs-form-invalid-color: #dc3545;
 --bs-form-invalid-border-color: #dc3545;
 }
 [data-bs-theme=dark] {
 color-scheme: dark;
 --bs-body-color: #dee2e6;
 --bs-body-color-rgb: 222, 226, 230;
 --bs-body-bg: #212529;
 --bs-body-bg-rgb: 33, 37, 41;
 --bs-emphasis-color: #fff;
 --bs-emphasis-color-rgb: 255, 255, 255;
 --bs-secondary-color: rgba(222, 226, 230, 0.75);
 --bs-secondary-color-rgb: 222, 226, 230;
 --bs-secondary-bg: #343a40;
 --bs-secondary-bg-rgb: 52, 58, 64;
 --bs-tertiary-color: rgba(222, 226, 230, 0.5);
 --bs-tertiary-color-rgb: 222, 226, 230;
 --bs-tertiary-bg: #2b3035;
 --bs-tertiary-bg-rgb: 43, 48, 53;
 --bs-primary-text-emphasis: #6ea8fe;
 --bs-secondary-text-emphasis: #a7acb1;
 --bs-success-text-emphasis: #75b798;
 --bs-info-text-emphasis: #6edff6;
 --bs-warning-text-emphasis: #ffda6a;
 --bs-danger-text-emphasis: #ea868f;
 --bs-light-text-emphasis: #f8f9fa;
 --bs-dark-text-emphasis: #dee2e6;
 --bs-primary-bg-subtle: #031633;
 --bs-secondary-bg-subtle: #161719;
 --bs-success-bg-subtle: #051b11;
 --bs-info-bg-subtle: #032830;
 --bs-warning-bg-subtle: #332701;
 --bs-danger-bg-subtle: #2c0b0e;
 --bs-light-bg-subtle: #343a40;
 --bs-dark-bg-subtle: #1a1d20;
 --bs-primary-border-subtle: #084298;
 --bs-secondary-border-subtle: #41464b;
 --bs-success-border-subtle: #0f5132;
 --bs-info-border-subtle: #087990;
 --bs-warning-border-subtle: #997404;
 --bs-danger-border-subtle: #842029;
 --bs-light-border-subtle: #495057;
 --bs-dark-border-subtle: #343a40;
 --bs-heading-color: inherit;
 --bs-link-color: #6ea8fe;
 --bs-link-hover-color: #8bb9fe;
 --bs-link-color-rgb: 110, 168, 254;
 --bs-link-hover-color-rgb: 139, 185, 254;
 --bs-code-color: #e685b5;
 --bs-border-color: #495057;
 --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
 --bs-form-valid-color: #75b798;
 --bs-form-valid-border-color: #75b798;
 --bs-form-invalid-color: #ea868f;
 --bs-form-invalid-border-color: #ea868f;
 }
 */
/* the utilities from bootstrap */
/** in mixins */
/*** FUTKARLI ****/
/* 
 VIZIBILITY CLASSES, EASIER|INTUITIVE (old bootstrap)
 INSTEAD OF .d-*
 https://getbootstrap.com/docs/4.3/utilities/display/
 MIXIN USED
 */
.hidden-xs-up {
  display: none !important; }

@media (max-width: 575.98px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767.98px) {
  .hidden-sm-down, .noMob, .onlyTab {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up, .showMob, .onlyMob {
    display: none !important; } }

@media (max-width: 991.98px) {
  .hidden-md-down, .noTab, .onlyDesk {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up, .showTab, .onlyTab {
    display: none !important; } }

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }
/* my utilities  */
/* from summernote */
/* mixins */
/* @end summernote */
.animate-none {
  animation: none !important; }

.isOK {
  border: 1px solid #596659; }

.isMissing {
  border: 1px solid #700000; }
/*
 Animate Reveal
 */
.animate-pulse, fieldset.state-error .control, [data-control=file] .master.loading {
  -webkit-animation: __utilPulse 2s infinite;
  animation: __utilPulse 2s infinite;
  border-radius: var(--bs-border-radius); }

.animate-pulse-1, fieldset.state-missing .form-control, fieldset.state-missing .master-form-control, fieldset.state-missing fieldset div.master, fieldset fieldset.state-missing div.master, fieldset.state-missing fieldset div.pre, fieldset fieldset.state-missing div.pre, fieldset.state-missing fieldset div.post, fieldset fieldset.state-missing div.post, fieldset.state-focus.state-missing .form-control, fieldset.state-focus.state-missing .master-form-control, fieldset.state-focus.state-missing fieldset div.master, fieldset fieldset.state-focus.state-missing div.master, fieldset.state-focus.state-missing fieldset div.pre, fieldset fieldset.state-focus.state-missing div.pre, fieldset.state-focus.state-missing fieldset div.post, fieldset fieldset.state-focus.state-missing div.post, fieldset[data-required].state-focus.state-missing .form-control, fieldset[data-required].state-focus.state-missing .master-form-control, fieldset[data-required].state-focus.state-missing fieldset div.master, fieldset fieldset[data-required].state-focus.state-missing div.master, fieldset[data-required].state-focus.state-missing fieldset div.pre, fieldset fieldset[data-required].state-focus.state-missing div.pre, fieldset[data-required].state-focus.state-missing fieldset div.post, fieldset fieldset[data-required].state-focus.state-missing div.post, fieldset.state-missing .form-radio i, fieldset.state-focus.state-missing .form-radio i, fieldset[data-required].state-focus.state-missing .form-radio i, fieldset.state-missing .bootstrap-select .dropdown-toggle:focus, fieldset.state-focus.state-missing .bootstrap-select .dropdown-toggle:focus, fieldset[data-required].state-focus.state-missing .bootstrap-select .dropdown-toggle:focus, fieldset.state-missing .bootstrap-select .dropdown-toggle:active, fieldset.state-focus.state-missing .bootstrap-select .dropdown-toggle:active, fieldset[data-required].state-focus.state-missing .bootstrap-select .dropdown-toggle:active, fieldset.state-missing .bootstrap-select .dropdown-toggle:visited, fieldset.state-focus.state-missing .bootstrap-select .dropdown-toggle:visited, fieldset[data-required].state-focus.state-missing .bootstrap-select .dropdown-toggle:visited {
  -webkit-animation: __utilPulse 2s 1;
  animation: __utilPulse 2s 1; }

.animate-pulse-2, .isMissing {
  -webkit-animation: __utilPulse 2s 2;
  animation: __utilPulse 2s 2; }

.animate-pulse-border {
  -webkit-animation: __utilPulseBorder 2s infinite;
  animation: __utilPulseBorder 2s infinite; }

.animate-pulse-border-1, fieldset.state-wrong .form-control, fieldset.state-wrong .master-form-control, fieldset.state-wrong fieldset div.master, fieldset fieldset.state-wrong div.master, fieldset.state-wrong fieldset div.pre, fieldset fieldset.state-wrong div.pre, fieldset.state-wrong fieldset div.post, fieldset fieldset.state-wrong div.post, fieldset.state-focus.state-wrong .form-control, fieldset.state-focus.state-wrong .master-form-control, fieldset.state-focus.state-wrong fieldset div.master, fieldset fieldset.state-focus.state-wrong div.master, fieldset.state-focus.state-wrong fieldset div.pre, fieldset fieldset.state-focus.state-wrong div.pre, fieldset.state-focus.state-wrong fieldset div.post, fieldset fieldset.state-focus.state-wrong div.post, fieldset[data-required=].state-focus.state-wrong .form-control, fieldset[data-required=].state-focus.state-wrong .master-form-control, fieldset[data-required=].state-focus.state-wrong fieldset div.master, fieldset fieldset[data-required=].state-focus.state-wrong div.master, fieldset[data-required=].state-focus.state-wrong fieldset div.pre, fieldset fieldset[data-required=].state-focus.state-wrong div.pre, fieldset[data-required=].state-focus.state-wrong fieldset div.post, fieldset fieldset[data-required=].state-focus.state-wrong div.post, fieldset.state-wrong .form-radio i, fieldset.state-focus.state-wrong .form-radio i, fieldset[data-required=].state-focus.state-wrong .form-radio i, fieldset.state-wrong .bootstrap-select .dropdown-toggle:focus, fieldset.state-focus.state-wrong .bootstrap-select .dropdown-toggle:focus, fieldset[data-required=].state-focus.state-wrong .bootstrap-select .dropdown-toggle:focus, fieldset.state-wrong .bootstrap-select .dropdown-toggle:active, fieldset.state-focus.state-wrong .bootstrap-select .dropdown-toggle:active, fieldset[data-required=].state-focus.state-wrong .bootstrap-select .dropdown-toggle:active, fieldset.state-wrong .bootstrap-select .dropdown-toggle:visited, fieldset.state-focus.state-wrong .bootstrap-select .dropdown-toggle:visited, fieldset[data-required=].state-focus.state-wrong .bootstrap-select .dropdown-toggle:visited {
  -webkit-animation: __utilPulseBorder 2s 1;
  animation: __utilPulseBorder 2s 1; }

.animate-pulse-border-2 {
  -webkit-animation: __utilPulseBorder 2s 2;
  animation: __utilPulseBorder 2s 2; }

.animate-pulse-primary {
  -webkit-animation: __utilPulsePrimary 2s infinite;
  animation: __utilPulsePrimary 2s infinite; }

.animate-pulse-primary-2 {
  -webkit-animation: __utilPulsePrimary 2s 2;
  animation: __utilPulsePrimary 2s 2; }

.animate-pulse-primary-1, fieldset.state-focus .form-control, fieldset.state-focus .master-form-control, fieldset.state-focus fieldset div.master, fieldset fieldset.state-focus div.master, fieldset.state-focus fieldset div.pre, fieldset fieldset.state-focus div.pre, fieldset.state-focus fieldset div.post, fieldset fieldset.state-focus div.post, fieldset[data-required].state-focus .form-control, fieldset[data-required].state-focus .master-form-control, fieldset[data-required].state-focus fieldset div.master, fieldset fieldset[data-required].state-focus div.master, fieldset[data-required].state-focus fieldset div.pre, fieldset fieldset[data-required].state-focus div.pre, fieldset[data-required].state-focus fieldset div.post, fieldset fieldset[data-required].state-focus div.post, fieldset.state-focus .form-radio i, fieldset[data-required].state-focus .form-radio i, fieldset.state-focus .form-checkbox i, fieldset[data-required].state-focus .form-checkbox i, fieldset.state-focus .bootstrap-select .dropdown-toggle:focus, fieldset[data-required].state-focus .bootstrap-select .dropdown-toggle:focus, fieldset.state-focus .bootstrap-select .dropdown-toggle:active, fieldset[data-required].state-focus .bootstrap-select .dropdown-toggle:active, fieldset.state-focus .bootstrap-select .dropdown-toggle:visited, fieldset[data-required].state-focus .bootstrap-select .dropdown-toggle:visited {
  -webkit-animation: __utilPulsePrimary 2s 1;
  animation: __utilPulsePrimary 2s 1; }

.animate-pulse-success {
  -webkit-animation: __utilPulseSuccess 2s infinite;
  animation: __utilPulseSuccess 2s infinite; }

.animate-pulse-success-2 {
  -webkit-animation: __utilPulseSuccess 2s 2;
  animation: __utilPulseSuccess 2s 2; }

.animate-pulse-success-1, .isOK {
  -webkit-animation: __utilPulseSuccess 2s 1;
  animation: __utilPulseSuccess 2s 1; }

.animate-pulse-black {
  -webkit-animation: __utilPulseBlack 2s infinite;
  animation: __utilPulseBlack 2s infinite; }

.animate-pulse-black-2 {
  -webkit-animation: __utilPulseBlack 2s 2;
  animation: __utilPulseBlack 2s 2; }

.animate-pulse-black-1 {
  -webkit-animation: __utilPulseBlack 2s 1;
  animation: __utilPulseBlack 2s 1; }
/*
 Animate Reveal
 */
.animate-reveal-up-item > .reveal-item, .animate-reveal-up {
  transform: translateZ(0);
  transition: all 0.3s cubic-bezier(0.34, 1.61, 0.7, 1); }

.animate-reveal-up-item:hover > .reveal-item, .animate-reveal-up:hover {
  transform: translate3d(0, -50px, 0); }

.animate-reveal-down-item > .reveal-item, .animate-reveal-down {
  transform: translateZ(0);
  transition: all 0.3s cubic-bezier(0.34, 1.61, 0.7, 1); }

.animate-reveal-down-item:hover > .reveal-item, .animate-reveal-down:hover {
  transform: translate3d(0, 50px, 0); }

.animate-fadein {
  -webkit-animation: __utilFadeIn 0.3s ease;
  /* Safari, Chrome and Opera > 12.1 */
  animation: __utilFadeIn 0.3s ease;
  animation-duration: 0.5s;
  animation-fill-mode: both; }

.animate-fadein__slow {
  -webkit-animation: __utilFadeInSlow 2s ease;
  /* Safari, Chrome and Opera > 12.1 */
  animation: __utilFadeInSlow 2s ease;
  animation-delay: 0.5s;
  animation-duration: 4s;
  animation-fill-mode: both; }

.animate-bouncein {
  animation: __utilBounceIn 0.25s ease-out forwards; }

.animate-bounceinup {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: __utilBounceInUp;
  animation-name: __utilBounceInUp; }

.animate-shine:after {
  animation: __utilShine 6s infinite ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  content: "";
  position: absolute;
  top: -10%;
  left: 0%;
  width: 120%;
  height: 120%;
  opacity: 0;
  z-index: 0;
  border-radius: 50%;
  transform: rotate(40deg);
  background: rgba(248, 249, 250, 0.3);
  background: linear-gradient(to right, rgba(248, 249, 250, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(248, 249, 250, 0) 100%); }
/*
 Smooth Zoom
 https://w3bits.com/labs/css-image-hover-zoom/
 .img-hover-zoom {
 background: #222f3e;
 height: 300px;
 overflow: hidden;
 border-radius: .5em;
 border: 5px solid rgba(255, 255, 255, .05);
 }
 .img-hover-zoom--empty {
 background-color: rgba(255, 255, 255, .1);
 border-width: 0;
 }
 .img-hover-zoom:not(.img-hover-zoom--empty):hover {
 filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
 }
 .img-hover-zoom--basic img {
 transition: transform .5s ease;
 }
 .img-hover-zoom--basic:hover img {
 transform: scale(1.5);
 }
 .img-hover-zoom--quick-zoom img {
 transform-origin: 0 0;
 transition: transform .25s, visibility .25s ease-in;
 }
 .img-hover-zoom--quick-zoom:hover img {
 transform: scale(2);
 }
 .img-hover-zoom--point-zoom img {
 transform-origin: 65% 75%;
 transition: transform 1s, filter .5s ease-out;
 }
 .img-hover-zoom--point-zoom:hover img {
 transform: scale(5);
 }
 .img-hover-zoom--zoom-n-rotate img {
 transition: transform .5s ease-in-out;
 }
 .img-hover-zoom--zoom-n-rotate:hover img {
 transform: scale(2) rotate(25deg);
 }
 .img-hover-zoom--slowmo img {
 transform-origin: 50% 65%;
 transition: transform 5s, filter 3s ease-in-out;
 filter: brightness(150%);
 }
 .img-hover-zoom--slowmo:hover img {
 filter: brightness(100%);
 transform: scale(3);
 }
 .img-hover-zoom--brightness img {
 transition: transform 2s, filter 1.5s ease-in-out;
 transform-origin: center center;
 filter: brightness(50%);
 }
 .img-hover-zoom--brightness:hover img {
 filter: brightness(100%);
 transform: scale(1.3);
 }
 .img-hover-zoom--zoom-n-pan-h img {
 transition: transform .5s ease-in-out;
 transform: scale(1.4);
 transform-origin: 100% 0;
 }
 .img-hover-zoom--zoom-n-pan-h:hover img {
 transform: scale(1.5) translateX(30%);
 }
 .img-hover-zoom--zoom-n-pan-v img {
 transition: transform .5s ease-in-out;
 transform: scale(1.4);
 transform-origin: 0 0;
 }
 .img-hover-zoom--zoom-n-pan-v:hover img {
 transform: scale(1.25) translateY(-30%);
 }
 .img-hover-zoom--blur img {
 transition: transform 1s, filter 2s ease-in-out;
 filter: blur(2px);
 transform: scale(1.2);
 }
 .img-hover-zoom--blur:hover img {
 filter: blur(0);
 transform: scale(1);
 }
 .img-hover-zoom--colorize img {
 transition: transform .5s, filter 1.5s ease-in-out;
 filter: grayscale(100%);
 }
 .img-hover-zoom--colorize:hover img {
 filter: grayscale(0);
 transform: scale(1.1);
 }
 */
/* spinning icons */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
/* Start: pulse */
@-webkit-keyframes __utilPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(112, 0, 0, 0.8); }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(112, 0, 0, 0); }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(112, 0, 0, 0); } }

@keyframes __utilPulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(112, 0, 0, 0.8);
    box-shadow: 0 0 0 0 rgba(112, 0, 0, 0.8); }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(112, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(112, 0, 0, 0); }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(112, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(112, 0, 0, 0); } }

@-webkit-keyframes __utilPulseBorder {
  0% {
    -webkit-box-shadow: 0 0 0 0 fade(#dee2e6, 0.8); }

  70% {
    -webkit-box-shadow: 0 0 0 10px fade(#dee2e6, 0); }

  100% {
    -webkit-box-shadow: 0 0 0 0 fade(#dee2e6, 0); } }

@keyframes __utilPulseBorder {
  0% {
    -moz-box-shadow: 0 0 0 0 fade(#dee2e6, 0.8);
    box-shadow: 0 0 0 0 fade(#dee2e6, 0.8); }

  70% {
    -moz-box-shadow: 0 0 0 10px fade(#dee2e6, 0);
    box-shadow: 0 0 0 10px fade(#dee2e6, 0); }

  100% {
    -moz-box-shadow: 0 0 0 0 fade(#dee2e6, 0);
    box-shadow: 0 0 0 0 fade(#dee2e6, 0); } }

@-webkit-keyframes __utilPulsePrimary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(29, 55, 89, 0.8); }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(29, 55, 89, 0); }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(29, 55, 89, 0); } }

@keyframes __utilPulsePrimary {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(29, 55, 89, 0.8);
    box-shadow: 0 0 0 0 rgba(29, 55, 89, 0.8); }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(29, 55, 89, 0);
    box-shadow: 0 0 0 10px rgba(29, 55, 89, 0); }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(29, 55, 89, 0);
    box-shadow: 0 0 0 0 rgba(29, 55, 89, 0); } }

@-webkit-keyframes __utilPulseSuccess {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(89, 102, 89, 0.8); }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(89, 102, 89, 0); }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(89, 102, 89, 0); } }

@keyframes __utilPulseSuccess {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(89, 102, 89, 0.8);
    box-shadow: 0 0 0 0 rgba(89, 102, 89, 0.8); }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(89, 102, 89, 0);
    box-shadow: 0 0 0 10px rgba(89, 102, 89, 0); }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(89, 102, 89, 0);
    box-shadow: 0 0 0 0 rgba(89, 102, 89, 0); } }

@-webkit-keyframes __utilPulseBlack {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8); }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@keyframes __utilPulseBlack {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8); }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }
/* End: pulse */
/* .animate-fadein */
@-webkit-keyframes __utilFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes __utilFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes __utilFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes __utilFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
/* .animate-fadein__slow */
@-webkit-keyframes __utilFadeInSlow {
  0% {
    opacity: 0; }

  25% {
    opacity: 0.3; }

  50% {
    opacity: 0.7; }

  100% {
    opacity: 1; } }

@keyframes __utilFadeInSlow {
  0% {
    opacity: 0; }

  25% {
    opacity: 0.3; }

  50% {
    opacity: 0.7; }

  100% {
    opacity: 1; } }
/* .animate-bouncein */
@keyframes __utilBounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0; }

  60% {
    transform: scale(1.2);
    opacity: 1; }

  100% {
    transform: scale(1); } }

@-webkit-keyframes __utilBounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(600px); }

  25% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }

  50% {
    -webkit-transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0); } }

@keyframes __utilBounceInUp {
  0% {
    opacity: 0;
    transform: translateY(600px); }

  25% {
    opacity: 1;
    transform: translateY(-30px); }

  50% {
    transform: translateY(10px); }

  100% {
    transform: translateY(0); } }

@keyframes __utilShine {
  1% {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.1s; }

  25% {
    opacity: 0.1;
    transform: rotate(180deg);
    transition-duration: 0.1s; }

  50% {
    opacity: 1;
    transform: rotate(-90deg);
    transition-duration: 0.1s; }

  75% {
    opacity: 0.1;
    transform: rotate(30deg);
    transition-duration: 0.1s; }

  100% {
    opacity: 0;
    transform: rotate(180deg);
    transition-duration: 0.1s; } }

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1); }

  to {
    opacity: 0;
    transform: scale3d(2.5, 2.5, 1); } }

@keyframes rippleOut {
  from {
    outline-color: rgba(var(--bs-color-main-rgb), 0);
    outline-width: 1px; }

  to {
    outline-color: rgba(var(--bs-color-main-rgb), 0.6);
    outline-width: 10px; } }

@keyframes rippleOutline {
  from {
    outline-color: rgba(var(--bs-color-main-rgb), 1);
    outline-width: 0px; }

  to {
    outline-color: rgba(var(--bs-color-main-rgb), 0);
    outline-width: 16px; } }

@keyframes rippleOutlineBig {
  0% {
    outline-color: rgba(var(--bs-color-main-rgb), 1);
    outline-width: 0px; }

  100% {
    outline-color: rgba(var(--bs-color-main-rgb), 0);
    outline-width: 32px; } }

@keyframes rippleOutOpac {
  from {
    outline-width: 0px;
    opacity: 1; }

  to {
    outline-width: 11px;
    opacity: 0.4; } }

@keyframes ripple-mo {
  0% {
    transform: scale(0);
    opacity: 1; }

  100% {
    transform: scale(10);
    opacity: 0; } }

@keyframes ripple-mo2 {
  0% {
    transform: scale(0);
    opacity: 1; }

  100% {
    transform: scale(1.15);
    opacity: 0; } }
/* calculating area */
/* (1) scrollbar */
::-webkit-scrollbar-track {
  -moz-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -webkit-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -ms-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -o-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -moz-border-radius: 1rem !important;
  -webkit-border-radius: 1rem !important;
  -ms-border-radius: 1rem !important;
  -o-border-radius: 1rem !important;
  border-radius: 1rem !important;
  background-color: var(--scrollbar-back); }

::-webkit-scrollbar {
  width: 2px;
  background-color: var(--scrollbar-track);
  scrollbar-width: var(--scrollbar-width) !important; }

::-webkit-scrollbar-thumb {
  -moz-border-radius: 1rem !important;
  -webkit-border-radius: 1rem !important;
  -ms-border-radius: 1rem !important;
  -o-border-radius: 1rem !important;
  border-radius: 1rem !important;
  -moz-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -webkit-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -ms-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  -o-box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  box-shadow: inset 0 0 6px var(--scrollbar-track) !important;
  background-color: var(--scrollbar-back); }
/* ?????? */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5; }

::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555; }
/* autofill */
.form-control:-webkit-autofill, .master-form-control:-webkit-autofill, fieldset div.master:-webkit-autofill, fieldset div.pre:-webkit-autofill, fieldset div.post:-webkit-autofill, .form-control:-webkit-autofill:hover, .master-form-control:-webkit-autofill:hover, fieldset div.master:-webkit-autofill:hover, fieldset div.pre:-webkit-autofill:hover, fieldset div.post:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .master-form-control:-webkit-autofill:focus, fieldset div.master:-webkit-autofill:focus, fieldset div.pre:-webkit-autofill:focus, fieldset div.post:-webkit-autofill:focus, .form-control:-webkit-autofill:active, .master-form-control:-webkit-autofill:active, fieldset div.master:-webkit-autofill:active, fieldset div.pre:-webkit-autofill:active, fieldset div.post:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 300px transparent inset !important; }
/*Change text in autofill textbox*/
.form-control:-webkit-autofill, .master-form-control:-webkit-autofill, fieldset div.master:-webkit-autofill, fieldset div.pre:-webkit-autofill, fieldset div.post:-webkit-autofill {
  -webkit-text-fill-color: black !important; }

.form-control:-webkit-autofill, .master-form-control:-webkit-autofill, fieldset div.master:-webkit-autofill, fieldset div.pre:-webkit-autofill, fieldset div.post:-webkit-autofill, .form-control:-webkit-autofill:hover, .master-form-control:-webkit-autofill:hover, fieldset div.master:-webkit-autofill:hover, fieldset div.pre:-webkit-autofill:hover, fieldset div.post:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .master-form-control:-webkit-autofill:focus, fieldset div.master:-webkit-autofill:focus, fieldset div.pre:-webkit-autofill:focus, fieldset div.post:-webkit-autofill:focus, .form-control:-webkit-autofill:active, .master-form-control:-webkit-autofill:active, fieldset div.master:-webkit-autofill:active, fieldset div.pre:-webkit-autofill:active, fieldset div.post:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s; }

.fine {
  font-weight: 100 !important;
  color: #ccc !important;
  font-size: 0.8em !important; }

.cell-white {
  background: var(--bs-color-main-contrast) !important;
  color: var(--bs-color-main) !important; }

.cell-success {
  background: var(--bs-color-success) !important;
  color: var(--bs-color-success-contrast) !important; }

.cell-primary {
  background: var(--bs-color-primary) !important;
  color: var(--bs-color-primary-contrast) !important; }

.cell-danger {
  background: var(--bs-color-danger) !important;
  color: var(--bs-color-danger-contrast) !important; }

.row-success {
  background: var(--bs-color-success) !important; }
  .row-success > div {
    color: var(--bs-color-success-contrast) !important; }

.row-primary {
  background: var(--bs-color-primary) !important; }
  .row-primary > div {
    color: var(--bs-color-primary-contrast) !important; }

.row-danger {
  background: var(--bs-color-danger) !important; }
  .row-danger > div {
    color: var(--bs-color-danger-contrast) !important; }

.text-upper {
  text-transform: uppercase; }

.hide {
  display: none; }

.hideFix {
  display: none !important; }

.show {
  display: block; }

.showFix {
  display: block !important; }

.nowrap, .flexCell div.auto {
  white-space: nowrap !important; }

.truncate, #result_wolfpanes div[data-table] > div[data-row] > div, .text-truncate, #wrapper-main > header #textTop .breadcrumbs, .flexCell div.auto, .flexCell div.auto > *, .formList dt, .typo-label, fieldset[data-control=text] label, fieldset[data-control=daterange] label, [data-control=file] label[for], fieldset[data-control=checkradio][data-type=button] div.label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

a, [onclick], [href] {
  cursor: pointer !important;
  text-decoration: none !important; }
/***** TRANSITIONS *****/
.trans-fast, aside a.nav-link, aside a.nav-link:hover {
  -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }

.trans, .headBar .bi, #wrapper #wrapper-main #middle section > header .bi, .contentBox header span .bi, .offcanvas header .bi, .headBar .fi, #wrapper #wrapper-main #middle section > header .fi, .contentBox header span .fi, .offcanvas header .fi, .headBar .bi:hover, #wrapper #wrapper-main #middle section > header .bi:hover, .contentBox header span .bi:hover, .offcanvas header .bi:hover, .headBar .fi:hover, #wrapper #wrapper-main #middle section > header .fi:hover, .contentBox header span .fi:hover, .offcanvas header .fi:hover, html.is_mobile #wrapper, html.is_mobile body.leftbar-open #wrapper, body:not('.modal-open') #wrapper, body.modal-open #wrapper {
  -moz-transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
  -ms-transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715); }

.trans-slow {
  -moz-transition: all 0.9s cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: all 0.9s cubic-bezier(0.47, 0, 0.745, 0.715);
  -ms-transition: all 0.9s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: all 0.9s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.9s cubic-bezier(0.47, 0, 0.745, 0.715); }

.navTrans, html.is_mobile header > .header-regular, html.is_mobile header > .header-thin, html.is_mobile aside#aside-left {
  -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }
/* text-shadows */
.text-shadow-1 {
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8); }

.text-shadow {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); }
/* box-shadow */
.box-shadow, .formList .notice, .brief_list section .toprow {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; }
/* flex & stack */
.flex-col, body.is_login > main #loginScreen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.hstack, #wrapper-main > header, #wrapper-main > footer, #wrapper #wrapper-main #middle .teacherRow, #wrapper #wrapper-main #middle > div.coverBox, .hstackRow, .kennzahl_list div.initial, .kennzahl_list div.info-head, .switch-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch; }

.vstack, #wrapper #wrapper-main #middle > div.coverBox section {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch; }

.w-row {
  display: flex;
  flex-direction: row; }

.w-col {
  display: flex;
  flex-direction: column; }

.w-rest {
  flex-grow: 1; }
/* window-sizing */
.screensize, #wrapper {
  width: 100vW !important;
  height: 100vH !important;
  min-width: 100vW !important;
  min-height: 100vH !important;
  max-width: 100vW !important;
  max-height: 100vH !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; }

.screenheight, #wrapper #wrapper-main {
  height: 100vH !important;
  min-height: 100vH !important;
  max-height: 100vH !important; }

.screenwidth {
  width: 100vW !important;
  min-width: 100vW !important;
  max-width: 100vW !important; }

.nope, #wrapper, #wrapper #wrapper-main {
  padding: 0;
  margin: 0; }

.ww-100 {
  width: 100% !important; }

.navTrans, html.is_mobile header > .header-regular, html.is_mobile header > .header-thin, html.is_mobile aside#aside-left {
  -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }

.header-out, html.is_mobile header > .header-regular, html.is_mobile header > .header-thin {
  display: none !important; }

.sq-1 {
  width: 1rem !important;
  min-width: 1rem !important;
  max-width: 1rem !important;
  height: 1rem !important;
  min-height: 1rem !important;
  max-height: 1rem !important; }

.sq-2 {
  width: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important; }

.sq-3 {
  width: 3rem !important;
  min-width: 3rem !important;
  max-width: 3rem !important;
  height: 3rem !important;
  min-height: 3rem !important;
  max-height: 3rem !important; }

.sq-4 {
  width: 4rem !important;
  min-width: 4rem !important;
  max-width: 4rem !important;
  height: 4rem !important;
  min-height: 4rem !important;
  max-height: 4rem !important; }

.sq-5 {
  width: 5rem !important;
  min-width: 5rem !important;
  max-width: 5rem !important;
  height: 5rem !important;
  min-height: 5rem !important;
  max-height: 5rem !important; }

.sq-6 {
  width: 6rem !important;
  min-width: 6rem !important;
  max-width: 6rem !important;
  height: 6rem !important;
  min-height: 6rem !important;
  max-height: 6rem !important; }

.sq-7 {
  width: 7rem !important;
  min-width: 7rem !important;
  max-width: 7rem !important;
  height: 7rem !important;
  min-height: 7rem !important;
  max-height: 7rem !important; }

.sq-8 {
  width: 8rem !important;
  min-width: 8rem !important;
  max-width: 8rem !important;
  height: 8rem !important;
  min-height: 8rem !important;
  max-height: 8rem !important; }

.sq-9 {
  width: 9rem !important;
  min-width: 9rem !important;
  max-width: 9rem !important;
  height: 9rem !important;
  min-height: 9rem !important;
  max-height: 9rem !important; }

.sq-10 {
  width: 10rem !important;
  min-width: 10rem !important;
  max-width: 10rem !important;
  height: 10rem !important;
  min-height: 10rem !important;
  max-height: 10rem !important; }

.sq-11 {
  width: 11rem !important;
  min-width: 11rem !important;
  max-width: 11rem !important;
  height: 11rem !important;
  min-height: 11rem !important;
  max-height: 11rem !important; }

.sq-12 {
  width: 12rem !important;
  min-width: 12rem !important;
  max-width: 12rem !important;
  height: 12rem !important;
  min-height: 12rem !important;
  max-height: 12rem !important; }

.sq-13 {
  width: 13rem !important;
  min-width: 13rem !important;
  max-width: 13rem !important;
  height: 13rem !important;
  min-height: 13rem !important;
  max-height: 13rem !important; }

.sq-14 {
  width: 14rem !important;
  min-width: 14rem !important;
  max-width: 14rem !important;
  height: 14rem !important;
  min-height: 14rem !important;
  max-height: 14rem !important; }

.sq-15 {
  width: 15rem !important;
  min-width: 15rem !important;
  max-width: 15rem !important;
  height: 15rem !important;
  min-height: 15rem !important;
  max-height: 15rem !important; }
/* templates for other elements */
.headBar, #wrapper #wrapper-main #middle section > header, .contentBox header span, .offcanvas header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: var(--bs-deco-font-face);
  color: var(--bs-main-contrast);
  margin: 0;
  padding: 1rem;
  min-height: 3rem;
  -moz-border-top-left-radius: 0.3rem !important;
  -webkit-border-top-left-radius: 0.3rem !important;
  -ms-border-top-left-radius: 0.3rem !important;
  -o-border-top-left-radius: 0.3rem !important;
  border-top-left-radius: 0.3rem !important;
  -moz-border-top-right-radius: 0.3rem !important;
  -webkit-border-top-right-radius: 0.3rem !important;
  -ms-border-top-right-radius: 0.3rem !important;
  -o-border-top-right-radius: 0.3rem !important;
  border-top-right-radius: 0.3rem !important; }
  .headBar span, #wrapper #wrapper-main #middle section > header span, .contentBox header span span, .offcanvas header span, .headBar div, #wrapper #wrapper-main #middle section > header div, .contentBox header span div, .offcanvas header div, .headBar small, #wrapper #wrapper-main #middle section > header small, .contentBox header span small, .offcanvas header small {
    color: inherit;
    font-size: var(--bs-head-font-size);
    line-height: 1em;
    font-family: var(--bs-deco-font-face);
    font-weight: 800;
    text-transform: uppercase; }
  .headBar span:not(.bi), #wrapper #wrapper-main #middle section > header span:not(.bi), .contentBox header span span:not(.bi), .offcanvas header span:not(.bi) {
    /* class_main */
    padding: 0 10px 5px 10px; }
  .headBar small, #wrapper #wrapper-main #middle section > header small, .contentBox header span small, .offcanvas header small {
    font-size: calc(var(--bs-head-font-size) - 6px);
    font-family: var(--bs-head-font-face);
    margin-top: 1em;
    font-weight: 200;
    text-transform: none; }
  .headBar .bi, #wrapper #wrapper-main #middle section > header .bi, .contentBox header span .bi, .offcanvas header .bi, .headBar .fi, #wrapper #wrapper-main #middle section > header .fi, .contentBox header span .fi, .offcanvas header .fi {
    color: var(--bs-color-main) !important;
    cursor: pointer !important; }
    .headBar .bi:hover, #wrapper #wrapper-main #middle section > header .bi:hover, .contentBox header span .bi:hover, .offcanvas header .bi:hover, .headBar .fi:hover, #wrapper #wrapper-main #middle section > header .fi:hover, .contentBox header span .fi:hover, .offcanvas header .fi:hover {
      color: var(--bs-color-main-hover) !important; }
  .headBar div.admin, #wrapper #wrapper-main #middle section > header div.admin, .contentBox header span div.admin, .offcanvas header div.admin {
    position: absolute !important;
    right: 1rem;
    top: 0rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }

.footerBar, #wrapper #wrapper-main #middle section > footer {
  border-bottom-left-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
  padding: 0 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  width: 100%;
  background: var(--bs-color-callout);
  border-top: 1px solid #bbb; }
/* headbar, footerbar */
.fit, body.is_login .brandcontainer img {
  max-width: 100% !important;
  max-height: 100% !important; }

.bg-cover, [data-control=file] .master, [data-control=file] .master .control {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important; }

.imageFitter {
  /* set width and height & line-height = width */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center !important; }
  .imageFitter img {
    max-width: 100% !important;
    max-height: 100% !important; }
/* runder Button - Nummern 2 Stellen */
.circ {
  background: transparent;
  width: 2.5rem;
  height: 2.5rem;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  border: 1px solid black;
  display: flex;
  justify-content: cenetr;
  align-items: cenetr; }

.w-avatar {
  width: 100px;
  height: 100px;
  margin: 0.75rem 0 1.5rem 0;
  font-size: 60px;
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  -moz-border: 5px solid #fff;
  -webkit-border: 5px solid #fff;
  -ms-border: 5px solid #fff;
  -o-border: 5px solid #fff;
  border: 5px solid #fff;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0; }
  .w-avatar.sm {
    width: 50px;
    height: 50px;
    margin: 0.75rem 0 1.5rem 0;
    font-size: 30px; }

[class^=avatar] {
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  -moz-border: 2px solid #fff;
  -webkit-border: 2px solid #fff;
  -ms-border: 2px solid #fff;
  -o-border: 2px solid #fff;
  border: 2px solid #fff;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0; }
  [class^=avatar].avatar_60 {
    width: 60px;
    height: 60px;
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    min-height: 60px; }
  [class^=avatar].avatar_50 {
    width: 50px;
    height: 50px;
    max-width: 50px;
    min-width: 50px;
    max-height: 50px;
    min-height: 50px; }
  [class^=avatar].avatar_40 {
    width: 40px;
    height: 40px;
    max-width: 40px;
    min-width: 40px;
    max-height: 40px;
    min-height: 40px; }
/* avatar */
.hoverBG, fieldset:hover[data-control=text] input, fieldset:hover [data-control=daterange] input, fieldset:hover[data-control=select] .control, fieldset:hover[data-control=textarea] textarea, fieldset:hover[data-control=checkradio] input + span {
  background-color: #fafafa !important;
  border-color: #444 !important; }

.triangle, fieldset:hover[data-control=checkradio] input + span:before {
  content: '';
  z-index: 1000;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #1d3759 transparent transparent; }

fieldset:hover[data-control=checkradio] input + span:before {
  top: -1px !important;
  right: -1px !important; }
  fieldset:hover[data-control=checkradio] input:checked + span {
    background: #343a40 !important; }

fieldset[data-control=select] .control {
  border-color: var(--bs-border-color);
  border-radius: var(--bs-border-radius); }
  fieldset.state-focus[data-control=select] .control, fieldset[data-required].state-focus[data-control=select] .control {
    border-color: #369;
    border-radius: var(--bs-border-radius); }
  fieldset.state-focus .control:after, fieldset[data-required].state-focus .control:after {
    border-top-color: #369; }
  fieldset.state-focus .form-control, fieldset.state-focus .master-form-control, fieldset.state-focus fieldset div.master, fieldset fieldset.state-focus div.master, fieldset.state-focus fieldset div.pre, fieldset fieldset.state-focus div.pre, fieldset.state-focus fieldset div.post, fieldset fieldset.state-focus div.post, fieldset[data-required].state-focus .form-control, fieldset[data-required].state-focus .master-form-control, fieldset[data-required].state-focus fieldset div.master, fieldset fieldset[data-required].state-focus div.master, fieldset[data-required].state-focus fieldset div.pre, fieldset fieldset[data-required].state-focus div.pre, fieldset[data-required].state-focus fieldset div.post, fieldset fieldset[data-required].state-focus div.post, fieldset.state-focus .form-radio i, fieldset[data-required].state-focus .form-radio i, fieldset.state-focus .form-checkbox i, fieldset[data-required].state-focus .form-checkbox i, fieldset.state-focus .bootstrap-select .dropdown-toggle:focus, fieldset[data-required].state-focus .bootstrap-select .dropdown-toggle:focus, fieldset.state-focus .bootstrap-select .dropdown-toggle:active, fieldset[data-required].state-focus .bootstrap-select .dropdown-toggle:active, fieldset.state-focus .bootstrap-select .dropdown-toggle:visited, fieldset[data-required].state-focus .bootstrap-select .dropdown-toggle:visited {
    border-color: #369; }
  fieldset.state-missing, fieldset.state-focus.state-missing, fieldset[data-required].state-focus.state-missing {
    background-color: fade(#4d0000, 0.2); }
  fieldset.state-missing .control:after, fieldset.state-focus.state-missing .control:after, fieldset[data-required].state-focus.state-missing .control:after {
    border-top-color: #4d0000; }
  fieldset.state-missing .form-control, fieldset.state-missing .master-form-control, fieldset.state-missing fieldset div.master, fieldset fieldset.state-missing div.master, fieldset.state-missing fieldset div.pre, fieldset fieldset.state-missing div.pre, fieldset.state-missing fieldset div.post, fieldset fieldset.state-missing div.post, fieldset.state-focus.state-missing .form-control, fieldset.state-focus.state-missing .master-form-control, fieldset.state-focus.state-missing fieldset div.master, fieldset fieldset.state-focus.state-missing div.master, fieldset.state-focus.state-missing fieldset div.pre, fieldset fieldset.state-focus.state-missing div.pre, fieldset.state-focus.state-missing fieldset div.post, fieldset fieldset.state-focus.state-missing div.post, fieldset[data-required].state-focus.state-missing .form-control, fieldset[data-required].state-focus.state-missing .master-form-control, fieldset[data-required].state-focus.state-missing fieldset div.master, fieldset fieldset[data-required].state-focus.state-missing div.master, fieldset[data-required].state-focus.state-missing fieldset div.pre, fieldset fieldset[data-required].state-focus.state-missing div.pre, fieldset[data-required].state-focus.state-missing fieldset div.post, fieldset fieldset[data-required].state-focus.state-missing div.post, fieldset.state-missing .form-radio i, fieldset.state-focus.state-missing .form-radio i, fieldset[data-required].state-focus.state-missing .form-radio i, fieldset.state-missing .bootstrap-select .dropdown-toggle:focus, fieldset.state-focus.state-missing .bootstrap-select .dropdown-toggle:focus, fieldset[data-required].state-focus.state-missing .bootstrap-select .dropdown-toggle:focus, fieldset.state-missing .bootstrap-select .dropdown-toggle:active, fieldset.state-focus.state-missing .bootstrap-select .dropdown-toggle:active, fieldset[data-required].state-focus.state-missing .bootstrap-select .dropdown-toggle:active, fieldset.state-missing .bootstrap-select .dropdown-toggle:visited, fieldset.state-focus.state-missing .bootstrap-select .dropdown-toggle:visited, fieldset[data-required].state-focus.state-missing .bootstrap-select .dropdown-toggle:visited {
    border-color: #4d0000;
    border-radius: var(--bs-border-radius); }
  fieldset.state-wrong, fieldset.state-focus.state-wrong, fieldset[data-required=].state-focus.state-wrong {
    background-color: fade(#dee2e6, 0.2); }
  fieldset.state-wrong .control:after, fieldset.state-focus.state-wrong .control:after, fieldset[data-required=].state-focus.state-wrong .control:after {
    border-top-color: #dee2e6; }
  fieldset.state-wrong .form-control, fieldset.state-wrong .master-form-control, fieldset.state-wrong fieldset div.master, fieldset fieldset.state-wrong div.master, fieldset.state-wrong fieldset div.pre, fieldset fieldset.state-wrong div.pre, fieldset.state-wrong fieldset div.post, fieldset fieldset.state-wrong div.post, fieldset.state-focus.state-wrong .form-control, fieldset.state-focus.state-wrong .master-form-control, fieldset.state-focus.state-wrong fieldset div.master, fieldset fieldset.state-focus.state-wrong div.master, fieldset.state-focus.state-wrong fieldset div.pre, fieldset fieldset.state-focus.state-wrong div.pre, fieldset.state-focus.state-wrong fieldset div.post, fieldset fieldset.state-focus.state-wrong div.post, fieldset[data-required=].state-focus.state-wrong .form-control, fieldset[data-required=].state-focus.state-wrong .master-form-control, fieldset[data-required=].state-focus.state-wrong fieldset div.master, fieldset fieldset[data-required=].state-focus.state-wrong div.master, fieldset[data-required=].state-focus.state-wrong fieldset div.pre, fieldset fieldset[data-required=].state-focus.state-wrong div.pre, fieldset[data-required=].state-focus.state-wrong fieldset div.post, fieldset fieldset[data-required=].state-focus.state-wrong div.post, fieldset.state-wrong .form-radio i, fieldset.state-focus.state-wrong .form-radio i, fieldset[data-required=].state-focus.state-wrong .form-radio i, fieldset.state-wrong .bootstrap-select .dropdown-toggle:focus, fieldset.state-focus.state-wrong .bootstrap-select .dropdown-toggle:focus, fieldset[data-required=].state-focus.state-wrong .bootstrap-select .dropdown-toggle:focus, fieldset.state-wrong .bootstrap-select .dropdown-toggle:active, fieldset.state-focus.state-wrong .bootstrap-select .dropdown-toggle:active, fieldset[data-required=].state-focus.state-wrong .bootstrap-select .dropdown-toggle:active, fieldset.state-wrong .bootstrap-select .dropdown-toggle:visited, fieldset.state-focus.state-wrong .bootstrap-select .dropdown-toggle:visited, fieldset[data-required=].state-focus.state-wrong .bootstrap-select .dropdown-toggle:visited {
    border-color: #dee2e6;
    border-radius: var(--bs-border-radius); }
  fieldset.state-prooved {
    opacity: 0.35; }
  fieldset.state-prooved:hover {
    opacity: 1 !important; }

fieldset.state-focus[data-control=checkradio][data-style=blocked] input + label:before, fieldset.state-focus[data-control=checkradio][data-style=regular] input + label:before {
  animation: ripple 0.5s linear forwards !important; }
  fieldset.state-focus[data-control=checkradio][data-style=button] input + span {
    animation: ripple 0.5s linear forwards !important; }
    fieldset.state-focus[data-control=checkradio][data-style=button] label {
      animation: ripple 0.5s linear forwards !important; }

fieldset.state-error .control {
  border-color: red !important;
  border-width: 3px !important;
  border-radius: var(-bs-border-radius); }
  fieldset.state-error .control .form-control, fieldset.state-error .control .master-form-control, fieldset.state-error .control fieldset div.master, fieldset fieldset.state-error .control div.master, fieldset.state-error .control fieldset div.pre, fieldset fieldset.state-error .control div.pre, fieldset.state-error .control fieldset div.post, fieldset fieldset.state-error .control div.post {
    boder-color: red !important; }
/*&.state-focus, &.state-focus.is-required {
 $border-color: $border-color-state-focus;
 //background-color:rgba(0,0,0,0.05) !important;
 .form-control,
 .form-radio i, 
 .form-checkbox i, 
 .bootstrap-select .dropdown-toggle:focus, 
 .bootstrap-select .dropdown-toggle:active, 
 .bootstrap-select .dropdown-toggle:visited
 {
 transition: all $focus-timer ease-in-sine;
 @include borders($border-color);
 @include animation(explodeFocus $focus-timer);
 }
 .form-radio > input[type="radio"]:checked + i, .form-checkbox > input[type="radio"]:checked + i  {
 background:white; 
 box-shadow:inset 0 0 0 8px #369;
 border-color:$border-color;
 transition: all $focus-timer ease;
 @include animation(explodeFocus $focus-timer);
 }
 label.form-selector  {
 @include borders($border-color);
 @include focus_transition;
 //@extend .animate-pulse-gray;
 //background:white; 
 box-shadow:inset 0 0 0 8px #369;
 border-color:$border-color;
 transition: all $focus-timer ease;
 @include animation(explodeFocus $focus-timer);
 }
 }  //end state-focus
 &.state-missing, &.state-missing.is-required {
 input, button {
 border-color:$border-color-state-missing !important;
 border-width:1px !important;
 border-style:dotted !important;
 background:rgba(red,0.05);
 }
 } //end state-missing
 &.state-wrong {
 input, button {
 border-color:$border-color-state-wrong !important;
 border-width:1px !important;
 border-style:dotted !important;
 background:rgba($border-color-state-wrong,0.05);
 }
 } //end state-wrong
 &.force-missing {
 input,  label.form-selector {
 border-color:$border-color-state-wrong !important;
 background:rgba($border-color-state-wrong,0.05);
 @extend .animate-pulse;
 }
 }
 */
.btn-primary {
  --bs-btn-color: #eee;
  --bs-btn-bg: #1d3759;
  --bs-btn-border-color: #1d3759;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #3f5572;
  --bs-btn-hover-border-color: #344b6a;
  --bs-btn-focus-shadow-rgb: 3595, 3617, 3646;
  --bs-btn-focus-shadow-rgb: 24.65, 46.75, 75.65;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #4a5f7a;
  --bs-btn-active-border-color: #344b6a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #1d3759;
  --bs-btn-disabled-border-color: #1d3759; }

.btn-secondary {
  --bs-btn-color: #eee;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #828a91;
  --bs-btn-hover-border-color: #7b838a;
  --bs-btn-focus-shadow-rgb: 3662, 3669, 3676;
  --bs-btn-focus-shadow-rgb: 91.8, 99.45, 106.25;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #899197;
  --bs-btn-active-border-color: #7b838a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d; }

.btn-success {
  --bs-btn-color: #eee;
  --bs-btn-bg: #596659;
  --bs-btn-border-color: #596659;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #727d72;
  --bs-btn-hover-border-color: #6a756a;
  --bs-btn-focus-shadow-rgb: 3646, 3657, 3646;
  --bs-btn-focus-shadow-rgb: 75.65, 86.7, 75.65;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #7a857a;
  --bs-btn-active-border-color: #6a756a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #596659;
  --bs-btn-disabled-border-color: #596659; }

.btn-info {
  --bs-btn-color: #eee;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 3581, 3742, 3774;
  --bs-btn-focus-shadow-rgb: 11.05, 171.7, 204;
  --bs-btn-active-color: #111;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0; }

.btn-warning {
  --bs-btn-color: #111;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 472, 419, 261;
  --bs-btn-focus-shadow-rgb: 216.75, 164.05, 5.95;
  --bs-btn-active-color: #111;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #111;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107; }

.btn-danger {
  --bs-btn-color: #eee;
  --bs-btn-bg: #700000;
  --bs-btn-border-color: #700000;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #852626;
  --bs-btn-hover-border-color: #7e1a1a;
  --bs-btn-focus-shadow-rgb: 3665, 3570, 3570;
  --bs-btn-focus-shadow-rgb: 95.2, 0, 0;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #8d3333;
  --bs-btn-active-border-color: #7e1a1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #700000;
  --bs-btn-disabled-border-color: #700000; }

.btn-light {
  --bs-btn-color: #111;
  --bs-btn-bg: gainsboro;
  --bs-btn-border-color: gainsboro;
  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: #bbb;
  --bs-btn-hover-border-color: #b0b0b0;
  --bs-btn-focus-shadow-rgb: 442, 442, 442;
  --bs-btn-focus-shadow-rgb: 187, 187, 187;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #b0b0b0;
  --bs-btn-active-border-color: #a5a5a5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #111;
  --bs-btn-disabled-bg: gainsboro;
  --bs-btn-disabled-border-color: gainsboro; }

.btn-dark {
  --bs-btn-color: #eee;
  --bs-btn-bg: black;
  --bs-btn-border-color: black;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #262626;
  --bs-btn-hover-border-color: #1a1a1a;
  --bs-btn-focus-shadow-rgb: 3570, 3570, 3570;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #1a1a1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: black;
  --bs-btn-disabled-border-color: black; }

.btn-deco {
  --bs-btn-color: #eee;
  --bs-btn-bg: #2e2e38;
  --bs-btn-border-color: #2e2e38;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #4d4d56;
  --bs-btn-hover-border-color: #43434c;
  --bs-btn-focus-shadow-rgb: 3609, 3609, 3618;
  --bs-btn-focus-shadow-rgb: 39.1, 39.1, 47.6;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #585860;
  --bs-btn-active-border-color: #43434c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #2e2e38;
  --bs-btn-disabled-border-color: #2e2e38; }

.btn-table {
  --bs-btn-color: #eee;
  --bs-btn-bg: #51525a;
  --bs-btn-border-color: #51525a;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #6b6c73;
  --bs-btn-hover-border-color: #62636b;
  --bs-btn-focus-shadow-rgb: 3639, 3640, 3647;
  --bs-btn-focus-shadow-rgb: 68.85, 69.7, 76.5;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #74757b;
  --bs-btn-active-border-color: #62636b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #51525a;
  --bs-btn-disabled-border-color: #51525a; }

.btn-outline-primary {
  --bs-btn-color: #1d3759;
  --bs-btn-border-color: #1d3759;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #1d3759;
  --bs-btn-hover-border-color: #1d3759;
  --bs-btn-focus-shadow-rgb: 29, 55, 89;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #1d3759;
  --bs-btn-active-border-color: #1d3759;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1d3759;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1d3759;
  --bs-gradient: none; }

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none; }

.btn-outline-success {
  --bs-btn-color: #596659;
  --bs-btn-border-color: #596659;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #596659;
  --bs-btn-hover-border-color: #596659;
  --bs-btn-focus-shadow-rgb: 89, 102, 89;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #596659;
  --bs-btn-active-border-color: #596659;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #596659;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #596659;
  --bs-gradient: none; }

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none; }

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #111;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none; }

.btn-outline-danger {
  --bs-btn-color: #700000;
  --bs-btn-border-color: #700000;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #700000;
  --bs-btn-hover-border-color: #700000;
  --bs-btn-focus-shadow-rgb: 112, 0, 0;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #700000;
  --bs-btn-active-border-color: #700000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #700000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #700000;
  --bs-gradient: none; }

.btn-outline-light {
  --bs-btn-color: gainsboro;
  --bs-btn-border-color: gainsboro;
  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: gainsboro;
  --bs-btn-hover-border-color: gainsboro;
  --bs-btn-focus-shadow-rgb: 220, 220, 220;
  --bs-btn-active-color: #111;
  --bs-btn-active-bg: gainsboro;
  --bs-btn-active-border-color: gainsboro;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: gainsboro;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: gainsboro;
  --bs-gradient: none; }

.btn-outline-dark {
  --bs-btn-color: black;
  --bs-btn-border-color: black;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: black;
  --bs-btn-hover-border-color: black;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: black;
  --bs-btn-active-border-color: black;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: black;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: black;
  --bs-gradient: none; }

.btn-outline-deco {
  --bs-btn-color: #2e2e38;
  --bs-btn-border-color: #2e2e38;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #2e2e38;
  --bs-btn-hover-border-color: #2e2e38;
  --bs-btn-focus-shadow-rgb: 46, 46, 56;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #2e2e38;
  --bs-btn-active-border-color: #2e2e38;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2e2e38;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2e2e38;
  --bs-gradient: none; }

.btn-outline-table {
  --bs-btn-color: #51525a;
  --bs-btn-border-color: #51525a;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #51525a;
  --bs-btn-hover-border-color: #51525a;
  --bs-btn-focus-shadow-rgb: 81, 82, 90;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #51525a;
  --bs-btn-active-border-color: #51525a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #51525a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #51525a;
  --bs-gradient: none; }

.btn {
  font-weight: 600;
  font-size: var(--bs-body-font-size);
  -moz-border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  border-radius: 5rem;
  border-width: 2px;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 1em; }

.btn-sm {
  padding: 0.3em 1.35em;
  font-size: 0.9rem !important; }

.btn:focus, .form-control:focus, .master-form-control:focus, fieldset div.master:focus, fieldset div.pre:focus, fieldset div.post:focus, .btn:active, .form-control:active, .master-form-control:active, fieldset div.master:active, fieldset div.pre:active, fieldset div.post:active {
  outline: none !important;
  box-shadow: none !important; }
/** in buttons **/
.editorButton {
  display: none; }

body.editorModus .editorButton {
  display: flex; }

.burger {
  height: 2.5em;
  width: 2.5em;
  position: relative;
  font-size: 8px;
  cursor: pointer;
  transition: 0.2s all;
  -webkit-tap-highlight-color: transparent; }

.burger .burger-lines:after {
  left: 0;
  top: 0em; }

.burger .burger-lines:before {
  left: 1em;
  top: 1em; }

.burger:after {
  content: '';
  display: block;
  position: absolute;
  height: 150%;
  width: 150%;
  top: -25%;
  left: -25%; }

.burger .burger-lines {
  top: 50%;
  margin-top: -0.125em; }

.burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
  pointer-events: none;
  display: block;
  content: '';
  width: 100%;
  border-radius: 0.5em;
  background-color: #444;
  height: 0.35em;
  position: absolute;
  transform: rotate(0); }

.burger .burger-lines:after {
  left: 0;
  top: -1em; }

.burger .burger-lines:before {
  left: 0em;
  top: 1em; }

.burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
  width: 2.5em; }

.burger.burger-slip .burger-lines, .burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
  transition: all 0.2s; }

.burger.burger-slip.open .burger-lines {
  transform: translateX(-2em);
  background-color: transparent; }
  .burger.burger-slip.open .burger-lines:before, .burger.burger-slip.open .burger-lines:after {
    left: 0em;
    top: 0px; }
  .burger.burger-slip.open .burger-lines:before {
    transform: translateX(2em) rotate(135deg); }
  .burger.burger-slip.open .burger-lines:after {
    transform: translateX(2em) rotate(-135deg); }

.burger.burger-rotate .burger-lines:after, .burger.burger-rotate .burger-lines:before {
  width: 2em; }

.burger.burger-rotate .burger-lines, .burger.burger-rotate .burger-lines:after, .burger.burger-rotate .burger-lines:before {
  transition: all 0.2s; }

.burger.burger-rotate.open {
  transform: rotate(180deg); }

.burger.burger-rotate.open .burger-lines {
  background-color: transparent; }
  .burger.burger-rotate.open .burger-lines:before, .burger.burger-rotate.open .burger-lines:after {
    left: 0.5em;
    top: 0px; }
  .burger.burger-rotate.open .burger-lines:before {
    transform: rotate(135deg); }
  .burger.burger-rotate.open .burger-lines:after {
    transform: rotate(-135deg); }

.burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
  transition: 0.2s top 0.2s, 0.1s left, 0.2s transform, 0.4s background-color 0.2s; }

.burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
  width: 2em; }

.burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines:after, .burger.burger-squeeze.open .burger-lines:before {
  transition: 0.2s background-color, 0.2s top, 0.2s left, 0.2s transform 0.15s; }
  .burger.burger-squeeze.open .burger-lines {
    background-color: transparent; }
  .burger.burger-squeeze.open .burger-lines:before, .burger.burger-squeeze.open .burger-lines:after {
    left: 0.5em;
    top: 0px; }
  .burger.burger-squeeze.open .burger-lines:before {
    transform: rotate(-45deg); }
  .burger.burger-squeeze.open .burger-lines:after {
    transform: rotate(45deg); }

@keyframes burgerAnimationSlide {
  0% {
    transform: translateX(0);
    opacity: 1; }

  25% {
    opacity: 0; }

  49% {
    transform: translateX(-0.7em);
    opacity: 0; }

  50% {
    transform: translateX(0.7em);
    opacity: 0; }

  51% {
    opacity: 0; }

  75% {
    opacity: 1; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

.burger.burger-slide .burger-lines {
  transition: 0.1s all 0.15s; }

.burger.burger-slide .burger-lines:after, .burger.burger-slide .burger-lines:before {
  width: 2em;
  transition: 0.1s all 0.15s; }

.burger.burger-slide:not(.open) {
  animation-name: burgerAnimationSlide;
  animation-duration: 0.4s;
  background-color: transparent; }

.burger.burger-slide.open .burger-lines {
  animation-name: burgerAnimationSlide;
  animation-duration: 0.4s;
  background-color: transparent; }
  .burger.burger-slide.open .burger-lines:before, .burger.burger-slide.open .burger-lines:after {
    left: 0.5em;
    top: 0px; }
  .burger.burger-slide.open .burger-lines:before {
    transform: rotate(-45deg); }
  .burger.burger-slide.open .burger-lines:after {
    transform: rotate(45deg); }
/* typography */
/* add font in _variables/_wolfi_variables ... change the first lines */
@font-face {
  font-family: "summernote";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/assets/fonts/summernote.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/summernote.woff2") format("woff2"), url("/assets/fonts/summernote.woff") format("woff"), url("/assets/fonts/summernote.ttf") format("truetype"); }

@font-face {
  font-family: 'Gotham Rounded Medium';
  src: url(/assets/fonts/gotham/GothamRounded-Medium.eot);
  src: url(/assets/fonts/gotham/GothamRounded-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/gotham/GothamRounded-Medium.woff2) format('woff2'), url(/assets/fonts/gotham/GothamRounded-Medium.woff) format('woff'), url(/assets/fonts/gotham/GothamRounded-Medium.ttf) format('truetype'), url(/assets/fonts/gotham/GothamRounded-Medium.svg#GothamRounded-Medium) format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamBold';
  src: url(/assets/fonts/gotham/GothamRounded-Bold.eot);
  src: url(/assets/fonts/gotham/GothamRounded-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/gotham/GothamRounded-Bold.woff2) format('woff2'), url(/assets/fonts/gotham/GothamRounded-Bold.woff) format('woff'), url(/assets/fonts/gotham/GothamRounded-Bold.ttf) format('truetype'), url(/assets/fonts/gotham/GothamRounded-Bold.svg#GothamRounded-Bold) format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url(/assets/fonts/raleway/Raleway-Medium.ttf) format('truetype'); }

@font-face {
  font-family: 'Roboto Slab';
  src: url(/assets/fonts/Roboto_Slab/RobotoSlab.ttf) format('truetype'); }
/* power-button */
.icon-top {
  color: var(--primary);
  font-size: 24px; }
/* scrollup */
/* Codes labels */
.LCode, .MCode, .ACode {
  padding: 0.25rem;
  margin: auto;
  border-radius: 0.5rem; }

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

.MCode {
  background: var(--danger);
  color: var(--danger-contrast); }

.ACode {
  background: var(--success);
  color: var(--success-contrast); }
/* Zahl Button */
.circZahl {
  cursor: pointer;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  color: var(--main);
  background-color: var(--main-contrast) !important;
  transition: var(--transition);
  justify-content: center;
  align-items: center;
  border: 1px solid var(--main);
  border-radius: 200px;
  font-size: 1rem;
  line-height: 1em;
  font-weight: 600;
  text-decoration: none !important; }

.circZahl:hover {
  color: var(--main-contrast);
  background-color: var(--main-hover-contrast) !important;
  transition: var(--transition); }
/*header icons */
header .admin .bi {
  font-size: 1.25rem !important;
  line-height: 1 !important; }

header .admin .bi:hover {
  transform: scale(1.05);
  color: var(--bs-success-text-emphasis) !important; }

.fi-spin {
  animation: spin 1.3s linear infinite;
  display: inline-block; }

.modalClose {
  border: none !important;
  font-size: 1rem !important;
  margin-left: auto; }

.modalClose::before {
  content: "\f659";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#logoutTop {
  cursor: pointer;
  padding: 10px;
  margin: 0;
  width: 40px;
  height: 40px;
  background: rgba(46, 46, 56, 0.85);
  display: block;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -moz-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -ms-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

#logoutTop:hover {
  background: rgba(46, 46, 56, 1); }

#logoutTop:hover i {
  color: #ffe600; }

#logoutTop i {
  color: white; }

@media only screen and (max-width: 992px) {
  #logoutTop {
    background: transparent; }
    #logoutTop i {
      color: black; }
    #logoutTop:hover {
      background: rgba(46, 46, 56, 0.15); }
      #logoutTop:hover i {
        color: black; } }

body.sidebar-mobile #logoutTop {
  height: 30px !important;
  width: 30px !important; }
/*
 Toggle Button
 */
.group-icon > span, .group-icon > i {
  font-style: normal; }
/* by javascript */
.group-icon > span:last-child, .group-icon > i:last-child {
  display: none; }

.group-icon > span:first-child, .group-icon > i:first-child {
  display: inline-block; }
/* active */
.active > a > .group-icon > span:last-child, .active > a > .group-icon > i:last-child, .active > .group-icon > span:last-child, .active > .group-icon > i:last-child {
  display: inline-block; }

.active > a > .group-icon > span:first-child, .active > a > .group-icon > i:first-child, .active > .group-icon > span:first-child, .active > .group-icon > i:first-child {
  display: none; }
/* by bootstrap (dropdowns, collapse, etc) */
[aria-expanded="true"] .group-icon > span:first-child, [aria-expanded="true"] .group-icon > i:first-child {
  display: none; }

[aria-expanded="true"] .group-icon > span:last-child, [aria-expanded="true"] .group-icon > i:last-child {
  display: inline-block; }

@font-face {
  font-family: "Flaticon";
  src: local('Flaticon'), url("/assets/fonts/flaticon/Flaticon.woff2") format('woff2'), url("/assets/fonts/flaticon/Flaticon.woff") format('woff'), url("/assets/fonts/flaticon/Flaticon.ttf") format('truetype'), url("/assets/fonts/flaticon/Flaticon.eot") format('embedded-opentype'), url("/assets/fonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/assets/fonts/flaticon/Flaticon.svg#Flaticon") format("svg"); } }

.fi::before {
  font-family: "Flaticon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1.35;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.fi-fingerprint:before {
  content: "\f167"; }

.fi-user-male:before {
  content: "\f147"; }

.fi-calendar:before {
  content: "\f108"; }

.fi-dots-horizontal:before {
  content: "\f153"; }

.fi-loud:before {
  content: "\f178"; }

.fi-users:before {
  content: "\f148"; }

.fi-home:before {
  content: "\f1a9"; }

.fi-gps:before {
  content: "\f14c"; }

.fi-support-1:before {
  content: "\f123"; }

.fi-cogs:before {
  content: "\f13c"; }

.fi-cog:before {
  content: "\f1b8"; }

.fi-task-list:before {
  content: "\f15b"; }

.fi-eq-vertical:before {
  content: "\f16b"; }

.fi-expand:before {
  content: "\f19f"; }

.fi-shrink:before {
  content: "\f19c"; }

.fi-arrow-end-slim:before {
  content: "\f19a"; }

.fi-arrow-down-slim:before {
  content: "\f198"; }

.fi-arrow-upload:before {
  content: "\f1da"; }

.fi-power:before {
  content: "\f133"; }

.fi-dots-vertical-full:before {
  content: "\f1d0"; }

.fi-dots-horizontal-full:before {
  content: "\f1d2"; }

.fi-close:before {
  content: "\f103"; }

.fi-pencil:before {
  content: "\f1b2"; }

.fi-arrow-right-3:before {
  content: "\f1b9"; }

.fi-loading-dots:before {
  content: "\f131"; }

.fi-eye:before {
  content: "\f18b"; }

.fi-eye-disabled:before {
  content: "\f18a"; }
/*.fi-star:before { content: icon-unquote($fi-star); }
 .fi-star-half:before { content: icon-unquote($fi-start-half); }
 .fi-star-full:before { content: icon-unquote($fi-star-full); }*/
.flexCell h1, .flexCell h2, .flexCell h3, .flexCell h4, .flexCell .faq_list .kategoryField, .faq_list .flexCell .kategoryField, .flexCell .handbuch_list .kategoryField, .handbuch_list .flexCell .kategoryField, .flexCell h5, .flexCell h6, .flexCell p, .flexCell small {
  color: var(--bs-body-color) !important;
  padding: 2px 0 2px 0;
  line-height: 1.05em !important;
  margin: 0; }
/*** FONTS Classes ***/
.f-md {
  font-size: 1rem; }

.f-xs {
  font-size: 0.9rem; }

.f-sm {
  font-size: 0.95rem; }

.f-lg {
  font-size: 1.05rem; }

.f-xl {
  font-size: 1.1rem; }

.f-xxl {
  font-size: 1.2rem; }

.f-100 {
  font-weight: 100; }

.f-200 {
  font-weight: 200; }

.f-300 {
  font-weight: 300; }

.f-400 {
  font-weight: 400; }

.f-500 {
  font-weight: 500; }

.f-600 {
  font-weight: 600; }

.f-700, b, strong, dt, h1, .h1, h2, .h2, h3, .h3, h4, .faq_list .kategoryField, .handbuch_list .kategoryField, .h4, h5, .h5 {
  font-weight: 700; }

.f-800 {
  font-weight: 800; }

.f-900 {
  font-weight: 900; }

.f-i {
  font-style: italic; }

.f-b {
  font-weight: bold; }

.f-uc {
  text-transform: uppercase; }

.f-lc {
  text-transform: lowercase; }

.cp {
  cursor: pointer !important; }

.tc {
  text-align: center; }

sup {
  top: -0.3em;
  font-style: italic;
  color: var(--bs-body-color); }

b, strong, dt {
  font-size: inherit; }

.helpButton li, nav li {
  padding-left: 0 !important;
  font-size: 14px; }

.helpButton li a, nav li a, .helpButton li div, nav li div {
  font-size: 15px !important;
  line-height: 1.2em; }

h1, .h1 {
  font-size: var(--bs-h1-size);
  line-height: var(--bs-hbody-lineheight);
  color: var(--bs-head-color);
  text-align: center; }

h2, .h2 {
  font-size: var(--bs-h2-size);
  line-height: var(--bs-body-lineheight);
  color: var(--bs-head2-color);
  text-align: left; }

h3, .h3 {
  font-size: var(--bs-h3-size);
  line-height: var(--bs-body-lineheight);
  color: var(--bs-color-h3);
  text-align: left; }

h4, .faq_list .kategoryField, .handbuch_list .kategoryField, .h4 {
  font-size: var(--bs-h4-size);
  line-height: var(--bs-body-lineheight);
  color: var(--bs-color-h4); }

h5, .h5 {
  font-size: var(--bs-h5-size);
  line-height: var(--bs-body-lineheight);
  color: var(--bs-color-h5) !important;
  text-align: left !important; }

h6, .h6 {
  font-size: var(--bs-h6-size);
  color: var(--bs-color-h6) !important; }

a {
  color: var(--bs-color-link); }

a:hover {
  color: var(--bs-color-link-hover); }

p, li {
  line-height: 1.15em; }

p.cite, li.cite {
  color: #777 !important;
  font-style: italic;
  font-size: 0.95em !important;
  line-height: 1.1em !important; }

.form h1 {
  --bs-h1-size: 16px;
  --bs-h1-lineheight: 1.1em;
  font-family: var(--bs-head-font-family);
  line-height: 1.1em;
  font-weight: 900;
  color: var(--bs-color-main);
  margin-top: 0.3em;
  margin-bottom: 0.1em; }

.form p {
  --bs-body-font-size: 1rem; }
/* frame */
/* wrapper not middle 
 #myLoader {
 position:fixed;
 height:100vH;
 width:100vW;
 top:0;
 left:0;
 bottom:0;
 right:0;
 }*/
section.fullscreen {
  max-width: calc(100% - 30px) !important; }

#wrapper-main {
  margin: 0 !important;
  padding: 0 !important; }

#wrapper-main > header, #wrapper-main > footer {
  gap: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  width: 100% !important;
  margin: 0 !important; }

#wrapper-main > header hr, #wrapper-main > footer hr {
  flex-grow: 1 !important; }

#wrapper-main #middle {
  height: calc(100vH - var(--top-header-height) - var(--top-footer-height)) !important;
  min-height: calc(100vH - var(--top-header-height) - var(--top-footer-height)) !important;
  max-height: calc(100vH - var(--top-header-height) - var(--top-footer-height)) !important;
  overflow-x: hidden;
  overflow-y: scroll; }

#wrapper-main > header {
  height: var(--top-header-height); }

#wrapper-main > header #mobilemenuButton {
  width: 24px;
  height: 24px; }
  #wrapper-main > header #mobilemenuButton #mobileLeftButton {
    display: block; }

#wrapper-main > header #textTop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 280px; }
  #wrapper-main > header #textTop .imageFitter {
    width: 280px; }
  #wrapper-main > header #textTop .breadcrumbs {
    padding: 0;
    margin: 0;
    line-height: 1em;
    font-size: var(--bs-sm-size) !important;
    font-style: italic !important; }
    #wrapper-main > header #textTop .breadcrumbs span[data-name=seminar]:before, #wrapper-main > header #textTop .breadcrumbs span[data-name=project]:before, #wrapper-main > header #textTop .breadcrumbs span[data-name=admin]:before {
      content: '\2022';
      padding-right: 10px;
      padding-left: 7px; }
    #wrapper-main > header #textTop .breadcrumbs span {
      font-size: inherit; }
      #wrapper-main > header #textTop .breadcrumbs span[data-clone=firstname] {
        margin-right: 0.25em; }

#wrapper-main > header #logoutTop {
  border-radius: 200px !important; }
  #wrapper-main > header #logoutTop i {
    padding: 0 !important;
    margin: 0 !important; }

#wrapper-main > footer {
  height: var(--top-footer-height); }

#wrapper-main > footer #textBottom img {
  border: 0;
  max-height: 18px; }
/* -> lookup: frame.sidebar.scss*/
body[data-mode="admin"] #aside-left .seminar-mode {
  display: none; }

body .nav-link {
  cursor: pointer !important; }

body aside > nav {
  height: 100vH; }
/*** customized area ***/
aside {
  background: var(--bs-color-bar) !important;
  height: 100vH !important;
  position: relative;
  z-index: 4 !important; }

aside .w-avatar {
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -moz-border: 3px solid #fff;
  -webkit-border: 3px solid #fff;
  -ms-border: 3px solid #fff;
  -o-border: 3px solid #fff;
  border: 3px solid #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0; }

aside .w-sponsor img.desk-style, aside .w-sponsor img.mobile-style {
  width: 210px;
  max-width: 210px;
  min-width: 210px;
  padding: 20px 40px; }

aside .w-sponsor img.tablet-style {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  padding: 20px 3px; }

aside .w-brand {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center !important; }

aside .w-brand img {
  max-height: 18px;
  border: 0 !important; }

aside li.nav-item {
  position: relative; }

aside li.nav-item div.badge {
  margin-left: 1rem;
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  top: calc(50% - 0.65rem);
  right: 1rem;
  color: var(--bs-color-bar);
  background: var(--bs-color-bar-contrast);
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold; }

aside li.nav-item span.group-icon i:first-of-type {
  display: block; }
  aside li.nav-item span.group-icon i:last-of-type {
    display: none; }

aside li.nav-item.active span.group-icon i:first-of-type {
  display: none; }
  aside li.nav-item.active span.group-icon i:last-of-type {
    display: block; }

aside a.nav-link {
  font-size: var(--bs-body-font-size) !important;
  font-weight: 100;
  font-family: var(--bs-body-font-family) !important;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  color: var(--bs-color-bar-contrast-hover) !important;
  font-weight: 400; }

aside a.nav-link:hover {
  color: var(--bs-color-bar-contrast);
  font-weight: 600; }

html.is_desk aside#aside-left {
  width: var(--bs-sidebar-width) !important;
  min-width: var(--bs-sidebar-width) !important;
  max-width: var(--bs-sidebar-width) !important; }

html.is_desk aside#aside-left .nav-deep > ul > li > ul > li > a > i {
  margin-left: -15px !important; }

html.is_tablet aside#aside-left {
  --bs-sidebar-external: calc(var(--bs-sidebar-width) - 20px);
  display: inline-flex;
  flex-direction: column;
  /*width:250px !important;*/
  /*width:250px !important;*/ }

html.is_tablet aside#aside-left, html.is_tablet aside#aside-left nav, html.is_tablet aside#aside-left .slimScrollDiv {
  width: var(--bs-sidebar-width-tablet) !important;
  min-width: var(--bs-sidebar-width-tablet) !important;
  max-width: var(--bs-sidebar-width-tablet) !important;
  overflow: visible !important; }

html.is_tablet aside#aside-left nav {
  padding-left: 0.45rem;
  padding-right: 0.5rem; }

html.is_tablet aside#aside-left .nav-deep > ul {
  background: transparent; }

html.is_tablet aside#aside-left .nav-deep > ul > li {
  background: transparent;
  position: relative; }

html.is_tablet aside#aside-left .nav-item.active {
  overflow: visible !important; }

html.is_tablet aside#aside-left .nav-item.active > div {
  width: 100%; }

html.is_tablet aside#aside-left .nav-item.active ul {
  overflow: visible !important; }

html.is_tablet aside#aside-left .nav-item div, html.is_tablet aside#aside-left .nav-item span {
  display: none; }

html.is_tablet aside#aside-left .nav-item.active div, html.is_tablet aside#aside-left .nav-item.active span {
  display: block; }

html.is_tablet aside#aside-left .nav-item.active > a {
  width: calc(var(--bs-sidebarwidth-tab) - 10px) !important; }

html.is_tablet aside#aside-left .nav-deep > ul > li.nav-item.active > a > div {
  display: block;
  background: rgba(var(--bs-color-bar-rgb),0.9) !important;
  color: var(--bs-color-bar-contrast);
  max-width: var(--bs-sidebar-external);
  min-width: var(--bs-sidebar-external);
  width: var(--bs-sidebar-external);
  z-index: 1;
  max-height: 2.4rem;
  padding: 0.5rem 2rem 0.5rem 1rem;
  margin-left: 30px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border: 1px solid var(--bs-color-bar);
  border-bottom: 0; }

html.is_tablet aside#aside-left .nav-item.active ul {
  white-space: nowrap;
  overflow: visible !important;
  background: rgba(var(--bs-color-bar-contrast-rgb),0.9) !important;
  max-width: var(--bs-sidebar-external);
  min-width: var(--bs-sidebar-external);
  width: var(--bs-sidebar-external);
  position: relative !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: none;
  margin-left: 73px;
  z-index: 1;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: -10px;
  border: 1px solid var(--bs-color-bar);
  border-top: 0; }
  html.is_tablet aside#aside-left .nav-item.active ul li {
    height: 2rem; }
  html.is_tablet aside#aside-left .nav-item.active ul div, html.is_tablet aside#aside-left .nav-item.active ul i {
    color: var(--bs-color-bar) !important; }

html.is_tablet aside#aside-left .nav-deep > ul > li.nav-item > a > i, html.is_tablet aside#aside-left .nav-deep > ul > li.nav-item.active > a > i, html.is_tablet aside#aside-left .nav-deep > ul > li.nav-item > a > i:hover, html.is_tablet aside#aside-left .nav-deep > ul > li.nav-item.active > a > i:hover {
  font-size: 1.15rem !important;
  margin: 0 0.25rem !important;
  padding-top: 0.15rem !important; }

html.is_mobile [name=mobile] {
  display: none; }

html.is_mobile aside#aside-left {
  position: absolute;
  z-index: 2;
  left: calc(-1.02 * var(--bs-sidebar-width));
  top: 0;
  width: var(--bs-sidebar-width);
  height: 100vH; }

html.is_mobile aside#aside-left .w-avatar {
  width: 70px;
  height: 70px;
  margin-top: 1rem;
  margin-bottom: 1rem; }

html.is_mobile body.leftbar-open aside#aside-left {
  left: 0px;
  z-index: 2; }

html.is_mobile body.leftbar-open #wrapper {
  margin-left: var(--bs-sidebar-width) !important;
  margin-right: calc(-1 * var(--bs-sidebar-width)) !important; }

nav.nav-deep {
  font-size: 0.92rem; }

nav.nav-deep .nav-item .group-icon {
  font-size: 10px;
  margin-top: 3px; }

nav.nav-deep-dark .nav-item .group-icon {
  color: #bfc6d7 !important; }

nav.nav-deep-dark-contrast .nav-item .group-icon {
  color: #fff !important; }

nav.nav-deep-light .nav-item .group-icon {
  color: #212529 !important; }

nav.nav-deep > ul > li > a.nav-link > i.nav-icon {
  width: 20px;
  /* bigger than font-size to set a nice looking on bigger webfonts */
  font-size: 16px;
  margin-top: -0.2rem;
  float: left;
  margin-right: 10px;
  text-align: left; }
/* childs main link icon (and no main icon, but there is an icon) */
nav.nav-deep > ul > li > a.nav-link > i:not(.nav-icon), nav.nav-deep > ul ul > li > a.nav-link > i {
  margin-right: 10px; }
/* svg main icon
 nav.nav-deep>ul>li>a.nav-link>svg {
 margin-top: -4px;
 @if $global-rtl-enable == false {
 margin-right: 10px;
 } @else {
 margin-left: 10px;
 }
 }*/
/* childs */
.nav-deep ul > li:not(.active) > ul {
  display: none; }
/* all childs setup */
.nav-deep > ul ul {
  display: block;
  /*font-weight: 300;*/ }
/* 1. first level childs */
.nav-deep > ul > li > ul {
  padding-left: 30px; }
/* icons alignment */
.nav-deep > ul > li > ul > li > a > i {
  margin-right: 8px;
  margin-left: -27px; }
/* 2. all other deep level childs */
.nav-deep > ul > li > ul ul {
  padding-left: 15px; }
/* #wrapper inside */
.switch {
  display: flex;
  flex-direction: row; }

#wrapper {
  /* contains #aside-left, #wrapper-main */
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  /* /wrapper main => außer sidebar */ }

#wrapper #wrapper-main {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  /* should make the width */
  /* /#middle => Hauptcontainer */ }

#wrapper #wrapper-main #middle {
  padding: 2rem 0rem;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
  /* / > section => zentrierter Container */ }
  #wrapper #wrapper-main #middle .teacherRow {
    width: 100%;
    gap: 0.5rem !important; }
  #wrapper #wrapper-main #middle .teacherRow hr {
    flex-grow: 1;
    margin-left: 1rem;
    margin-right: 1rem; }
  #wrapper #wrapper-main #middle > div.coverBox {
    width: 1000px;
    padding: 1rem;
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow);
    margin: auto;
    gap: 1rem !important; }
  #wrapper #wrapper-main #middle > div.coverBox div.bg-cover, #wrapper #wrapper-main #middle > div.coverBox [data-control=file] div.master, [data-control=file] #wrapper #wrapper-main #middle > div.coverBox div.master, #wrapper #wrapper-main #middle > div.coverBox [data-control=file] .master div.control, [data-control=file] .master #wrapper #wrapper-main #middle > div.coverBox div.control {
    width: 40%;
    align-self: stretch;
    min-height: 50vH;
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow); }
  #wrapper #wrapper-main #middle > div.coverBox section {
    flex-grow: 1;
    padding: 1rem 2rem;
    align-self: stretch;
    align-items: flex-start !important;
    flex-fill: 1 1 auto !important;
    justify-content: flex-start !important; }
    #wrapper #wrapper-main #middle > div.coverBox section > header {
      width: 100%;
      text-align: center !important;
      line-height: 1.1em; }
  #wrapper #wrapper-main #middle div.codeBox {
    width: 100%;
    margin-bottom: 2rem; }
  #wrapper #wrapper-main #middle div.codeBox div.code {
    font-size: 35px;
    font-weight: 900;
    letter-spacing: 0.15em;
    font-family: var(--bs-code-font-face) !important;
    color: var(--bs-color-bar-contrast);
    background: var(--bs-color-bar);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2rem;
    flex-direction: column;
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow); }
    #wrapper #wrapper-main #middle div.codeBox div.code .sem_link {
      font-size: 18px;
      font-family: var(--bs-body-font-face);
      color: #d1be25;
      text-align: center;
      padding-bottom: 0;
      margin-bottom: 0.25rem; }
  #wrapper #wrapper-main #middle section {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    width: 700px;
    /* /main */ }
  #wrapper #wrapper-main #middle section.section-xl {
    width: 1000px; }
  #wrapper #wrapper-main #middle section.section-lg {
    width: 825px; }
  #wrapper #wrapper-main #middle section.section-sm {
    width: 600px; }
  #wrapper #wrapper-main #middle section.section-xs {
    width: 500px; }
  #wrapper #wrapper-main #middle section.form {
    box-shadow: var(--bs-box-shadow);
    border-radius: var(--bs-border-radius); }
  #wrapper #wrapper-main #middle section.grid {
    border-radius: var(--bs-border-radius); }
  #wrapper #wrapper-main #middle section > main {
    display: flex;
    flex-direction: column;
    width: 100%; }
  #wrapper #wrapper-main #middle section.grid > main {
    padding: 2rem 0.5rem; }
  #wrapper #wrapper-main #middle section.form > main {
    padding: 2rem 3rem; }
  #wrapper #wrapper-main #middle section.list > main {
    padding: 0 1rem !important; }
  /* /#wrapper */
/* -> inner_nav.scss */
/* dropdown-menu */
#listOptions {
  font-size: 0.9rem !important; }

ul.dropdown-menu {
  padding: 8px 8px 8px 12px !important;
  background: var(--bs-color-callout) !important;
  border: 1px solid #bbb;
  width: auto !important; }

ul.dropdown-menu li {
  font-size: 1rem !important;
  font-weight: 100;
  font-family: var(--bs-body-font-family) !important;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  height: 1.5rem;
  padding: 0.25rem 0.75rem;
  line-height: 1; }

ul.dropdown-menu li:before {
  margin-right: 0.75rem;
  font-size: 12px; }
/* tables & lists */
.form header {
  background: var(--bs-color-main); }

.form header * {
  color: var(--bs-color-main-contrast) !important; }

.form header .bi, .form header .fi {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: var(--bs-color-main-contrast) !important; }

.form header .bi:before, .form header .fi:before {
  color: var(--bs-color-main-contrast) !important; }
/* classes table-row */
.headStyle {
  background: var(--bs-color-table) !important;
  color: var(--bs-color-table-contrast) !important;
  font-size: 0.9rem;
  font-style: italic;
  border-radius: var(--bs-border-radius) !important; }

.thead, article.tableGrid > .tableHead {
  background: transparent !important; }

.thead > .flexRow, article.tableGrid > .tableHead > .flexRow {
  border-bottom: 1px solid var(--bs-color-main);
  margin-bottom: 0.5rem; }

.thead > .flexRow .flexCell, article.tableGrid > .tableHead > .flexRow .flexCell {
  color: var(--bs-color-main); }
  .thead > .flexRow .flexCell, article.tableGrid > .tableHead > .flexRow .flexCell, .thead > .flexRow .flexCell .bi, article.tableGrid > .tableHead > .flexRow .flexCell .bi, .thead > .flexRow .flexCell .bi:before, article.tableGrid > .tableHead > .flexRow .flexCell .bi:before {
    font-size: var(--bs-body-font-size); }

.tfooter {
  border: none !important;
  background: transparent !important;
  color: var(--bs-color-table); }

.tfooter a:hover {
  color: var(--bs-color-table-hover) !important; }
/* cell Classes */
.flexCell {
  background: transparent;
  padding: 0.5rem;
  display: flex;
  flex-directioon: column;
  justify-content: flex-start;
  align-items: center;
  /* cells */
  /* typography */
  /* icons */
  /*images */
  /* datum start - end */
  /* labels */ }

.flexCell.centered {
  justify-content: center !important; }

.flexCell div.auto {
  flex-grow: 1; }

.flexCell h1 {
  font-size: 14px;
  font-weight: 700;
  color: var(--bs-head-color);
  line-height: 1.1em;
  padding: 0;
  margin: 0; }

.flexCell p {
  font-size: 12px;
  font-weight: 100;
  color: var(--bs-body-color);
  line-height: 1.1em;
  padding: 0;
  margin: 0; }

.flexCell small, .flexCell mark, .flexCell citation {
  font-size: 12px;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
  font-weight: 100; }

.flexCell .group-icon, .flexCell .group-icon .fi, .flexCell .group-icon .bi {
  color: var(--bs-body-color) !important; }

.flexCell .list-avatar, .flexCell .list-logo {
  width: 40px;
  height: 40px;
  font-size: 35px;
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  -moz-border: 1px solid #fff;
  -webkit-border: 1px solid #fff;
  -ms-border: 1px solid #fff;
  -o-border: 1px solid #fff;
  border: 1px solid #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0; }

.flexCell .list-avatar {
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px; }

.flexCell .list-logo-plain, .flexCell .list-logo-plain-dark {
  width: 40px;
  height: 40px;
  font-size: 35px;
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border-radius: var(--bs-border-radius); }

.flexCell .list-logo-plain-dark {
  background: #222; }

.flexCell div.dateStr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 110px; }

.flexCell div.dateStr > div {
  display: flex;
  flex-direction: row;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  padding: 0px 5px; }
  .flexCell div.dateStr > div.yearStr > div {
    font-size: 12px;
    line-height: 1em; }
  .flexCell div.dateStr > div.dayStr {
    padding-top: 2px !important;
    padding-bottom: 4px !important; }
  .flexCell div.dateStr > div.dayStr > div {
    font-size: 20px;
    font-weight: bold;
    line-height: 1em; }
  .flexCell div.dateStr > div.timeStr > div {
    font-size: 11px;
    font-weight: 100;
    font-style: italic;
    line-height: 1em; }
  .flexCell div.dateStr > div > div {
    display: flex;
    width: 50% !important;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center !important;
    align-items: center;
    justify-content: center; }

.flexCell .stafflabel, .flexCell .eventlabel, .flexCell .licenselabel {
  color: white;
  font-family: Courier !important;
  font-size: 1.2rem;
  font-weight: 900;
  width: 120px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  border-radius: 200px; }

.flexCell .licenselabel {
  background: var(--bs-dark-text-emphasis);
  width: 80px; }

.flexCell .eventlabel {
  background: var(--bs-success-text-emphasis); }

.flexCell .stafflabel {
  background: var(--bs-danger-text-emphasis); }

.formList dd {
  white-space: normal; }

.formList dd p {
  font-size: var(--bs-p-size);
  font-weight: 100;
  line-height: 1.2em;
  text-align: center; }
  .formList dd p b {
    font-weight: 700; }

.formList dt {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.formList .notice {
  background: #f8f8f8;
  border-radius: var(--bs-boder-radius); }

article.tableGrid {
  display: table;
  width: 100%;
  padding: 0 !important;
  /* the rows */ }

article.tableGrid > .tableHead {
  display: table-row; }

article.tableGrid > .tableHead .flexRow {
  grid-template-rows: 2.5rem !important;
  grid-template-columns: var(--grid);
  border-radius: var(--bs-boder-radius);
  margin-bottom: 0 !important; }
  article.tableGrid > .tableHead .flexRow .flexCell {
    font-size: 14px;
    font-weight: bold; }

article.tableGrid > .tableFooter {
  font-size: var(--bs-p-size);
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  padding: 0.25rem 1rem;
  justify-content: center;
  align-items: center;
  min-height: 4rem; }

article.tableGrid > .tableFooter a {
  color: var(--bs-color-table) !important;
  text-decoration: none; }
  article.tableGrid > .tableFooter a:hover {
    color: var(--bs-color-table-hover) !important; }

article.tableGrid > .tableBody .flexRow {
  grid-template-rows: var(--grid-height);
  border-top: 1px dotted var(--bs-color-table-light); }
  article.tableGrid > .tableBody .flexRow:first-of-type {
    border-width: 0px; }

article.tableGrid div.flexRow {
  display: grid;
  grid-template-columns: var(--grid); }

article.tableGrid div.flexRow.ended {
  border-left: 5px solid red; }

article.tableGrid div.flexRow.inactive {
  border-left: 5px solid yellow; }

article.tableGrid div.flexRow:hover {
  background: rgba(var(--bs-color-table-rgb),0.05); }

article.tableGrid div.flexRow div.flexCell {
  /* see classes */ }
/* project */
#simulationContainer {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  /* end header */ }

#simulationContainer header.sectionHead {
  align-items: center;
  padding: 0.2rem 1rem !important;
  margin: 0;
  height: 45px !important;
  display: flex;
  flex-direction: row !important;
  width: 100%; }

#simulationContainer header.sectionHead:nth-of-type(1) {
  margin-top: 1rem;
  background: var(--bs-color-callout) !important; }

#simulationContainer header.sectionHead:nth-of-type(2) {
  background: var(--bs-color-callout) !important;
  margin-top: 0; }

#simulationContainer header.sectionHead:before {
  content: attr(data-sim);
  position: absolute;
  top: -2rem;
  right: 100%;
  font-size: 3rem;
  line-height: 1;
  font-style: italic;
  color: #bbb; }

#simulationContainer header.sectionHead span {
  border: 0 !important; }

#simulationContainer header.sectionHead ul#periodNav li, #simulationContainer header.sectionHead ul#periodTabs li {
  position: relative !important; }
  #simulationContainer header.sectionHead ul#periodNav li a, #simulationContainer header.sectionHead ul#periodTabs li a {
    padding: 0.3em 1.35em;
    font-size: 0.9rem !important;
    color: var(--bs-color-callout-contrast);
    border: 1px solid var(--bs-color-callout-contrast);
    transition: background 800ms, color 800ms;
    border-radius: 3px; }
    #simulationContainer header.sectionHead ul#periodNav li a.active, #simulationContainer header.sectionHead ul#periodTabs li a.active {
      transition: background 800ms, color 800ms;
      background: var(--bs-color-main);
      color: var(--bs-color-main-contrast); }
      #simulationContainer header.sectionHead ul#periodNav li a.active + i.prooved, #simulationContainer header.sectionHead ul#periodTabs li a.active + i.prooved {
        display: none !important; }
    #simulationContainer header.sectionHead ul#periodNav li a.disabled, #simulationContainer header.sectionHead ul#periodTabs li a.disabled {
      opacity: 0.2;
      cursor: none; }
      #simulationContainer header.sectionHead ul#periodNav li a.disabled + i.prooved, #simulationContainer header.sectionHead ul#periodTabs li a.disabled + i.prooved {
        display: none !important; }
  #simulationContainer header.sectionHead ul#periodNav li i.prooved, #simulationContainer header.sectionHead ul#periodTabs li i.prooved {
    background: var(--bs-color-callout);
    position: absolute;
    color: var(--bs-color-callout-contrast);
    top: -0.25rem;
    right: 0.1rem; }
    #simulationContainer header.sectionHead ul#periodNav li i.prooved:before, #simulationContainer header.sectionHead ul#periodTabs li i.prooved:before {
      content: "\F272"; }

#simulationContainer header.sectionHead #fixButton {
  display: block; }

#simulationContainer header.sectionHead #quitButton {
  display: none; }

#simulationContainer header.sectionHead.fixed #fixButton {
  display: none; }
  #simulationContainer header.sectionHead.fixed #quitButton {
    display: block; }

#simulationContainer main.tab-content {
  width: 100%;
  max-width: 100%; }

#simulationContainer main.tab-content .tab-pane {
  width: 100%;
  max-width: 100% !important; }
  #simulationContainer main.tab-content .tab-pane .wolfpane:not(.active) {
    display: none; }
  #simulationContainer main.tab-content .tab-pane > .wolftabs {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    margin-bottom: 1rem; }
  #simulationContainer main.tab-content .tab-pane > .wolftabs.wolfgraphix {
    padding: 1rem;
    justify-content: center; }
  #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolftoc {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding: 1rem;
    width: auto; }
    #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolftoc .nav-link {
      padding: 0.25rem 0.5rem;
      color: var(--bs-body-color);
      cursor: pointer;
      position: relative;
      border-radius: var(--bs-border-radius);
      transition: background-color 800ms; }
      #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolftoc .nav-link.active {
        background-color: var(--bs-color-main);
        color: var(--bs-color-main-contrast);
        transition: background-color 800ms; }
        #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolftoc .nav-link.active:before {
          content: unset; }
  #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolfarticle {
    padding: 1rem;
    flex-grow: 1; }
    #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolfarticle .studInfo {
      font-weight: 400;
      font-style: italic;
      color: #222;
      border: 1px solid var(--bs-border-color);
      padding: 0.25rem 1rem;
      border-radius: var(--bs-border-radius);
      background: var(--bs-color-callout);
      margin-bottom: 0.5rem;
      margin-top: 1.5rem; }
      #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolfarticle .studInfo > p {
        margin: 0;
        padding: 0.5rem; }
      #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolfarticle .studInfo.firstDiv {
        margin-top: 0 !important; }
    #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolfarticle .paneButton {
      margin-top: 1.5rem; }
    #simulationContainer main.tab-content .tab-pane > .wolftabs > .wolfarticle#student_wolfpanes .master {
      white-space: nowrap; }
/* end simulation */
#entscheidung {
  /* inputs im wolfpane */ }

#entscheidung .raster1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: start;
  justify-content: start;
  padding-top: 1rem; }

#entscheidung .raster1 > div:nth-of-type(1) {
  padding-left: 1.5em;
  padding-right: 2em;
  width: 200px;
  font-weight: 600;
  align-self: start; }

#entscheidung .raster1 > div:nth-of-type(2) {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding-top: 0; }

#entscheidung .raster2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center; }

#entscheidung .raster2.head {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #444;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }

#entscheidung .raster2 > div:nth-of-type(1) {
  flex-grow: 1;
  padding-left: 1.5em;
  font-weight: 600; }
  #entscheidung .raster2 > div:nth-of-type(1).thin, #entscheidung .raster2 > div:nth-of-type(1).thin b {
    font-weight: 400 !important; }

#entscheidung .raster2 > div:nth-of-type(2) {
  width: 220px; }

#entscheidung .raster2 > div:nth-of-type(3) {
  width: 120px;
  padding: 0.5rem; }

#entscheidung .raster3 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center; }

#entscheidung .raster3.head {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #444;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }

#entscheidung .raster3 > div:nth-of-type(1) {
  flex-grow: 1;
  padding-left: 1.5em;
  font-weight: 600; }
  #entscheidung .raster3 > div:nth-of-type(1).thin {
    font-weight: 400; }

#entscheidung .raster3 > div:nth-of-type(2) {
  width: 220px; }

#entscheidung .raster3 > div:nth-of-type(3) {
  width: 220px;
  padding: 0.5rem; }

#entscheidung .kapitelZeile {
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #444;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  height: 40px;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center; }

#entscheidung .eingabeZeile {
  display: flex;
  flex-direction: row;
  align-items: center; }

#entscheidung .eingabeZeile [class^=servant] {
  margin-bottom: 0 !important;
  padding: 0.25rem 0.5rem !important;
  display: flex;
  flex-direction: nowrap;
  align-items: center;
  justify-content: end;
  gap: 0.5rem; }
  #entscheidung .eingabeZeile [class^=servant] input {
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--bs-border-color);
    padding: 0.25em 0.5em; }
  #entscheidung .eingabeZeile [class^=servant].servant1 input {
    width: 20px; }
  #entscheidung .eingabeZeile [class^=servant].servant2 input {
    width: 35px; }
  #entscheidung .eingabeZeile [class^=servant].servant3 input {
    width: 50px; }
  #entscheidung .eingabeZeile [class^=servant].servant4 input {
    width: 65px; }
  #entscheidung .eingabeZeile [class^=servant].servant5 input {
    width: 80px; }
  #entscheidung .eingabeZeile [class^=servant].servant6 input {
    width: 90px; }

#entscheidung input[type=text] {
  text-align: right;
  font-weight: 600;
  color: var(--bs-color-main); }

#entscheidung input[type=text].hasError {
  background: var(--bs-color-callout);
  color: var(--bs-color-callout-contrast); }

#entscheidung .vj {
  text-align: right;
  background: transparent;
  border-color: transparent;
  font-size: 12px;
  font-weight: 100;
  font-style: italic;
  color: #777; }

#entscheidung .einheit {
  width: 50px; }

#entscheidung .einheit.field_euro::after {
  content: ' €'; }

#entscheidung .einheit.field_teuro::after {
  content: '000 €'; }

#entscheidung .einheit.field_ma::after {
  content: 'Pers.'; }

#entscheidung .einheit.field_stk::before {
  content: 'Stk.'; }

table.anlageminus {
  flex-direction: row;
  align-items: center;
  justify-content: start; }

table.anlageminus td {
  height: 1.7rem; }

table.anlageminus label {
  display: flex;
  flex-direction: row;
  width: 1.3rem;
  height: 1.7rem;
  margin: 0;
  padding: 0;
  position: relative; }

table.anlageminus input {
  opacity: 0;
  width: 0;
  height: 0;
  position: relative; }

table.anlageminus .text {
  padding-left: 1rem;
  padding-top: 0.2rem;
  line-height: 1.7em;
  vertical-align: middle; }

table.anlageminus .text b {
  padding-left: 0.3em; }

table.anlageminus .text small {
  font-style: italic; }

table.anlageminus input ~ i {
  border-radius: 0.05rem;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  font-size: 0.95rem;
  color: #8e7445;
  margin: 0.3rem;
  cursor: pointer; }

table.anlageminus input ~ i:after {
  transition: all 120ms ease-in-out;
  border-radius: 200px;
  box-sizing: border-box;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  border-width: 1px;
  border-style: solid;
  border-color: #777;
  transition-behavior: normal;
  background-color: rgba(119, 119, 119, 0.05); }

table.anlageminus input ~ i:before {
  animation: rippleOutline 800ms 100ms;
  transition: transform 120ms ease-in-out;
  outline: 0 solid #777;
  border-radius: 200px;
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #fff;
  transition-behavior: normal;
  box-shadow: #fff 0 0 0 0.3rem inset;
  transform: scale(0); }

table.anlageminus input:checked ~ i:after {
  background-color: rgba(var(--bs-color-main-rgb), 0.05); }

table.anlageminus input:checked ~ i:before {
  animation: rippleOutline 800ms 100ms;
  transition: transform 120ms ease-in-out;
  outline: 0 solid #777;
  border-radius: 200px;
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  background-color: var(--bs-color-main);
  transition-behavior: normal;
  box-shadow: #fff 0 0 0 0.3rem inset;
  transform: scale(1); }

table.anlageminus:hover input ~ i:after {
  background-color: rgba(var(--bs-color-main-rgb), 0.15) !important;
  transition: background-color 300ms ease-in-out; }

table.anlageminus.disabled i, table.anlageminus.disabled .text {
  opacity: 0.3; }
/* wirtschaftsnachrichten */
#briefing .toprow {
  background: var(--bs-color-callout);
  color: var(--bs-color-callout-contrast);
  border-radius: var(--bs-border-radius);
  padding: 0.5rem 1rem;
  margin-bottom: 1rem; }

#briefing div[data-typus="1"] .info-head:before {
  content: "Artikel über: ";
  font-weight: bold;
  font-style: italic;
  padding-right: 39px !important; }

#briefing div[data-typus="1"] .info-media:before {
  content: "Veröffentlicht in:   ";
  font-weight: bold;
  font-style: italic;
  padding-right: 12px !important; }

#briefing div[data-typus="2"] .info-head:before {
  content: "Betrifft: ";
  font-weight: bold;
  font-style: italic;
  padding-right: 17px !important; }

#briefing div[data-typus="2"] .info-media:before {
  content: "Quelle:   ";
  font-weight: bold;
  font-style: italic;
  padding-right: 23px !important; }

#briefing div[data-typus="3"] .info-head:before {
  content: "Subject: ";
  font-weight: bold;
  font-style: italic;
  padding-right: 17px !important; }

#briefing div[data-typus="3"] .info-media:before {
  content: "From:   ";
  font-weight: bold;
  font-style: italic;
  padding-right: 32px !important; }
/* nextbutton */
#nextButton {
  display: block; }

#closeButton {
  display: none; }

body[data-tab="E2"] #nextButton {
  display: none !important; }

body[data-tab="E2"] #closeButton {
  display: block !important; }

body[data-period="A"] #periodTabs #eingabeTab, body[data-period="A"] #periodTabs #auswertungTab {
  display: none !important; }
/* TOCS */
#news_wolftabs {
  width: 230px;
  padding-right: 20px;
  padding-left: 0 !important; }

#news_wolftabs a {
  white-space: nowrap !important; }

#student_wolftabs {
  width: 200px;
  padding-right: 20px;
  padding-left: 0 !important; }

#student_wolftabs a {
  white-space: nowrap !important; }

#periodTabs a.disabled {
  opacity: 0.3; }
/* jahresswitch */
.display_0, .display_1, .display_2, .display_3, .display_4 {
  display: none; }

[data-period=A] .display_0 {
  display: block !important; }

[data-period=B] .display_1 {
  display: block !important; }

[data-period=C] .display_2 {
  display: block !important; }

[data-period=D] .display_3 {
  display: block !important; }

[data-period=E] .display_4 {
  display: block !important; }

[class*=show_] {
  position: fixed;
  top: -100px;
  left: -100px; }

[data-period=A] .show_A {
  position: relative !important; }

[data-period=B] .show_B {
  position: relative !important; }

[data-period=C] .show_C {
  position: relative !important; }

[data-period=D] .show_D {
  position: relative !important; }

[data-period=E] .show_E {
  position: relative !important; }

[class*=hide_] {
  position: relative; }

body[data-period=A] .hide_A, body[data-period="A"] .hide_A {
  position: fixed !important;
  top: -100px;
  left: -100px;
  display: none !important; }

body[data-period=B] .hide_B, body[data-period="B"] .hide_B {
  position: fixed !important;
  top: -100px;
  left: -100px;
  display: none !important; }

body[data-period=C] .hide_C, body[data-period="C"] .hide_C {
  position: fixed !important;
  top: -100px;
  left: -100px;
  display: none !important; }

body[data-period=D] .hide_D, body[data-period="D"] .hide_D {
  position: fixed !important;
  top: -100px;
  left: -100px;
  display: none !important; }

body[data-period=E] .hide_E, body[data-period="E"] .hide_E {
  position: fixed !important;
  top: -100px;
  left: -100px;
  display: none !important; }

body[data-period="A"] .n-0 {
  display: none !important; }

body[data-period="B"] .n-1 {
  display: none !important; }

body[data-period="C"] .n-2 {
  display: none !important; }

body[data-period="D"] .n-3 {
  display: none !important; }

body[data-period="E"] .n-4 {
  display: none !important; }

body[data-period="A"] #student input:not([id^=A]), body[data-period="A"] #student [data-lab]:not([data-lab=A]) {
  display: none; }

body[data-period="B"] #student input:not([id^=B]), body[data-period="B"] #student [data-lab]:not([data-lab=B]) {
  display: none; }

body[data-period="C"] #student input:not([id^=C]), body[data-period="C"] #student [data-lab]:not([data-lab=C]) {
  display: none; }

body[data-period="D"] #student input:not([id^=D]), body[data-period="D"] #student [data-lab]:not([data-lab=D]) {
  display: none; }

body[data-period="E"] #student input:not([id^=E]), body[data-period="E"] #student [data-lab]:not([data-lab=E]) {
  display: none; }

#result_wolftabs.wolftoc a {
  font-size: 14px; }

.nav-link[name="C_Kreditlinie"] {
  display: none !important; }

.nav-link[name="C_Finanzen"] {
  display: none !important; }

.readonlyStatus #nextButton {
  display: none !important; }

.readonlyStatus #closeButton {
  display: block !important; }

#UntBez {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.15em;
  text-align: center;
  margin: 0;
  padding: 0; }

#UntBez p {
  font-size: 12px;
  line-height: 1.15em;
  text-align: center;
  margin: 0;
  padding: 0; }

#UntBez h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0;
  padding: 0; }

.lfdJahr, div[data-table="Score"] div[data-row] > div:nth-of-type(3), div[data-table="Score"] div[data-row] > div:nth-of-type(6), div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(2), div[data-table="Markt"] div[data-row] > div:nth-of-type(4), div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(3), div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(5), div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(3), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(3), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(3), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(5), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(7), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(7), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(5), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(3), div[data-table="Score2"] div[data-row] > div:nth-of-type(3), div[data-table="Rating3"] div[data-row] > div:nth-of-type(12), div[data-table="Rating3"] div[data-row] > div:nth-of-type(14), div[data-table="Finanzen"] div[data-row] > div:nth-of-type(4), div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(4), div[data-table="Aufwendungen"] div[data-row] > div:nth-of-type(3), div[data-table="Aufwendungen2"] div[data-row] > div:nth-of-type(4), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(3), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(5), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(7), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(9), div[data-table="Cashflow"] div[data-row] > div:nth-of-type(3), div[data-table="Liquiditaet"] div[data-row] > div:nth-of-type(3), div[data-table="GuV"] div[data-row] > div:nth-of-type(3), div[data-table="Personal"] div[data-row] > div:nth-of-type(3), div[data-table="Bilanz"] div[data-row] > div:nth-of-type(3), div[data-table="Bilanz"] div[data-row] > div:nth-of-type(6), div[data-table="Lager"] div[data-row] > div:nth-of-type(3) {
  --bs-lfd-opacity: 0.15;
  background: rgba(var(--bs-color-calldarkest-rgb),var(--bs-lfd-opacity));
  color: var(--bs-color-callout-contrast);
  border-left: 1px dotted var(--bs-color-main);
  border-right: 1px dotted var(--bs-color-main);
  padding-right: 0.5em; }

.vorJahr, div[data-table="Score"] div[data-row] > div:nth-of-type(2), div[data-table="Score"] div[data-row] > div:nth-of-type(5), div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(3), div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(4), div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(5), div[data-table="Markt"] div[data-row] > div:nth-of-type(2), div[data-table="Markt"] div[data-row] > div:nth-of-type(3), div[data-table="Markt"] div[data-row] > div:nth-of-type(5), div[data-table="Markt"] div[data-row] > div:nth-of-type(6), div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(4), div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(2), div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(4), div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(2), div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(5), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(4), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(5), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(6), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(7), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(2), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(4), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(2), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(6), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(2), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(4), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(6), div[data-table="Score2"] div[data-row] > div:nth-of-type(2), div[data-table="Rating3"] div[data-row] > div:nth-of-type(10), div[data-table="Rating3"] div[data-row] > div:nth-of-type(11), div[data-table="Rating3"] div[data-row] > div:nth-of-type(13), div[data-table="Finanzen"] div[data-row] > div:nth-of-type(3), div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(3), div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(4), div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(5), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(2), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(4), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(6), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(8), div[data-table="Cashflow"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="Liquiditaet"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="GuV"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="Personal"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="Bilanz"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="Bilanz"] div[data-row]:not(.yearRow) > div:nth-of-type(5), div[data-table="Lager"] div[data-row]:not(.yearRow) > div:nth-of-type(2) {
  --bs-vor-opacity: 0.5;
  color: rgba(var(--bs-color-main-rgb),var(--bs-vor-opacity));
  padding-right: 0.5em; }

.btlr, #result_wolfpanes .startBorder, #result_wolfpanes div[data-table] > div[data-row].yearRow > div.lfd, #result_wolfpanes div[data-table] > div[data-row].yearRow-sm > div.lfd {
  border-top-left-radius: var(--bs-border-radius); }

.btrr, #result_wolfpanes .startBorder, #result_wolfpanes div[data-table] > div[data-row].yearRow > div.lfd, #result_wolfpanes div[data-table] > div[data-row].yearRow-sm > div.lfd {
  border-top-right-radius: var(--bs-border-radius); }

.bblr, #result_wolfpanes .closeBorder {
  border-bottom-left-radius: var(--bs-border-radius); }

.bbrr, #result_wolfpanes .closeBorder {
  border-bottom-right-radius: var(--bs-border-radius); }

#auswertung .wolfarticle {
  padding-top: 1.5rem !important; }

#auswertung #selectRow1 #AuswertungsAuswahlDiv1 {
  background: var(--bs-color-callout);
  margin-top: 1.5rem;
  padding: 0.75rem; }
  #auswertung #selectRow1 #AuswertungsAuswahlDiv1 .sector {
    width: 135px; }
  #auswertung #selectRow1 #AuswertungsAuswahlDiv1 a {
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: var(--bs-border-radius); }
  #auswertung #selectRow1 #AuswertungsAuswahlDiv1 a:hover {
    background: var(--bs-color-main);
    color: var(--bs-color-main-contrast); }

#auswertung h1.headName {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.95);
  font-family: 'GothamBold';
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 1rem; }

#auswertung #chartObject {
  width: 600px !important;
  margin: 0 auto 30px auto;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 3px;
  padding: 1rem; }

#auswertung #chartObject, #auswertung #chartToggleOff {
  display: flex; }

#auswertung #chartToggleOn {
  display: none; }

#auswertung[data-chart=hide] #chartObject, #auswertung[data-chart=hide] #chartToggleOff {
  display: none; }

#auswertung[data-chart=hide] #chartToggleOn, #auswertung #downloadExcel {
  display: flex; }

#auswertung #addFunctions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  padding: 2rem;
  width: 100 #auswertung #addFunctions; }

#auswertung #addFunctions .bi {
  color: var(--bs-color-main);
  background: var(--bs-color-main-contrast);
  padding: 0.2rem;
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--bs-color-main);
  border-radius: var(--bs-border-radius);
  font-size: 1.3rem; }
  #auswertung #addFunctions .bi.inverted {
    background: var(--bs-color-main);
    color: var(--bs-color-main-contrast); }

#result_wolfpanes {
  max-width: 100%;
  padding: 0 !important;
  margin: 0 auto;
  --bs-lfd-border: 1px dotted var(--bs-color-main); }

#result_wolfpanes .closeBorder {
  border-bottom: var(--bs-lfd-border); }

#result_wolfpanes .startBorder {
  border-top: var(--bs-lfd-border); }

#result_wolfpanes div[data-table] {
  padding: 0.5rem;
  display: grid;
  max-width: 100% !important;
  margin: 0 auto 2rem auto;
  padding-bottom: 40px !important;
  border-collapse: collapse; }

#result_wolfpanes div[data-table] h4.text-upper, #result_wolfpanes div[data-table] .faq_list .kategoryField.text-upper, .faq_list #result_wolfpanes div[data-table] .kategoryField.text-upper, #result_wolfpanes div[data-table] .handbuch_list .kategoryField.text-upper, .handbuch_list #result_wolfpanes div[data-table] .kategoryField.text-upper {
  border-bottom: 1px solid var(--bs-color-main);
  padding-bottom: 1rem; }

#result_wolfpanes div[data-table] > div[data-row] {
  display: grid;
  grid-template-rows: auto !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  #result_wolfpanes div[data-table] > div[data-row] > div {
    font-size: 13px;
    padding: 0.1rem 0.25rem;
    text-align: right;
    line-height: 1.65em; }
  #result_wolfpanes div[data-table] > div[data-row] > div:first-child {
    text-align: left; }
  #result_wolfpanes div[data-table] > div[data-row] > div.center {
    text-align: center !important; }
  #result_wolfpanes div[data-table] > div[data-row] > div.tl {
    text-align: left !important; }
  #result_wolfpanes div[data-table] > div[data-row].inverted {
    background: var(--bs-color-main);
    color: var(--bs-color-main-contrast); }
  #result_wolfpanes div[data-table] > div[data-row].inverted > div {
    border-width: 0 !important; }
  #result_wolfpanes div[data-table] > div[data-row].headSection > div {
    padding-top: 0.5rem;
    font-weight: bold;
    color: var(--bs-color-main);
    border-bottom: 1px solid var(--bs-color-main); }
  #result_wolfpanes div[data-table] > div[data-row].subheadSection > div {
    padding-top: 0.5rem;
    padding-left: 1.5rem;
    font-weight: bold;
    color: var(--bs-color-main); }
  #result_wolfpanes div[data-table] > div[data-row].small > div {
    padding-left: 2rem !important;
    font-size: 0.8em !important;
    font-style: italic; }
  #result_wolfpanes div[data-table] > div[data-row].sumSection, #result_wolfpanes div[data-table] > div[data-row].sumRow {
    background: #eee;
    border-bottom: 1px solid black;
    border-top: 1px solid black; }
  #result_wolfpanes div[data-table] > div[data-row].sumSection > div:nth-of-type(1), #result_wolfpanes div[data-table] > div[data-row].sumRow > div:nth-of-type(1) {
    padding-left: 0 !important; }
  #result_wolfpanes div[data-table] > div[data-row].sumSection > div, #result_wolfpanes div[data-table] > div[data-row].sumRow > div {
    font-weight: bold;
    color: var(--bs-color-main);
    line-height: 2em; }
  #result_wolfpanes div[data-table] > div[data-row].sumSection + [data-row] > div, #result_wolfpanes div[data-table] > div[data-row].sumRow + [data-row] > div {
    padding-top: 7px; }
  #result_wolfpanes div[data-table] > div[data-row] .sumCell {
    background: #eee;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    font-weight: bold;
    color: var(--bs-color-main);
    line-height: 2em; }
  #result_wolfpanes div[data-table] > div[data-row].zwsumRow {
    border-bottom: 1px dotted black;
    border-top: 1px dotted black; }
  #result_wolfpanes div[data-table] > div[data-row].zwsumRow > div:nth-of-type(1) {
    padding-left: 0 !important; }
  #result_wolfpanes div[data-table] > div[data-row].zwsumRow > div {
    font-weight: bold;
    color: var(--bs-color-main);
    line-height: 2em; }
  #result_wolfpanes div[data-table] > div[data-row].zwsumRow + [data-row] > div {
    padding-top: 7px; }
  #result_wolfpanes div[data-table] > div[data-row].yearRow {
    border-bottom: 2px solid var(--bs-color-main); }
  #result_wolfpanes div[data-table] > div[data-row].yearRow > div {
    padding: 0.5em;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-right: 20px !important; }
    #result_wolfpanes div[data-table] > div[data-row].yearRow > div.lfd {
      border-top: var(--bs-lfd-border); }
  #result_wolfpanes div[data-table] > div[data-row].yearRow-sm {
    border-bottom: 2px solid var(--bs-color-main); }
  #result_wolfpanes div[data-table] > div[data-row].yearRow-sm > div {
    padding: 0.5em;
    text-align: center !important;
    color: var(--bs-color-main);
    font-size: 12px !important;
    font-weight: 600 !important;
    padding-right: 0px !important;
    padding-left: 0px !important; }
    #result_wolfpanes div[data-table] > div[data-row].yearRow-sm > div.lfd {
      border-top: var(--bs-lfd-border); }
  #result_wolfpanes div[data-table] > div[data-row].masterRow > div {
    font-weight: 600 !important;
    text-align: center !important;
    color: var(--bs-color-main) !important; }
  #result_wolfpanes div[data-table] > div[data-row].borderTop {
    border-top: 1px solid var(--bs-color-main); }
  #result_wolfpanes div[data-table] > div[data-row].borderBottom, #result_wolfpanes div[data-table] > div[data-row] .borderBottom {
    border-bottom: 1px solid var(--bs-color-main); }
  #result_wolfpanes div[data-table] > div[data-row].bold > div {
    font-weight: 600; }
  #result_wolfpanes div[data-table] > div[data-row].bold > div:nth-of-type(1) {
    padding-left: 0 !important; }

#result_wolfpanes .span2 {
  grid-column: span 2; }

#result_wolfpanes .span2 + div {
  display: none !important; }

#result_wolfpanes .span3 {
  grid-column: span 3; }

#result_wolfpanes .span3 + div {
  display: none !important; }
  #result_wolfpanes .span3 + div + div {
    display: none !important; }

#result_wolfpanes .span4 {
  grid-column: span 4; }

#result_wolfpanes .span4 + div {
  display: none !important; }
  #result_wolfpanes .span4 + div + div {
    display: none !important; }
  #result_wolfpanes .span4 + div + div + div {
    display: none !important; }

#result_wolfpanes .span5 {
  grid-column: span 5; }

#result_wolfpanes .span5 + div {
  display: none !important; }
  #result_wolfpanes .span5 + div + div {
    display: none !important; }
  #result_wolfpanes .span5 + div + div + div {
    display: none !important; }
    #result_wolfpanes .span5 + div + div + div + div {
      display: none !important; }

#result_wolfpanes .pr2 {
  padding-right: 5rem !important; }

#result_wolfpanes .pr2 {
  padding-right: 5rem !important; }

#result_wolfpanes .pr4 {
  padding-right: 5rem !important; }

#result_wolfpanes .pr5 {
  padding-right: 5rem !important; }

#result_wolfpanes .info {
  font-size: 0.9em;
  color: #999;
  font-style: italic; }

#result_wolfpanes .bold {
  font-weight: 600; }

#result_wolfpanes .italic {
  font-style: italic; }

div[data-table] {
  justify-content: center;
  margin: 0 auto; }

div[data-table] .pt1 > div {
  padding-top: 0.25rem !important; }

div[data-table] .pt2 > div {
  padding-top: 0.5rem !important; }

div[data-table] .pt3 > div {
  padding-top: 1rem !important; }

div[data-table] .pt5 > div {
  padding-top: 2rem !important; }

div[data-table] .pb1 > div {
  padding-bottom: 0.25rem !important; }

div[data-table] .pb2 > div {
  padding-bottom: 0.5rem !important; }

div[data-table] .pb3 > div {
  padding-bottom: 1rem !important; }

div[data-table] .pb5 > div {
  padding-bottom: 2rem !important; }

div[data-table] div[data-row]:not(.headSection):not(.sumSection) > div:nth-of-type(1) {
  padding-left: 0.75rem !important; }

div[data-table="Entscheidung"] {
  width: 500px; }

div[data-table="Entscheidung"] div[data-row] {
  grid-template-columns: 200px 150px 150px; }

#startStatement1 {
  background: #700;
  color: white;
  text-align: center;
  font-weight: bold;
  padding: 1em 2em;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

#startStatement2 {
  background: #eee;
  font-style: italic;
  border: 1px solid black;
  color: black;
  font-size: 12px;
  padding: 1em 2em;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center; }

div[data-table="Anlagen"] {
  width: 600px; }

div[data-table="Anlagen"] div[data-row] > div:nth-of-type(6) {
  display: none; }

div[data-table="Anlagen"] div[data-row] > div:nth-of-type(1) {
  text-align: right !important;
  font-weight: 600; }

div[data-table="Anlagen"] div[data-row] > div:nth-of-type(2) {
  text-align: left !important;
  font-weight: 600; }

div[data-table="Anlagen"] div[data-row] > div:nth-of-type(3) {
  border-left: 1px dotted var(--bs-color-main); }

div[data-table="Anlagen"] div[data-row] > div:nth-of-type(5), div[data-table="Anlagen"] div[data-row] > div:nth-of-type(9) {
  border-right: 1px dotted var(--bs-color-main); }

div[data-table="Anlagen"] div[data-row] > div:nth-of-type(3), div[data-table="Anlagen"] div[data-row] > div:nth-of-type(4), div[data-table="Anlagen"] div[data-row] > div:nth-of-type(5) {
  text-align: center !important; }

div[data-table="Anlagen"] div[data-row] {
  grid-template-columns: 40px 40px 35px 35px 35px 80px 80px 80px 80px 80px; }

div[data-table="Score"] div[data-row] {
  grid-template-columns: 250px 70px 70px 10px 70px 70px 70px 0px; }

div[data-table="Score"] div[data-row] > div:nth-of-type(3), div[data-table="Score"] div[data-row] > div:nth-of-type(6) {
  padding-right: 0.5rem !important; }

div[data-table="Score"] div[data-row] > div:nth-of-type(2), div[data-table="Score"] div[data-row] > div:nth-of-type(5) {
  padding-right: 0.5rem !important; }

div[data-table="Branchenbericht"] div[data-row] {
  grid-template-columns: 240px 90px 90px 90px 90px; }

div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(2) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(3), div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(4), div[data-table="Branchenbericht"] div[data-row] > div:nth-of-type(5) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Markt"] div[data-row] {
  grid-template-columns: 200px 70px 70px 80px 70px 70px 70px; }

div[data-table="Markt"] div[data-row] > div:nth-of-type(4) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Markt"] div[data-row] > div:nth-of-type(2), div[data-table="Markt"] div[data-row] > div:nth-of-type(3), div[data-table="Markt"] div[data-row] > div:nth-of-type(5), div[data-table="Markt"] div[data-row] > div:nth-of-type(6) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kostentraeger"] div[data-row] {
  grid-template-columns: 240px 90px 90px 90px 90px; }

div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(4), div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(2) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(3), div[data-table="Kostentraeger"] div[data-row] > div:nth-of-type(5) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kostenarten"] div[data-row] {
  grid-template-columns: 200px 90px 90px 90px 90px; }

div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(4), div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(2), div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(5) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kostenarten"] div[data-row] > div:nth-of-type(3) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kostenstellen"] div[data-row] {
  grid-template-columns: 180px 70px 70px 60px 70px 60px 60px 60px; }

div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(4), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(5), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(6), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(7), div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(2) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kostenstellen"] div[data-row] > div:nth-of-type(3) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="DB_Detail"] div[data-row] {
  grid-template-columns: 160px 60px 100px 60px 90px 60px 90px; }

div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(4), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(2), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(6) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(3), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(5), div[data-table="DB_Detail"] div[data-row] > div:nth-of-type(7) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Deckungsbeitrag"] div[data-row] {
  grid-template-columns: 175px 60px 90px 60px 90px 60px 90px; }

div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(2), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(4), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(6) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(7), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(5), div[data-table="Deckungsbeitrag"] div[data-row] > div:nth-of-type(3) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Score2"] div[data-row] {
  grid-template-columns: 220px 70px 70px 25px 25px 55px 80px 80px; }

div[data-table="Score2"] div[data-row] > div:nth-of-type(3) {
  padding-right: 0.5rem !important; }

div[data-table="Score2"] div[data-row] > div:nth-of-type(2) {
  padding-right: 0.5rem !important; }

div[data-table="Score2"] div[data-row] > div:nth-of-type(7) {
  color: darkred;
  text-align: right !important; }

div[data-table="Score2"] div[data-row] > div:nth-of-type(8) {
  color: darkgreen;
  text-align: left !important; }

div[data-table="Rating"] {
  display: none !important;
  padding-bottom: 0 !important; }

div[data-table="Rating"] div[data-row] {
  grid-template-columns: 0px 70px 70px 70px 70px 0 0 0 70px 70px 70px 70px 70px 70px; }

#chartObject[name="C_Entscheidung"], #chartObject[name="C_Entscheidung"] *, #chartObject[name="C_Nachhaltigkeit"], #chartObject[name="C_Nachhaltigkeit"] *, #chartObject[name="C_Finanzen"], #chartObject[name="C_Finanzen"] *, #chartObject[name="C_Kreditlinie"], #chartObject[name="C_Kreditlinie"] * {
  display: none !important;
  position: fixed !important;
  z-index: -1; }

div[data-table="Rating2"] {
  padding-bottom: 0 !important; }

div[data-table="Rating2"] div[data-row] {
  grid-template-columns: 200px 10px 200px; }

div[data-table="Rating3"] div[data-row] {
  grid-template-columns: 0px 230px 0px 0px 0px 0 0 0 80px 80px 80px 50px 80px 50px; }

div[data-table="Rating3"] div[data-row] > div:nth-of-type(12), div[data-table="Rating3"] div[data-row] > div:nth-of-type(14) {
  padding-right: 0.5rem !important; }

div[data-table="Rating3"] div[data-row] > div:nth-of-type(10), div[data-table="Rating3"] div[data-row] > div:nth-of-type(11), div[data-table="Rating3"] div[data-row] > div:nth-of-type(13) {
  padding-right: 0.5rem !important; }

div[data-table="Rating3"] div[data-row] > div:nth-of-type(2) {
  text-align: left !important; }

div[data-table="Rating3"] div[data-row]:not(.headSection) > div:nth-of-type(2) {
  padding-left: 0.75rem !important; }

div[data-table="Finanzen"] div[data-row] {
  grid-template-columns: 30px 210px 95px 95px 75px 75px; }

div[data-table="Finanzen"] div[data-row] > div:nth-of-type(1) {
  text-align: center !important; }

div[data-table="Finanzen"] div[data-row] > div:nth-of-type(2) {
  text-align: left !important; }

div[data-table="Finanzen"] div[data-row] > div:nth-of-type(3) {
  padding-right: 0.5rem !important; }

div[data-table="Finanzen"] div[data-row] > div:nth-of-type(4) {
  padding-right: 0.5rem !important; }

div[data-table="Finanzen"] div[data-row] > div:nth-of-type(5), div[data-table="Finanzen"] div[data-row] > div:nth-of-type(6) {
  text-align: center !important;
  font-size: 11px !important; }

div[data-table="Kreditlinie"] div[data-row] {
  grid-template-columns: 240px 90px 90px 90px; }

div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(4) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(3), div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(4), div[data-table="Kreditlinie"] div[data-row] > div:nth-of-type(5) {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

div[data-table="Aufwendungen"] {
  width: 600px; }

div[data-table="Aufwendungen"] div[data-row] {
  grid-template-columns: 250px 100px 100px 100px; }

div[data-table="Aufwendungen2"] {
  width: 600px; }

div[data-table="Aufwendungen2"] div[data-row] {
  grid-template-columns: 250px 100px 100px 100px; }

div[data-table="Aufwendungen3"] {
  width: 600px; }

div[data-table="Aufwendungen3"] div[data-row] {
  grid-template-columns: 250px 100px 100px 100px; }

div[data-table="Nachhaltigkeit"] div[data-row] {
  grid-template-columns: auto 75px 80px 50px 60px 50px 50px 55px 60px; }

div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(2), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(4), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(6), div[data-table="Nachhaltigkeit"] div[data-row] > div:nth-of-type(8) {
  font-size: 0.75em !important;
  line-height: 2em; }

div[data-table="Cashflow"] div[data-row], div[data-table="Liquiditaet"] div[data-row], div[data-table="GuV"] div[data-row] {
  grid-template-columns: 250px 120px 120px; }

div[data-table="Cashflow"] div[data-row] > div:nth-of-type(3), div[data-table="Liquiditaet"] div[data-row] > div:nth-of-type(3), div[data-table="GuV"] div[data-row] > div:nth-of-type(3) {
  padding-right: 10px !important; }

div[data-table="Cashflow"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="Liquiditaet"] div[data-row]:not(.yearRow) > div:nth-of-type(2), div[data-table="GuV"] div[data-row]:not(.yearRow) > div:nth-of-type(2) {
  padding-right: 10px !important; }

div[data-table="Personal"] div[data-row] {
  grid-template-columns: 150px 80px 80px 40px 40px 60px 50px 40px 50px 50px; }

div[data-table="Personal"] div[data-row] > div:nth-of-type(3) {
  padding-right: 10px !important; }

div[data-table="Personal"] div[data-row]:not(.yearRow) > div:nth-of-type(2) {
  padding-right: 10px !important; }

div[data-table="Personal2"] div[data-row] {
  grid-template-columns: 150px 80px 80px 40px 40px 60px 50px 40px 50px 50px; }

div[data-table="Personal2"] div[data-row] > div:nth-of-type(1), div[data-table="Personal2"] div[data-row] > div:nth-of-type(3) {
  font-weight: 600; }

div[data-table="Personal2"] .bt {
  border-top: 1px dotted var(--bs-color-main); }

div[data-table="Bilanz"] div[data-row] {
  grid-template-columns: 150px 90px 90px 150px 90px 90px; }

div[data-table="Bilanz"] div[data-row] > div:nth-of-type(3) {
  margin-right: 10px; }

div[data-table="Bilanz"] div[data-row] > div:nth-of-type(1), div[data-table="Bilanz"] div[data-row] > div:nth-of-type(4) {
  text-align: left !important; }

div[data-table="Lager"] div[data-row]:not(.special) {
  grid-template-columns: 200px 80px 80px 55px 85px 80px 70px 60px; }

div[data-table="Lager"] div[data-row].special {
  grid-template-columns: 200px 80px 80px 140px 0px 80px 70px 70px; }

div[data-table="Lager"] div[data-row] > div:nth-of-type(3) {
  padding-right: 10px !important; }

div[data-table="Lager"] div[data-row]:not(.yearRow) > div:nth-of-type(2) {
  padding-right: 10px !important; }

div[data-table="Lager"] div[data-row] > div:nth-of-type(4), div[data-table="Lager"] div[data-row] > div:nth-of-type(6), div[data-table="Lager"] div[data-row] > div:nth-of-type(8), div[data-table="Lager"] div[data-row] > div:nth-of-type(10) {
  display: none; }

.cell-white {
  background: white !important;
  color: var(--bs-color-main) !important;
  border: none !important; }

.noBorder {
  border-color: transparent !important; }

#reorgBox {
  padding: 1rem;
  width: 80% !important;
  margin: 0 auto;
  background: rgba(150, 0, 0, 0.1);
  border: 2px solid #700;
  border-radius: 5px; }

#reorgBox.hideMe {
  display: none !important; }

#reorgTxt {
  padding-bottom: 1rem;
  padding-top: 1rem; }

#reorgKrit1_1, #reorgKrit2_1 {
  width: 180px; }

#starBox {
  position: relative;
  background: #f8f8f8;
  height: 460px;
  width: 100%;
  display: inline-block; }

#starBox img {
  height: 300px;
  width: 300px;
  position: absolute;
  top: calc(50% - 15px);
  left: 50%;
  margin-left: -150px;
  margin-top: -150px; }

#starBox div#starKunde {
  width: 240px;
  height: 50px;
  position: absolute;
  top: 130px;
  right: 5px;
  transform: scale(0.8); }

#starBox div#starEigentum {
  width: 240px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -120px;
  transform: scale(0.8); }

#starBox div#starBank {
  width: 180px;
  height: 50px;
  position: absolute;
  top: 325px;
  right: 5px;
  transform: scale(0.8); }

#starBox div#starManager {
  width: 240px;
  height: 50px;
  position: absolute;
  top: 130px;
  left: 5px;
  transform: scale(0.8); }

#starBox div#starBetrieb {
  width: 180px;
  height: 50px;
  position: absolute;
  top: 325px;
  left: 5px;
  transform: scale(0.8); }

#starBox div#starUnternehmen {
  width: 180px;
  height: 50px;
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -90px;
  transform: scale(0.8); }

#starBox div#starCenter {
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 20px);
  left: 50%;
  margin-left: -40px;
  margin-top: -22px;
  font-size: 1.7rem;
  font-weight: 600;
  color: #a00;
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem; }

#starBox div h1 {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 1.2;
  border-bottom: 1px solid black;
  text-align: left;
  padding: 0.5rem;
  color: black;
  margin-bottom: 0; }

#starBox div div.vorjahr {
  font-size: 1rem;
  font-weight: 200;
  padding: 0.5rem;
  font-style: italic;
  color: #999;
  color: black;
  padding-left: 1rem;
  padding-right: 1rem; }

#starBox div div.aktuell {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.5rem;
  color: #fff;
  background-color: black;
  padding-left: 1rem;
  padding-right: 1rem; }

#starBox div#starUnternehmen h1 {
  border-bottom: 0 !important;
  border-top: 1px solid black; }

#user_projectlist {
  width: 100%; }

#user_projectlist .downloader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

#user_projectlist .downloader span.bi {
  font-size: 1.6rem;
  line-height: 1.1em; }

#user_projectlist .downloader span.year {
  font-size: 11px;
  line-height: 1.4em; }

#user_projectlist .info {
  color: #555;
  font-weight: 600; }

#user_projectlist .timing {
  font-size: 12px;
  font-style: italic; }

#user_projectlist .downloader .year {
  font-size: 10px; }

#user_projectlist .downloader img, #user_projectlist .downloader svg {
  width: 1.5rem;
  height: 1.5rem; }

#user_projectlist .downloader svg path {
  fill: #333; }

#user_projectlist .downloader svg:hover path {
  fill: var(--bs-primary); }

#user_projectlist .disabled .info {
  opacity: 0.3;
  font-style: italic;
  font-weight: 400; }

#user_projectlist .disabled label span {
  opacity: 0.3; }

#user_projectlist .working .info {
  font-weight: 400; }

#user_projectlist .fixed .info {
  font-weight: 400; }
/* informationen */
.contentBox {
  padding: 0rem 2rem 3rem 2rem;
  width: 700px;
  max-width: 98%; }

.contentBox header {
  padding-top: 0;
  margin-top: 0; }

.contentBox main {
  text-align: left; }

.hstackRow, .kennzahl_list div.initial, .kennzahl_list div.info-head {
  width: 100%; }

.ah1, .kennzahl_list div.info-head div.kenn {
  font-weight: bold;
  color: var(--bs-color-main);
  font-size: 1rem; }
/*.modal-content .initial {
 text-align:center;
 padding-top:40px;
 padding-bottom:20px;
 font-size:20px;
 font-weight:600;
 color:black;}
 .modal-content .initial#init_A {
 padding-top:68px;
 }
 */
.standardContainer, #info_container {
  width: 700px; }

.kennzahl_list div.initial hr {
  flex-grow: 1; }

.kennzahl_list div.initial span {
  font-weight: bold;
  padding: 0rem 2rem; }

.kennzahl_list div.info-head div.kenn {
  flex-grow: 1; }

.kennzahl_list div.lang img {
  max-width: 100% !important; }
/*** briefings ***/
.brief_list .period_info {
  text-align: left;
  width: 100%; }

.brief_list .brief-head {
  line-height: 1.1em;
  font-weight: 400; }

.brief_list .brief-info {
  display: none;
  margin-bottom: 1rem; }

.brief_list .dropper {
  opacity: 0; }

.brief_list section .toprow {
  background: var(--bs-color-callout);
  padding: 0.5rem 1rem;
  border-radius: var(--bs-border-radius);
  border: 1px solid #ccc;
  font-size: 14px;
  font-style: italic;
  line-height: 1.3em;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.brief_list section.aktive .brief-head {
  font-weight: 600; }

.brief_list section.aktive .brief-info {
  display: block; }

.brief_list section.aktive .dropper {
  opacity: 1; }
/*** end briefings ***/
/*** FAQ ***/
/* kategorien anlegen bei FAQ und Benutzerhandbuch */
.katButton {
  position: absolute;
  right: 8px;
  border-radius: var(--bs-border-radius); }

.faq_list, .handbuch_list {
  counter-reset: ebene1;
  width: 700px;
  max-width: 100%;
  margin: 0 auto; }

.faq_list .kategoryField, .handbuch_list .kategoryField, .faq_list h3, .handbuch_list h3, .faq_list .list-group-item, .handbuch_list .list-group-item {
  border: none !important;
  position: relative;
  padding: 0;
  margin: 0; }

.faq_list .masterBox, .handbuch_list .masterBox {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  width: 100%; }

.faq_list .kategoryField, .handbuch_list .kategoryField {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  counter-reset: ebene2; }

.faq_list .kategoryField::before, .handbuch_list .kategoryField::before {
  counter-increment: ebene1;
  content: counter(ebene1) ". "; }

.faq_list h3, .handbuch_list h3 {
  text-align: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 100 !important;
  padding-left: 2.3rem;
  margin-top: 0.05rem;
  line-height: 1.1em;
  margin-bottom: 0.05rem; }

.faq_list h3:before, .handbuch_list h3:before {
  counter-increment: ebene2;
  content: counter(ebene1) "." counter(ebene2) ". ";
  position: absolute;
  right: calc(100% - 1.7rem);
  font-style: italic;
  font-weight: 100; }

.faq_list .answerField, .handbuch_list .answerField {
  display: none;
  width: calc(100% - 30px);
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  margin-bottom: 0.5rem;
  position: relative; }

.faq_list .answerField:before, .handbuch_list .answerField:before {
  position: absolute;
  top: 0.6rem;
  right: calc(100% - 1.7rem); }

.faq_list .answerField.show, .handbuch_list .answerField.show {
  display: block; }

.faq_list .list-group-item, .handbuch_list .list-group-item {
  border-radius: 5px;
  background: #fff;
  border: 1px solid transparent;
  transition: background 800ms; }

.faq_list .list-group-item.aktive, .handbuch_list .list-group-item.aktive {
  padding-top: 0.9rem;
  margin-bottom: 1rem;
  border: 1px solid #ddd !important;
  transition: padding-top 800ms; }

.faq_list .list-group-item.aktive h3, .handbuch_list .list-group-item.aktive h3 {
  color: var(--bs-color-heading);
  font-weight: 600 !important;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid #ddd !important; }
/*** end FAQ ***/
.termin_list .masterRow {
  background: var(--bs-color-bar);
  justify-content: start;
  align-items: center;
  padding: 0.35rem 1rem; }

.termin_list .masterRow h3 {
  color: yellow !important;
  line-height: 1em; }

.termin_list .masterRow h4, .termin_list .masterRow .faq_list .kategoryField, .faq_list .termin_list .masterRow .kategoryField, .termin_list .masterRow .handbuch_list .kategoryField, .handbuch_list .termin_list .masterRow .kategoryField {
  color: #808183 !important;
  line-height: 1em;
  font-weight: 400;
  font-style: italic; }
/*** kennzahlen ***/
.kennzahl_list {
  width: 700px;
  max-width: 100%;
  margin: 0 auto; }

.kennzahl_list header {
  height: 100px;
  display: inline-block; }

.kennzahl_list main {
  flex-grow: 1;
  overflow: scroll;
  min-height: calc(100vH - 180px);
  max-height: calc(100vH - 180px);
  height: calc(100vH - 200px);
  padding-bottom: 30px; }

.kennzahl_list .slimScrollBar, .kennzahl_list .slimScrollRail {
  opacity: 0 !important; }

.kennzahl_list .chapter {
  margin-bottom: 1rem;
  padding: 1rem 1rem 1rem 2rem;
  width: 100%; }

.kennzahl_list .innercard h3 {
  text-align: left;
  flex-grow: 1; }

.kennzahl_list .innercard div.info {
  padding: 0 2rem 2rem 2rem; }

.kennzahl_list .indexline {
  /* see autoinit: vendor.index */
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem; }

.kennzahl_list .indexline a[data-index] {
  font-weight: 600;
  text-decoration: none !important;
  color: var(--bs-color-main) !important;
  text-transform: uppercase;
  padding: 0.3rem;
  font-size: 0.875rem;
  cursor: pointer; }
  .kennzahl_list .indexline a[data-index]:before {
    content: unset; }
  .kennzahl_list .indexline a[data-index]:first-of-type:before {
    content: unset !important; }
/*** end kennzahlen ***/
/*
 textarea { opacity:0.1;}
 textarea.done { opacity:1; }
 */
.kurz {
  font-weight: bold;
  color: #369 !important;
  padding: 0.25rem 2rem 0.25rem 2rem; }

.lang {
  font-weight: 100;
  color: #444 !important;
  padding: 0.25rem 2rem 0.25rem 4rem; }
/*.toprowwithbuttons {margin-top:-2rem;}
 .headline {text-transform:uppercase;letter-spacing:0.2rem;padding-bottom:1rem;text-align:center;}
 .alphaline {padding-bottom:1rem;text-align:center;width:100%;}
 .alphaline .initial {text-decoration:none !important;color:#369;padding:0.5rem;}
 */
/* special subsites */
body:not('.modal-open') #wrapper {
  opacity: 1; }

body.modal-open #wrapper {
  opacity: 0.9; }

.modal-backdrop {
  --bs-backdrop-bg: transparent; }

.modal {
  backdrop-filter: blur(3px) !important;
  background: var(--bs-color-callout); }

.modal.summernoteModal {
  background: rgba(255, 255, 255, 0);
  --bs-modal-margin: 0 !important;
  backdrop-filter: blur(0) !important;
  background: transparent !important; }

.modal.summernoteModal div.modal-dialog {
  position: absolute;
  transform: none !important;
  width: 400px;
  max-width: 100%; }

.modal.summernoteModal div.modal-content {
  background: var(--bs-color-callout); }
  .modal.summernoteModal div.modal-content div.header {
    display: none; }
  .modal.summernoteModal div.modal-content div.body {
    padding: 0.5rem 0.5rem 2rem 0.5rem !important;
    margin-bottom: 0; }
  .modal.summernoteModal div.modal-content div.body label.btn {
    width: 100%; }
  .modal.summernoteModal div.modal-content div.body label.form-switch {
    display: none !important; }
  .modal.summernoteModal div.modal-content div.body .control > label:before {
    border-color: var(--bs-color-callout); }
  .modal.summernoteModal div.modal-content div.body input[type=text] {
    background: rgba(255, 255, 255, 0.9);
    border-color: var(--bs-color-main);
    height: unset;
    font-size: 0.9rem !important; }
  .modal .modal-dialog {
    padding: 0 !important;
    max-width: 95vW !important;
    /* /header */ }

.modal .modal-dialog.modal-dialog-centered {
  --bs-margin-x: auto; }

.modal .modal-dialog .modal-content {
  margin: auto; }
  .modal .modal-dialog .modal-content main {
    max-height: calc(100vH - 12rem) !important;
    overflow-y: scroll;
    overflow-x: hidden; }

.modal .modal-dialog header {
  color: var(--bs-color-bar-contrast-hover);
  background: var(--bs-color-bar);
  font-family: var(--bs-head-font-face) !important;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 3.1rem;
  padding: 0 1rem;
  /* /button */ }
  .modal .modal-dialog header button {
    border: none !important;
    font-size: 1rem !important;
    color: var(--bs-color-main-contrast);
    margin-left: auto;
    background: transparent; }
  .modal .modal-dialog header button::before {
    content: "\f659";
    display: inline-block;
    font-family: bootstrap-icons !important;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.modal .modal-dialog main {
  padding: 1rem 1.5rem; }

.modal .modal-dialog footer {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 0 1.5rem;
  height: 3rem;
  background: var(--bs-color-callout);
  border-top: 1px solid var(--bs-border-color); }

.plain {
  background: rgba(255, 255, 255, 0.5) !important; }

.plain .modal-dialog {
  background: transparent !important; }

.plain .modal-content {
  background: transparent !important; }

.plain header {
  background: transparent !important; }

.plain header div, .plain header span {
  color: var(--bs-color-main); }

.plain footer {
  background: transparent !important;
  color: var(--bs-color-main); }

.plain main {
  background: transparent !important;
  color: var(--bs-color-main); }

#myAlert .modal-dialog, #myConfirm .modal-dialog, .alert .modal-dialog, .confirm .modal-dialog {
  padding: 0 !important; }

#myAlert .modal-content, #myConfirm .modal-content, .alert .modal-content, .confirm .modal-content {
  background: var(--bs-color-callout); }

#myAlert .modal-content header, #myConfirm .modal-content header, .alert .modal-content header, .confirm .modal-content header {
  position: relative; }
  #myAlert .modal-content header:after, #myConfirm .modal-content header:after, .alert .modal-content header:after, .confirm .modal-content header:after {
    border-color: transparent transparent var(--bs-color-callout) transparent !important; }
  #myAlert .modal-content header div.bell, #myConfirm .modal-content header div.bell, .alert .modal-content header div.bell, .confirm .modal-content header div.bell {
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 4px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px; }
  #myAlert .modal-content header footer, #myConfirm .modal-content header footer, .alert .modal-content header footer, .confirm .modal-content header footer {
    background: var(--bs-color-callout);
    color: var(--bs-color-callout-contrast); }
  #myAlert .modal-content header main, #myConfirm .modal-content header main, .alert .modal-content header main, .confirm .modal-content header main {
    background: var(--bs-color-callout);
    color: var(--bs-color-callout-contrast);
    padding: 1rem 2rem 2.5rem 2rem !important; }

#myAlert#myAlert, #myConfirm#myAlert, .alert#myAlert, .confirm#myAlert, #myAlert.alert, #myConfirm.alert, .alert.alert, .confirm.alert {
  background: rgba(255, 255, 255, 0.05); }

#myAlert#myAlert header, #myConfirm#myAlert header, .alert#myAlert header, .confirm#myAlert header, #myAlert.alert header, #myConfirm.alert header, .alert.alert header, .confirm.alert header, #myAlert#myAlert header div.bell, #myConfirm#myAlert header div.bell, .alert#myAlert header div.bell, .confirm#myAlert header div.bell, #myAlert.alert header div.bell, #myConfirm.alert header div.bell, .alert.alert header div.bell, .confirm.alert header div.bell {
  background: var(--bs-color-danger) !important;
  color: var(--bs-color-danger-contrast) !important; }

#myAlert#myConfirm, #myConfirm#myConfirm, .alert#myConfirm, .confirm#myConfirm, #myAlert.confirm, #myConfirm.confirm, .alert.confirm, .confirm.confirm {
  background: rgba(255, 255, 255, 0.05); }

#myAlert#myConfirm header, #myConfirm#myConfirm header, .alert#myConfirm header, .confirm#myConfirm header, #myAlert.confirm header, #myConfirm.confirm header, .alert.confirm header, .confirm.confirm header, #myAlert#myConfirm header div.bell, #myConfirm#myConfirm header div.bell, .alert#myConfirm header div.bell, .confirm#myConfirm header div.bell, #myAlert.confirm header div.bell, #myConfirm.confirm header div.bell, .alert.confirm header div.bell, .confirm.confirm header div.bell {
  background: var(--bs-color-success) !important;
  color: var(--bs-color-success-contrast) !important; }

#myPlain {
  padding: 0;
  background: var(--bs-color-bar); }

#myPlain header, #myPlain button.bi-x {
  display: none; }

.modal.summernoteModal.link-dialog .modal-content div.body, .modal.summernoteModal.image-dialog .modal-content div.body {
  order: 1;
  padding-bottom: 0 !important; }

.modal.summernoteModal.link-dialog .modal-content div.footer, .modal.summernoteModal.image-dialog .modal-content div.footer {
  order: 2;
  padding: 0 1rem 1rem 1rem;
  margin: 0; }

#myModal section.clean main {
  padding: 2rem !important; }

#eyModal iframe {
  display: flex;
  justify-content: center;
  height: 640px;
  width: 800px;
  background: transparent; }

#eyModal .modal-dialog {
  max-width: 800px;
  background: transparent; }

#eyModal .modal-body {
  position: relative;
  padding: 0px; }

#eyModal .close {
  background: transparent;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: -15px;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #444;
  opacity: 1;
  border: 0 !important; }

#eyModal div.embed-responsive {
  display: flex;
  justify-content: center; }

#eyModal, #eyModal div {
  background: transparent;
  border: 0; }

.offcanvas {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 98vW; }

.offcanvas > div, .offcanvas > section, .offcanvas > div > section {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important; }

.offcanvas header {
  text-align: center !important;
  border-radius: 0 !important;
  background: var(--bs-color-main) !important;
  color: var(--bs-color-main-contrast) !important;
  width: 100%; }

.offcanvas header .editorButton {
  display: none !important; }

.offcanvas main {
  padding: 1rem 2rem;
  width: 100%;
  overflow-x: scroll; }

.offcanvas main .noadmin-hidden, .offcanvas main .editorButton {
  display: none !important; }

.offcanvas footer {
  display: none; }

.offcanvas .kennzahl_list header {
  height: 100px; }
  .offcanvas .kennzahl_list header .indexline a[data-index] {
    background: white !important;
    padding: 4px;
    line-height: 1;
    align-self: center;
    margin-left: 2px;
    margin-right: 2px; }

.offcanvas .kennzahl_list main {
  height: calc(100vH - 100px) !important;
  min-height: calc(100vH - 100px) !important;
  max-height: calc(100vH - 100px) !important; }

.offcanvas .handbuch_list header, .offcanvas faq_list header {
  height: 60px; }

.offcanvas .handbuch_list main, .offcanvas faq_list main {
  height: calc(100vH - 60px) !important;
  min-height: calc(100vH - 60px) !important;
  max-height: calc(100vH - 60px) !important; }

body.is_login {
  overflow-x: hidden; }

body.is_login .control.noDiv div {
  display: none !important; }

body.is_login #helpButton {
  display: none !important; }

body.is_login .brandcontainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

body.is_login > main {
  background: var(--bs-color-callout);
  min-height: 100vH !important;
  width: 100vW !important;
  padding: 0rem;
  display: flex;
  justify-content: center;
  align-items: center; }

body.is_login > main #loginScreen {
  background: white;
  padding: 0 !important;
  margin: 0.5rem auto;
  max-width: 90vw;
  width: 90%;
  /* Standardbreite für Fensterbreiten von 0px bis 400px */
  width: 576px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  -moz-border-radius: var(--vs-border-radius);
  -webkit-border-radius: var(--vs-border-radius);
  -ms-border-radius: var(--vs-border-radius);
  -o-border-radius: var(--vs-border-radius);
  border-radius: var(--vs-border-radius); }

body.is_login > main fieldset {
  width: 100%;
  max-width: 90% !important; }

body.is_login > main #form_login > article:not(.show) {
  display: none; }

body.is_login > main article {
  padding: 0.5rem 2rem;
  margin: 0 auto;
  max-width: 96% !important; }
  body.is_login > main article > div {
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row; }
  body.is_login > main article > div .left_div {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 50%; }
  body.is_login > main article > div .right_div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%; }

body.is_login > main footer {
  display: flex;
  flex-direction: row;
  width: 100% !important;
  padding: 1rem;
  background: #2e2e38;
  gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 2rem; }
  body.is_login > main footer button {
    font-weight: 100; }

body.is_login > main footer img {
  height: 60px;
  width: auto;
  margin-right: auto; }

body.is_login > main h1 {
  text-transform: uppercase;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  text-align: center; }

body.is_login > main h3 {
  color: #000 !important;
  font-size: 1.1rem;
  text-align: center; }

body.is_login > main h4, body.is_login > main .faq_list .kategoryField, .faq_list body.is_login > main .kategoryField, body.is_login > main .handbuch_list .kategoryField, .handbuch_list body.is_login > main .kategoryField {
  color: #900 !important;
  font-size: 1rem;
  text-align: center; }

body.is_login > main #code {
  text-align: center !important;
  font-weight: 600 !important; }

body.is_login > main .imprints a {
  font-size: 12px;
  color: #666;
  text-decoration: none !important;
  padding: 0 4px; }
  body.is_login > main .imprints a:hover {
    color: #000; }
/* Für Fensterbreiten größer als 400px */
@media (min-width: 401px) {
  body.is_login > #loginScreen {
    width: 360px; } }
/* Für Fensterbreiten größer als 500px */
@media (min-width: 501px) {
  body.is_login > #loginScreen {
    width: 450px; } }

@media (min-width: 601px) {
  body.is_login > #loginScreen {
    width: 576px; } }

@media (max-width: 501px) {
  body.is_login > .imageFitter {
    height: 35px; } }

@media only screen and (max-width: 576px) {
  body.is_login .left_div, body.is_login .right_div {
    width: 100% !important; } }

.bw-1 {
  border-width: 1px !important; }

@media only screen and (max-width: 576px) {
  .sm-hide {
    display: none; }

  .sm-vstack {
    flex-direction: column !important; }

  .sm-hstack {
    flex-direction: row !important; } }
/* individual fields */
fieldset {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative !important; }

fieldset label {
  --bs-body-font-size: 14px; }

.master-form-control, fieldset div.master, fieldset div.pre, fieldset div.post {
  height: calc(1.35rem + 1.3rem + 2px);
  font-weight: 400;
  background-color: transparent;
  background-clip: padding-box;
  border: var(--bs-border-width) solid transparent;
  position: relative !important; }

.inner-form-control {
  font-weight: 400;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color); }

.typo-question {
  font-size: 1.1rem;
  font-weight: 400;
  color: black; }

.typo-innertext {
  font-size: 1rem;
  font-weight: 100;
  color: #777;
  font-style: italic; }

.typo-label, fieldset[data-control=text] label, fieldset[data-control=daterange] label, [data-control=file] label[for] {
  white-space: nowrap;
  font-weight: var(--bs-label-weight);
  font-size: var(--bs-label-size);
  font-style: var(--bs-label-style);
  color: var(--bs-label-color); }
/*
@mixin focus_transition {
  @for $i from 1 through 4 {
    &:nth-child(15) {
      @include animation(explodeFocus $focus-timer);
      transition: all .2s 3s ease-in;
    }
  }
}*/
/*.row {
 .r {
 @extend .vert-top;
 @extend .mb-4;
 @extend .col-sm-12;
 @extend .col-md-12;
 @extend .d-flex;
 @extend .flex-wrap;     
 }
 .r-2 {
 @extend .vert-top;
 @extend .mb-4;
 @extend .col-sm-12;
 @extend .col-md-6;
 @extend .d-flex;
 @extend .flex-wrap; 
 }
 .r-3 {
 @extend .vert-top;
 @extend .mb-2;
 @extend .col-sm-12;
 @extend .col-md-4;
 @extend .d-flex;
 @extend .flex-wrap; 
 }
 .r-rest {
 @extend .vert-top;
 @extend .mb-2;
 @extend .col-sm-12;
 @extend .col-md-8;
 @extend .d-flex;
 @extend .flex-wrap; 
 }
 }
 */
/*
 [data-control=spex] {
 &[data-type=newline] {
 width:100% !important;
 height:0px !important;
 max-height:0px !important;
 padding:0 !important;
 }
 &[data-type=horspace] {
 @extend .control-min-height;
 min-width:1rem;
 }
 &[data-type=vertspace] {
 min-height: 1rem;
 width:100%;
 }
 &[data-type=question] {
 @extend .col-12;
 @extend .w-row;
 @extend .px-2;
 @extend .py-3;
 @extend .my-2;
 @extend .typo-question;
 &[data-style=bottbordered] {
 border-bottom: 1px solid $border-color;
 }
 }
 &[data-type=innertext] {
 @extend .typo-innertext;
 @extend .col-12;
 @extend .w-row;
 @extend .px-5;
 @extend .py-2;
 }
 &[data-type=label] {
 @extend .typo-innertext;
 @extend .px-5;
 @extend .py-2;
 }
 }
 */
fieldset {
  display: flex;
  flex-direction: row;
  position: relative !important;
  padding: 0.25rem !important;
  background: transparent; }

fieldset[data-statement]:before {
  content: attr(data-statement) !important;
  display: flex;
  width: 200px;
  white-space: pre-wrap;
  padding-right: 1rem; }

fieldset .control {
  order: 3;
  width: 100%;
  position: relative; }

fieldset div.master {
  order: 1; }

fieldset div.pre {
  order: 2; }

fieldset div.post {
  order: 4; }

fieldset[data-control=text] .control, fieldset[data-control=select] .control {
  /*&:before {
   content:'';
   z-index:1000;
   position:absolute;
   top:3px;
   right:3px;
   width: 0;
   height: 0;
   border-top: 8px solid transparent;
   border-left: 8px solid transparent;
   }*/ }
  fieldset[data-control=text] .control div[id], fieldset[data-control=select] .control div[id] {
    display: none !important; }
  fieldset[data-control=text] .control:after, fieldset[data-control=select] .control:after {
    content: '';
    z-index: 1000;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-top: 7.5px solid transparent;
    border-left: 7.5px solid transparent; }

fieldset[data-control=text][data-required] .control:after {
  border-top-color: #dee2e6; }

fieldset[data-control=checkradio][data-required] .control {
  /*&:before {
   content:'\f005';
   z-index:1000;
   position:absolute;
   top:3px;
   right:3px;
   width: 0;
   height: 0;
   border-top: 8px solid transparent;
   border-left: 8px solid transparent;
   }*/ }

fieldset[data-control=checkradio][data-required] .control:after {
  content: '\f621';
  font: normal normal normal 8px/1 FontAwesome;
  z-index: 1000;
  position: absolute;
  top: 3px;
  right: 3px; }

fieldset[data-control=text], fieldset[data-control=daterange] {
  /*.markup {
   right: 1.2rem;
   top: calc(50% - 5px);
   }
   */
  padding-top: 0.26rem; }

fieldset[data-control=text] ::selection, fieldset[data-control=daterange] ::selection {
  background: #cde; }

fieldset[data-control=text] ::-moz-selection, fieldset[data-control=daterange] ::-moz-selection {
  background: #cde; }

fieldset[data-control=text] input, fieldset[data-control=daterange] input {
  font-size: var(--bs-form-fontsize) !important;
  font-weight: 600;
  height: var(--bs-form-height); }

fieldset[data-control=text] label, fieldset[data-control=daterange] label {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  max-width: calc(100% - 20px);
  white-space: nowrap;
  position: absolute;
  top: -0.75rem;
  left: 1rem;
  background-color: transparent;
  padding: 0.1rem 0.5rem;
  z-index: 1 !important;
  margin-bottom: 0;
  pointer-events: none;
  cursor: text; }

fieldset[data-control=text] label:before, fieldset[data-control=daterange] label:before {
  content: '';
  position: absolute;
  width: 100%;
  border: 1px solid white;
  top: 0.75rem;
  left: 0;
  z-index: -1; }

fieldset[data-control=text].iconRight .control input, fieldset[data-control=daterange].iconRight .control input {
  padding-right: 3rem; }
  fieldset[data-control=text].iconRight .control div.iconRight, fieldset[data-control=daterange].iconRight .control div.iconRight {
    position: absolute;
    right: 1px;
    top: 1px;
    border-left: 1px solid var(--bs-border-color);
    padding: 0 0.7rem;
    background: #eee;
    height: calc(100% - 2px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    font-size: 1.4rem; }
  fieldset[data-control=text].iconLeft .control input, fieldset[data-control=daterange].iconLeft .control input {
    padding-left: 3rem; }
  fieldset[data-control=text].iconLeft .control div.iconLeft, fieldset[data-control=daterange].iconLeft .control div.iconLeft {
    position: absolute;
    left: 1px;
    top: 1px;
    border-left: 1px solid var(--bs-border-color);
    padding: 0 1rem;
    height: calc(100% - 2px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit; }
/*.medium-editor-placeholder:after {
 font-size:1rem !important;
 color:#bbb;
 }
 div.medium-editor {
 background-color: #f8f9fa !important;
 border:1px solid #ccc !important
 }*/
[data-control=textarea] {
  display: flex;
  flex-direction: row;
  width: 100%; }

[data-control=textarea] label {
  max-width: calc(100% - 20px);
  white-space: nowrap;
  font-weight: 300;
  font-size: 0.9rem;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: -0.75rem;
  left: 1rem;
  color: #444 !important;
  background-color: transparent;
  padding: 0.1rem 0.5rem;
  z-index: 1 !important;
  margin-bottom: 0;
  pointer-events: none;
  cursor: text;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

[data-control=textarea] label:before {
  content: '';
  position: absolute;
  width: 100%;
  border: 1px solid white;
  top: 0.75rem;
  left: 0;
  z-index: -1; }

fieldset[data-control=checkradio] {
  --bs-body-font-size: 0.9rem;
  /*** end buttonstyle ***/
  /*** normal radios/checks ***/
  /*** end normal radios/checks ***/ }

fieldset[data-control=checkradio][data-type=button] {
  /*** buttonstyle ***/ }

fieldset[data-control=checkradio][data-type=button] div.label {
  font-weight: 300;
  font-size: 0.9rem;
  font-style: italic;
  color: #444 !important;
  white-space: nowrap;
  --bs-body-font-size: 0.9rem; }

fieldset[data-control=checkradio][data-type=button] input {
  opacity: 0;
  height: 0;
  width: 0; }
  fieldset[data-control=checkradio][data-type=button] input + label {
    position: relative;
    padding: 0.5rem 1rem;
    border: 1px solid gainsboro;
    line-height: 1em;
    white-space: nowrap;
    border-radius: 0.25rem;
    margin: 2px; }
  fieldset[data-control=checkradio][data-type=button] input + label:hover {
    border-color: var(--main);
    background-color: var(--main-hover);
    color: var(--main-hover-contrast); }
  fieldset[data-control=checkradio][data-type=button] input + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0px solid #2e2e38;
    border-radius: inherit;
    z-index: 0; }
  fieldset[data-control=checkradio][data-type=button] input:checked + label {
    background: var(--main);
    color: var(--main-contrast); }
  fieldset[data-control=checkradio][data-type=button] input:checked + label:before {
    animation-name: rippleOutline;
    animation-duration: 800ms;
    animation-delay: 100ms; }

fieldset[data-control=checkradio]:not([data-type]) input {
  opacity: 0;
  height: 0;
  width: 0; }
  fieldset[data-control=checkradio]:not([data-type]) input::after {
    content: "\a";
    white-space: pre; }
  fieldset[data-control=checkradio]:not([data-type]) input[type=radio] + label:after, fieldset[data-control=checkradio]:not([data-type]) input[type=radio] + label:before {
    border-radius: 200px; }
  fieldset[data-control=checkradio]:not([data-type]) input[type=checkbox] + label:after, fieldset[data-control=checkradio]:not([data-type]) input[type=checkbox] + label:before {
    border-radius: 4px; }
  fieldset[data-control=checkradio]:not([data-type]) input + label {
    position: relative;
    padding-left: 2rem;
    padding-top: 0em;
    font-size: var(--bs-body-font-size);
    cursor: pointer !important; }
  fieldset[data-control=checkradio]:not([data-type]) input + label:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: transparent;
    border: 1px solid var(--bs-border-color);
    transition: 120ms all ease-in-out !important; }
  fieldset[data-control=checkradio]:not([data-type]) input + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    transform: scale(0);
    background: #2e2e38;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 0 0 0 0.3rem white; }
  fieldset[data-control=checkradio]:not([data-type]) input:checked + label {
    color: #1d3759; }
  fieldset[data-control=checkradio]:not([data-type]) input:checked + label:before {
    transform: scale(1); }
  fieldset[data-control=checkradio]:not([data-type]) input:hover + label:after {
    background: rgba(0, 0, 0, 0) !important; }
  fieldset[data-control=checkradio]:not([data-type]) input:checked + label:before {
    outline-style: solid;
    outline-width: 0px;
    outline-color: var(--bs-border-color);
    animation-name: rippleOutline;
    animation-duration: 800ms;
    animation-delay: 100ms; }

fieldset[data-control=select].centered .bootstrap-select .dropdown-toggle .filter-option {
  text-align: center !important; }

fieldset[data-control=select] .control {
  height: calc(1.35rem + 1.3rem + 2px);
  display: flex;
  align-items: center;
  border-color: var(--bs-border-color);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--bs-border-radius); }

fieldset[data-control=select] .control .btn.dropdown-toggle {
  border-color: transparent !important;
  font-size: 1rem !important;
  font-weight: 600;
  background: transparent !important; }

fieldset[data-control=select] .control label {
  max-width: calc(100% - 20px);
  white-space: nowrap;
  font-weight: 300;
  font-size: 0.9rem;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: -0.75rem;
  left: 1rem;
  color: #444 !important;
  background-color: transparent;
  padding: 0.1rem 0.5rem;
  z-index: 1 !important;
  margin-bottom: 0;
  pointer-events: none;
  cursor: text;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  fieldset[data-control=select] .control label:before {
    content: '';
    position: absolute;
    width: 100%;
    border: 5px solid white;
    top: 0.65rem;
    left: 0;
    z-index: -1; }

fieldset[data-control=chosen] .control {
  height: calc(1.35rem + 1.3rem + 2px);
  display: flex;
  align-items: center;
  border-color: var(--bs-border-color);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--bs-border-radius); }

fieldset[data-control=chosen] .control .btn.dropdown-toggle {
  border-color: transparent !important;
  font-size: 1rem !important;
  font-weight: 600;
  background: transparent !important; }

fieldset[data-control=chosen] .control label {
  max-width: calc(100% - 20px);
  white-space: nowrap;
  font-weight: 300;
  font-size: 0.9rem;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: -0.75rem;
  left: 1rem;
  color: #444 !important;
  background-color: transparent;
  padding: 0.1rem 0.5rem;
  z-index: 1 !important;
  margin-bottom: 0;
  pointer-events: none;
  cursor: text;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  fieldset[data-control=chosen] .control label:before {
    content: '';
    position: absolute;
    width: 100%;
    border: 5px solid white;
    top: 0.65rem;
    left: 0;
    z-index: -1; }

fieldset[data-control=chosen] .control {
  display: inline-block;
  height: auto !important;
  min-height: calc(1.35rem + 1.3rem + 2px); }

[data-control=file] {
  /**** master ****/
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  overflow: hidden;
  border-radius: 5px; }

[data-control=file] .logodark .master {
  background: var(--bs-color-bar) url('/assets/_dummies/noimage_dark.png'); }

[data-control=file].logolight .master {
  background: var(--bs-color-callout) url('/assets/_dummies/noimage_light.png'); }

[data-control=file].person .master {
  background: transparent url('/assets/_dummies/upload_person.jpg'); }

[data-control=file] label[for] {
  padding: 0.25rem 0.5rem;
  width: 100%; }

[data-control=file] .master {
  margin: auto;
  border-radius: inherit !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  display: inline-block;
  -moz-border: 0px solid #fff;
  -webkit-border: 0px solid #fff;
  -ms-border: 0px solid #fff;
  -o-border: 0px solid #fff;
  border: 0px solid #fff;
  -moz-border-radius: var(-bs-border-radius);
  -webkit-border-radius: var(-bs-border-radius);
  -ms-border-radius: var(-bs-border-radius);
  -o-border-radius: var(-bs-border-radius);
  border-radius: var(-bs-border-radius); }

[data-control=file] .master .control {
  /**** Uploader ****/
  width: 100% !important;
  height: 100% !important;
  display: inline-block; }
  [data-control=file] .master .control.contain {
    background-size: contain !important; }
  [data-control=file] .master .control.cover {
    background-size: cover !important; }

[data-control=file].person {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  overflow: hidden;
  border-radius: 200px; }

[data-control=file].person .master {
  overflow: hidden;
  background: transparent url('/assets/_dummies/upload_person.jpg'); }
/* vendor section */
textarea.wolfieditor {
  opacity: 0; }

textarea.done {
  opacity: 1; }
/**** summernote SEE .article.notes***/
fieldset[data-control="texteditor"].article p {
  color: red !important; }

.note-btn:before {
  display: none !important; }

.note-current-fontname {
  padding-right: 0.65rem; }

.note-popover {
  border-radius: 0 !important;
  margin-top: 10px;
  background: #777;
  padding: 0px;
  border-radius: 3px !important; }

.popover-content button {
  padding-right: 0 !important; }

.note-popover .popover-content .note-fontsize-10, .note-editor .note-toolbar .note-fontsize-10 {
  /*padding-right:0.65rem;*/ }

.popover-content {
  border-radius: 3px !important; }

div.note-editable.card-block {
  overflow-x: hidden !important; }

.note-editor.note-frame .note-placeholder, .note-editor.note-airframe .note-placeholder {
  padding: 10px !important;
  font-size: 0.9rem;
  font-style: italic; }

.note-editor.note-frame .note-status-output, .note-editor.note-airframe .note-status-output {
  display: none !important; }

.note-btn-group.btn-group.note-addtags-code {
  display: flex !important;
  flex-direction: column !important; }

.note-btn-group.btn-group.note-addtags-code button {
  width: 100%;
  border-color: transparent; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: if(type-of($values) != list, ($values,), $values);
  word-wrap: break-word;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  -webkit-border-top-right-radius: var(--bs-border-radius-lg);
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: var(--bs-border-radius-lg);
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: var(--bs-border-radius-lg);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 var(--bs-border-radius-lg); }

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - (var(--bs-border-width))); }

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: var(--bs-border-color-translucent); }

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: var(--bs-border-width);
  border-width: 0.5rem 0.5rem 0;
  border-top-color: var(--bs-body-bg); }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - (var(--bs-border-width)));
  width: 0.5rem;
  height: 1rem;
  margin: var(--bs-border-radius-lg) 0; }

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: var(--bs-border-color-translucent); }

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: var(--bs-border-width);
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: var(--bs-body-bg); }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - (var(--bs-border-width))); }

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: var(--bs-border-color-translucent); }

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: var(--bs-border-width);
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: var(--bs-body-bg); }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: var(--bs-border-width) solid var(--bs-secondary-bg); }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - (var(--bs-border-width)));
  width: 0.5rem;
  height: 1rem;
  margin: var(--bs-border-radius-lg) 0; }

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: var(--bs-border-color-translucent); }

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: var(--bs-border-width);
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: var(--bs-body-bg); }

/*commons*/
/* Theme Variables
 ------------------------------------------ */
/* Layout
 ------------------------------------------ */
.note-editor {
  position: relative; }

.note-editor .note-dropzone {
  position: absolute;
  display: none;
  z-index: 100;
  color: lightskyblue;
  background-color: #fff;
  opacity: 0.95; }

.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 28px;
  font-weight: 700; }

.note-editor .note-dropzone.hover {
  color: #098ddf; }

.note-editor.dragover .note-dropzone {
  display: table; }

.note-editor .note-editing-area {
  position: relative; }

.note-editor .note-editing-area .note-editable {
  outline: none; }
  .note-editor .note-editing-area .note-editable sup {
    vertical-align: unset; }
  .note-editor .note-editing-area .note-editable sub {
    vertical-align: unset; }
  .note-editor .note-editing-area .note-editable img.note-float-left {
    margin-right: 10px; }
  .note-editor .note-editing-area .note-editable img.note-float-right {
    margin-left: 10px; }
/* Frame mode layout
 ------------------------------------------ */
.note-editor.note-frame, .note-editor.note-airframe {
  border: 1px solid var(--bs-border-color); }

.note-editor.note-frame.codeview .note-editing-area .note-editable, .note-editor.note-airframe.codeview .note-editing-area .note-editable {
  display: none; }
  .note-editor.note-frame.codeview .note-editing-area .note-codable, .note-editor.note-airframe.codeview .note-editing-area .note-codable {
    display: block; }

.note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area {
  overflow: hidden; }

.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  word-wrap: break-word; }
  .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"], .note-editor.note-airframe .note-editing-area .note-editable[contenteditable="false"] {
    background-color: rgba(128, 128, 128, 0.114); }

.note-editor.note-frame .note-editing-area .note-codable, .note-editor.note-airframe .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  border: none;
  box-shadow: none;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  resize: none;
  outline: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0; }

.note-editor.note-frame.fullscreen, .note-editor.note-airframe.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 1050; }

.note-editor.note-frame.fullscreen .note-resizebar, .note-editor.note-airframe.fullscreen .note-resizebar {
  display: none; }

.note-editor.note-frame .note-status-output, .note-editor.note-airframe .note-status-output {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  height: 20px;
  margin-bottom: 0;
  color: #000;
  border: 0;
  border-top: 1px solid #e2e2e2; }

.note-editor.note-frame .note-status-output:empty, .note-editor.note-airframe .note-status-output:empty {
  height: 0;
  border-top: 0 solid transparent; }

.note-editor.note-frame .note-status-output .pull-right, .note-editor.note-airframe .note-status-output .pull-right {
  float: right !important; }

.note-editor.note-frame .note-status-output .text-muted, .note-editor.note-frame .note-status-output #wrapper-main > header #textTop .breadcrumbs, #wrapper-main > header #textTop .note-editor.note-frame .note-status-output .breadcrumbs, .note-editor.note-frame .note-status-output .flexCell small, .flexCell .note-editor.note-frame .note-status-output small, .note-editor.note-frame .note-status-output .flexCell mark, .flexCell .note-editor.note-frame .note-status-output mark, .note-editor.note-frame .note-status-output .flexCell citation, .flexCell .note-editor.note-frame .note-status-output citation, .note-editor.note-frame .note-status-output .note-placeholder, .note-editor.note-frame .note-status-output .note-editor.note-airframe .note-placeholder, .note-editor.note-airframe .note-editor.note-frame .note-status-output .note-placeholder, .note-editor.note-airframe .note-status-output .text-muted, .note-editor.note-airframe .note-status-output #wrapper-main > header #textTop .breadcrumbs, #wrapper-main > header #textTop .note-editor.note-airframe .note-status-output .breadcrumbs, .note-editor.note-airframe .note-status-output .flexCell small, .flexCell .note-editor.note-airframe .note-status-output small, .note-editor.note-airframe .note-status-output .flexCell mark, .flexCell .note-editor.note-airframe .note-status-output mark, .note-editor.note-airframe .note-status-output .flexCell citation, .flexCell .note-editor.note-airframe .note-status-output citation, .note-editor.note-airframe .note-status-output .note-editor.note-frame .note-placeholder, .note-editor.note-frame .note-editor.note-airframe .note-status-output .note-placeholder, .note-editor.note-airframe .note-status-output .note-placeholder {
  color: #777; }

.note-editor.note-frame .note-status-output .text-primary, .note-editor.note-airframe .note-status-output .text-primary {
  color: #286090; }

.note-editor.note-frame .note-status-output .text-success, .note-editor.note-airframe .note-status-output .text-success {
  color: #3c763d; }

.note-editor.note-frame .note-status-output .text-info, .note-editor.note-airframe .note-status-output .text-info {
  color: #31708f; }

.note-editor.note-frame .note-status-output .text-warning, .note-editor.note-airframe .note-status-output .text-warning {
  color: #8a6d3b; }

.note-editor.note-frame .note-status-output .text-danger, .note-editor.note-airframe .note-status-output .text-danger {
  color: #a94442; }

.note-editor.note-frame .note-status-output .alert, .note-editor.note-airframe .note-status-output .alert {
  margin: -7px 0 0 0;
  padding: 7px 10px 2px 10px;
  border-radius: 0;
  color: #000;
  background-color: #f5f5f5; }

.note-editor.note-frame .note-status-output .alert .note-icon, .note-editor.note-airframe .note-status-output .alert .note-icon {
  margin-right: 5px; }

.note-editor.note-frame .note-status-output .alert-success, .note-editor.note-airframe .note-status-output .alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important; }

.note-editor.note-frame .note-status-output .alert-info, .note-editor.note-airframe .note-status-output .alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important; }

.note-editor.note-frame .note-status-output .alert-warning, .note-editor.note-airframe .note-status-output .alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important; }

.note-editor.note-frame .note-status-output .alert-danger, .note-editor.note-airframe .note-status-output .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important; }

.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar {
  background-color: rgba(128, 128, 128, 0.114);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid var(--bs-border-color); }

.note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-airframe .note-statusbar .note-resizebar {
  padding-top: 1px;
  height: 9px;
  width: 100%;
  cursor: ns-resize; }
  .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid var(--bs-border-color); }

.note-editor.note-frame .note-statusbar.locked .note-resizebar, .note-editor.note-airframe .note-statusbar.locked .note-resizebar {
  cursor: default; }
  .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
    display: none; }

.note-editor.note-frame .note-placeholder, .note-editor.note-airframe .note-placeholder {
  padding: 10px; }

.note-editor.note-airframe {
  border: 0; }

.note-editor.note-airframe .note-editing-area .note-editable {
  padding: 0; }
/* Popover
 ------------------------------------------ */
.note-popover.popover {
  display: none;
  max-width: none; }

.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

.note-popover.popover .arrow {
  left: 20px !important; }
/* Popover and Toolbar (Button container)
 ------------------------------------------ */
.note-toolbar {
  position: relative; }

.note-popover .popover-content, .note-editor .note-toolbar {
  margin: 0;
  padding: 0 0 5px 5px; }

.note-popover .popover-content > .note-btn-group, .note-editor .note-toolbar > .note-btn-group {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px; }

.note-popover .popover-content .note-btn-group .note-table, .note-editor .note-toolbar .note-btn-group .note-table {
  min-width: 0;
  padding: 5px; }
  .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px; }
  .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer; }
  .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }
  .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }

.note-popover .popover-content .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .note-editor .note-toolbar .note-style .dropdown-style pre {
  margin: 0;
  padding: 5px 10px; }
  .note-popover .popover-content .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style .faq_list .kategoryField, .faq_list .note-popover .popover-content .note-style .dropdown-style .kategoryField, .note-popover .popover-content .note-style .dropdown-style .handbuch_list .kategoryField, .handbuch_list .note-popover .popover-content .note-style .dropdown-style .kategoryField, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style .faq_list .kategoryField, .faq_list .note-editor .note-toolbar .note-style .dropdown-style .kategoryField, .note-editor .note-toolbar .note-style .dropdown-style .handbuch_list .kategoryField, .handbuch_list .note-editor .note-toolbar .note-style .dropdown-style .kategoryField, .note-popover .popover-content .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .note-editor .note-toolbar .note-style .dropdown-style p {
    margin: 0;
    padding: 0; }

.note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu {
  min-width: 337px; }

.note-popover .popover-content .note-color .dropdown-toggle, .note-editor .note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px; }

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
  display: inline-block;
  margin: 0;
  width: 160px; }
  .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 5px; }
  .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    font-size: 12px;
    margin: 2px 7px;
    text-align: center;
    border-bottom: 1px solid #eee; }
  .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
    font-size: 11px;
    margin: 3px;
    padding: 0 3px;
    cursor: pointer;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
      background: #eee; }
  .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px; }
  .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
    display: none; }
  .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 1px solid #eee; }

.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
  min-width: 228px;
  padding: 5px; }
  .note-popover .popover-content .note-para .note-dropdown-menu > div + div, .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
    margin-left: 5px; }

.note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu {
  min-width: 160px; }

.note-popover .popover-content .note-dropdown-menu.right, .note-editor .note-toolbar .note-dropdown-menu.right {
  right: 0;
  left: auto; }
  .note-popover .popover-content .note-dropdown-menu.right::before, .note-editor .note-toolbar .note-dropdown-menu.right::before {
    right: 9px;
    left: auto !important; }
  .note-popover .popover-content .note-dropdown-menu.right::after, .note-editor .note-toolbar .note-dropdown-menu.right::after {
    right: 10px;
    left: auto !important; }

.note-popover .popover-content .note-dropdown-menu.note-check a i, .note-editor .note-toolbar .note-dropdown-menu.note-check a i {
  color: deepskyblue;
  visibility: hidden; }
  .note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
    visibility: visible; }

.note-popover .popover-content .note-fontsize-10, .note-editor .note-toolbar .note-fontsize-10 {
  font-size: 10px; }

.note-popover .popover-content .note-color-palette, .note-editor .note-toolbar .note-color-palette {
  line-height: 1; }

.note-popover .popover-content .note-color-palette div .note-color-btn, .note-editor .note-toolbar .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0; }
  .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
    transform: scale(1.2);
    transition: all 0.2s; }
/* Dialog
 ------------------------------------------ */
.note-modal .modal-dialog {
  outline: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.note-modal .form-group {
  margin-left: 0;
  margin-right: 0; }

.note-modal .note-modal-form {
  margin: 0; }

.note-modal .note-image-dialog .note-dropzone {
  min-height: 100px;
  font-size: 30px;
  line-height: 4;
  color: lightgray;
  text-align: center;
  border: 4px dashed lightgray;
  margin-bottom: 10px; }

@-moz-document url-prefix() {
    .note-modal .note-image-input {
      height: auto; } }
/* Placeholder
 ------------------------------------------ */
.note-placeholder {
  position: absolute;
  display: none;
  color: gray; }
/* Handle
 ------------------------------------------ */
.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000; }

.note-handle .note-control-selection > div {
  position: absolute; }

.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30); }

.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing {
  width: 7px;
  height: 7px;
  border: 1px solid #000; }

.note-handle .note-control-selection .note-control-sizing {
  background-color: #000; }

.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: none;
  border-bottom: none; }

.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: none;
  border-left: none; }

.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: none;
  border-right: none; }

.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize; }

.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: none;
  border-left: none; }

.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70); }

.note-hint-popover {
  min-width: 100px;
  padding: 2px; }

.note-hint-popover .popover-content {
  padding: 3px;
  max-height: 150px;
  overflow: auto; }

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px; }
  .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: white;
    white-space: nowrap;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
    cursor: pointer; }
/* end commons */
.dropdown-menu > .note-palette {
  float: left; }

.dropdown-menu > .note-palette:first-child {
  margin-right: 15px; }

.note-palette-title {
  padding-left: 8px;
  color: #adb5bd;
  font-size: 15px; }

.dropdown-menu .btn.note-color-reset {
  padding: 6px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  width: 100%; }

.note-toolbar .btn > i {
  margin: 0 !important; }

.note-editor.note-frame.fullscreen {
  width: auto !important; }

.btn-group.note-color-all .note-btn.dropdown-toggle:before {
  font-family: Flaticon;
  content: "\f1c4";
  font-size: 12px;
  width: 12px;
  height: 12px; }

.note-editor.note-frame {
  border-color: #dee2e6; }

.note-popover .popover-content, .card-header.note-toolbar {
  background: #f8f9fa; }

@font-face {
  font-family: "summernote";
  src: url("/assets/fonts/summernote.eot");
  src: url("/assets/fonts/summernote.eot#iefix") format("embedded-opentype"), url("/assets/fonts/summernote.woff") format("woff"), url("/assets/fonts/summernote.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="note-icon-"]:before, [class*=" note-icon-"]:before {
  display: inline-block;
  vertical-align: middle;
  font: normal normal normal 14px summernote;
  font-size: inherit;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.note-icon-align-center:before {
  content: "\f101"; }

.note-icon-align-indent:before {
  content: "\f102"; }

.note-icon-align-justify:before {
  content: "\f103"; }

.note-icon-align-left:before {
  content: "\f104"; }

.note-icon-align-outdent:before {
  content: "\f105"; }

.note-icon-align-right:before {
  content: "\f106"; }

.note-icon-align:before {
  content: "\f107"; }

.note-icon-arrow-circle-down:before {
  content: "\f108"; }

.note-icon-arrow-circle-left:before {
  content: "\f109"; }

.note-icon-arrow-circle-right:before {
  content: "\f10a"; }

.note-icon-arrow-circle-up:before {
  content: "\f10b"; }

.note-icon-arrows-alt:before {
  content: "\f10c"; }

.note-icon-arrows-h:before {
  content: "\f10d"; }

.note-icon-arrows-v:before {
  content: "\f10e"; }

.note-icon-bold:before {
  content: "\f10f"; }

.note-icon-caret:before {
  content: "\f110"; }

.note-icon-chain-broken:before {
  content: "\f111"; }

.note-icon-circle:before {
  content: "\f112"; }

.note-icon-close:before {
  content: "\f113"; }

.note-icon-code:before {
  content: "\f114"; }

.note-icon-col-after:before {
  content: "\f115"; }

.note-icon-col-before:before {
  content: "\f116"; }

.note-icon-col-remove:before {
  content: "\f117"; }

.note-icon-eraser:before {
  content: "\f118"; }

.note-icon-float-left:before {
  content: "\f119"; }

.note-icon-float-none:before {
  content: "\f11a"; }

.note-icon-float-right:before {
  content: "\f11b"; }

.note-icon-font:before {
  content: "\f11c"; }

.note-icon-frame:before {
  content: "\f11d"; }

.note-icon-italic:before {
  content: "\f11e"; }

.note-icon-link:before {
  content: "\f11f"; }

.note-icon-magic:before {
  content: "\f120"; }

.note-icon-menu-check:before {
  content: "\f121"; }

.note-icon-minus:before {
  content: "\f122"; }

.note-icon-orderedlist:before {
  content: "\f123"; }

.note-icon-pencil:before {
  content: "\f124"; }

.note-icon-picture:before {
  content: "\f125"; }

.note-icon-question:before {
  content: "\f126"; }

.note-icon-redo:before {
  content: "\f127"; }

.note-icon-rollback:before {
  content: "\f128"; }

.note-icon-row-above:before {
  content: "\f129"; }

.note-icon-row-below:before {
  content: "\f12a"; }

.note-icon-row-remove:before {
  content: "\f12b"; }

.note-icon-special-character:before {
  content: "\f12c"; }

.note-icon-square:before {
  content: "\f12d"; }

.note-icon-strikethrough:before {
  content: "\f12e"; }

.note-icon-subscript:before {
  content: "\f12f"; }

.note-icon-summernote:before {
  content: "\f130"; }

.note-icon-superscript:before {
  content: "\f131"; }

.note-icon-table:before {
  content: "\f132"; }

.note-icon-text-height:before {
  content: "\f133"; }

.note-icon-trash:before {
  content: "\f134"; }

.note-icon-underline:before {
  content: "\f135"; }

.note-icon-undo:before {
  content: "\f136"; }

.note-icon-unorderedlist:before {
  content: "\f137"; }

.note-icon-video:before {
  content: "\f138"; }
/* rest bs 4 */
.note-toolbar {
  background: rgba(128, 128, 128, 0.114); }

.note-btn {
  min-width: 35px;
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: center; }

.note-btn.active {
  background: var(--bs-color-main) !important;
  color: var(--bs-color-main-contrast) !important; }

.note-btn:hover {
  color: var(--bs-color-main-contrast);
  background: rgba(var(--bs-color-main-rgb),0.75); }

.note-btn-group .note-btn {
  border: 1px solid var(--bs-border-color);
  padding: 0.28rem 0;
  font-size: 13px;
  border-radius: 0;
  background: white;
  min-width: 35px; }

.note-btn-group .note-btn:first-of-type {
  border-top-left-radius: var(--bs-callout-radius);
  border-bottom-left-radius: var(--bs-callout-radius); }

.note-btn-group .note-btn:last-of-type {
  border-top-right-radius: var(--bs-callout-radius);
  border-bottom-right-radius: var(--bs-callout-radius); }

.note-btn-group .note-btn:hover {
  background: var(--bs-color-main);
  color: var(--bs-color-main-contrast); }

.note-btn.dropdown-toggle:after {
  content: unset !important; }

.note-btn.dropdown-toggle.show {
  background: var(--bs-color-main) !important;
  color: var(--bs-color-main-contrast) !important; }

.note-editable span, .note-editable div {
  font-size: inherit !important; }
/* airs/popover !important */
.note-group-select-from-files {
  width: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: center; }

.note-group-select-from-files input[type=file] {
  display: none; }

.link-dialog .form-check-input {
  background-color: var(--bs-color-main) !important;
  border-color: var(--bs-color-main) !important;
  margin-right: 0.75rem; }

.note-link-popover .popover-content, .note-image-popover .popover-content {
  background: var(--bs-color-callout) !important;
  display: flex;
  align-items: center; }

.note-link-popover .popover-content > span a, .note-image-popover .popover-content > span a {
  color: var(--bs-color-callout-contrast) !important;
  text-decoration: none !important;
  margin-right: 1rem;
  margin-left: 0.5rem;
  line-height: 1em !important; }

.note-link-popover .popover-content button, .note-image-popover .popover-content button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  user-select: none;
  border: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  padding: var(--bs-form-padding) !important; }

.chosen-container input {
  border: 0 !important; }

.chosen-container input.chosen-search-input {
  opacity: 0 !important; }

.chosen-container * {
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-color-callout);
  margin-top: 10px;
  margin-left: -12px;
  border-radius: 4px;
  padding: 4px 0 4px 10px !important;
  border: 1px solid var(--bs-border-color);
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100% 100%); }

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  clip-path: none; }

.chosen-container a {
  cursor: pointer; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999; }
  .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top; }
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  /*background-color: #fff;
   background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
   background-clip: padding-box;
   box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(#000,.1);*/
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute; }
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 10px 0 10px !important;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  border-radius: 4px; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background-color: rgba(var(--bs-color-main-rgb),0.1);
  color: var(--bs-color-main-contrast); }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 0 !important;
  background-color: transparent;
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  max-width: 100%;
  color: var(--bs-color-formtext);
  font-size: var(--bs-form-fontsize);
  font-weight: var(--bs-form-fontweight);
  line-height: var(--bs-form-lineheight);
  cursor: default; }
  .chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word; }
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    color: red;
    position: absolute;
    top: 4px;
    right: 3px; }
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\f62a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased; }
  .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }
  .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  display: none;
  background: var(--bs-color-main);
  color: var(--bs-color-main-contrast);
  cursor: default; }
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid var(--bs-border-color); }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid var(--bs-border-color);
  /*-moz-border-radius-bottomright: 0;
   border-bottom-right-radius: 0;
   -moz-border-radius-bottomleft: 0;
   border-bottom-left-radius: 0;
   //background-image: linear-gradient(#eee 20%, #fff 80%);
   box-shadow: 0 1px 0 #fff inset;*/ }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }
  .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid var(--bs-border-color); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }
/* @end */
/* @group Right to Left 
 .chosen-rtl {
 text-align: right;
 .chosen-single {
 overflow: visible;
 padding: 0 8px 0 0;
 }
 .chosen-single span {
 margin-right: 0;
 margin-left: 26px;
 direction: rtl;
 }
 .chosen-single-with-deselect span {
 margin-left: 38px;
 }
 .chosen-single div {
 right: auto;
 left: 3px;
 }
 .chosen-single abbr {
 right: auto;
 left: 26px;
 }
 .chosen-choices li {
 float: right;
 &.search-field input[type="text"] {
 direction: rtl;
 }
 &.search-choice {
 margin: 3px 5px 3px 0;
 padding: 3px 5px 3px 19px;
 .search-choice-close {
 right: auto;
 left: 4px;
 }
 }
 }
 &.chosen-container-single .chosen-results {
 margin: 0 0 4px 4px;
 padding: 0 4px 0 0;
 }
 .chosen-results li.group-option {
 padding-right: 15px;
 padding-left: 0;
 }
 &.chosen-container-active.chosen-with-drop .chosen-single div {
 border-right: none;
 }
 .chosen-search input[type="text"] {
 padding: 4px 5px 4px 20px;
 background: $chosen-sprite no-repeat -30px -20px;
 direction: rtl;
 }
 &.chosen-container-single{
 .chosen-single div b {
 background-position: 6px 2px;
 }
 &.chosen-with-drop{
 .chosen-single div b {
 background-position: -12px 2px;
 }
 }
 }
 }
 /* @end */
/* @group Retina compatibility 
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
 .chosen-rtl .chosen-search input[type="text"],
 .chosen-container-single .chosen-single abbr,
 .chosen-container-single .chosen-single div b,
 .chosen-container-single .chosen-search input[type="text"],
 .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
 .chosen-container .chosen-results-scroll-down span,
 .chosen-container .chosen-results-scroll-up span {
 //background-image: $chosen-sprite-retina !important;
 //background-size: 52px 37px !important;
 //background-repeat: no-repeat !important;
 }
 }
 /* @end */
/* here comes the bootstrap_select */
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9; }

  100% {
    opacity: 0; } }
/*** added by wolfi ***/
.dropdown-item.active, .dropdown-item:active {
  background: var(--bs-color-bar);
  color: var(--bs-color-bar-contrast);
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important; }

div.bs-container.bootstrap-select.centered li {
  text-align: center !important; }

div.bs-container.bootstrap-select > div.dropdown-menu {
  margin-top: 10px !important;
  padding: 0 !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important; }

div.bs-container.bootstrap-select > div.dropdown-menu li, div.bs-container.bootstrap-select > div.dropdown-menu a, div.bs-container.bootstrap-select > div.dropdown-menu span {
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important; }

div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item, div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item a, div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item span {
  font-size: 12px !important; }
  div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item.centered {
    text-align: center !important;
    font-size: 12px; }
  div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item.righted {
    text-align: right !important;
    font-size: 12px; }
  div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item.lefted {
    text-align: left !important;
    font-size: 12px; }
  div.bs-container.bootstrap-select > div.dropdown-menu .dropdown-item:not(.active):hover {
    background: #ddd;
    color: black; }
/*** end added by wolfi ***/
select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px;
  vertical-align: middle; }

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--bs-border-radius) !important;
  background-color: transparent;
  border-color: transparent;
  border-width: 1px; }

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999; }
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
    color: rgba(255, 255, 255, 0.5); }

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important; }

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important; }

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select.form-control, .master-form-control.bootstrap-select, fieldset div.master.bootstrap-select, fieldset div.pre.bootstrap-select, fieldset div.post.bootstrap-select {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto; }

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]), :not(.input-group) > .master-form-control.bootstrap-select:not([class*="col-"]), fieldset :not(.input-group) > div.master.bootstrap-select:not([class*="col-"]), fieldset :not(.input-group) > div.pre.bootstrap-select:not([class*="col-"]), fieldset :not(.input-group) > div.post.bootstrap-select:not([class*="col-"]) {
  width: 100%; }

.bootstrap-select.form-control.input-group-btn, .master-form-control.bootstrap-select.input-group-btn, fieldset div.master.bootstrap-select.input-group-btn, fieldset div.pre.bootstrap-select.input-group-btn, fieldset div.post.bootstrap-select.input-group-btn {
  float: none;
  z-index: auto; }

.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*="col-"]), .form-inline .master-form-control.bootstrap-select:not([class*="col-"]), .form-inline fieldset div.master.bootstrap-select:not([class*="col-"]), fieldset .form-inline div.master.bootstrap-select:not([class*="col-"]), .form-inline fieldset div.pre.bootstrap-select:not([class*="col-"]), fieldset .form-inline div.pre.bootstrap-select:not([class*="col-"]), .form-inline fieldset div.post.bootstrap-select:not([class*="col-"]), fieldset .form-inline div.post.bootstrap-select:not([class*="col-"]) {
  width: auto; }

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.form-control, .form-group-lg .master-form-control.bootstrap-select, .form-group-lg fieldset div.master.bootstrap-select, fieldset .form-group-lg div.master.bootstrap-select, .form-group-lg fieldset div.pre.bootstrap-select, fieldset .form-group-lg div.pre.bootstrap-select, .form-group-lg fieldset div.post.bootstrap-select, fieldset .form-group-lg div.post.bootstrap-select, .form-group-sm .bootstrap-select.form-control, .form-group-sm .master-form-control.bootstrap-select, .form-group-sm fieldset div.master.bootstrap-select, fieldset .form-group-sm div.master.bootstrap-select, .form-group-sm fieldset div.pre.bootstrap-select, fieldset .form-group-sm div.pre.bootstrap-select, .form-group-sm fieldset div.post.bootstrap-select, fieldset .form-group-sm div.post.bootstrap-select {
  padding: 0; }

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-lg .master-form-control.bootstrap-select .dropdown-toggle, .form-group-lg fieldset div.master.bootstrap-select .dropdown-toggle, fieldset .form-group-lg div.master.bootstrap-select .dropdown-toggle, .form-group-lg fieldset div.pre.bootstrap-select .dropdown-toggle, fieldset .form-group-lg div.pre.bootstrap-select .dropdown-toggle, .form-group-lg fieldset div.post.bootstrap-select .dropdown-toggle, fieldset .form-group-lg div.post.bootstrap-select .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .master-form-control.bootstrap-select .dropdown-toggle, .form-group-sm fieldset div.master.bootstrap-select .dropdown-toggle, fieldset .form-group-sm div.master.bootstrap-select .dropdown-toggle, .form-group-sm fieldset div.pre.bootstrap-select .dropdown-toggle, fieldset .form-group-sm div.pre.bootstrap-select .dropdown-toggle, .form-group-sm fieldset div.post.bootstrap-select .dropdown-toggle, fieldset .form-group-sm div.post.bootstrap-select .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: var(--bs-border-radius) !important; }

.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: var(--bs-border-radius) !important; }

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem; }

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem; }

.form-inline .bootstrap-select .form-control, .form-inline .bootstrap-select .master-form-control, .form-inline .bootstrap-select fieldset div.master, fieldset .form-inline .bootstrap-select div.master, .form-inline .bootstrap-select fieldset div.pre, fieldset .form-inline .bootstrap-select div.pre, .form-inline .bootstrap-select fieldset div.post, fieldset .form-inline .bootstrap-select div.post {
  width: 100%; }

.bootstrap-select.disabled, .bootstrap-select > .disabled {
  cursor: not-allowed; }

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
  outline: none !important; }

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important; }

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto; }
  .bs3.filter-option {
    padding-right: inherit; }
  .input-group .bs3-has-addon.filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none; }
    .input-group .bs3-has-addon.input-group .bs3-has-addon.filter-option .filter-option-inner {
      padding-right: inherit; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  position: relative;
  display: block;
  margin-right: 5px;
  text-align: center; }
  .bs3.bs-select-clear-selected {
    padding-right: inherit; }
  .bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
    position: relative;
    top: calc(((-1em / 1.5) + 1ex) / 2);
    pointer-events: none; }
    .bs3span {
      top: auto; }

.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected {
  display: none; }

.input-group .bootstrap-select.form-control .dropdown-toggle, .input-group .master-form-control.bootstrap-select .dropdown-toggle, .input-group fieldset div.master.bootstrap-select .dropdown-toggle, fieldset .input-group div.master.bootstrap-select .dropdown-toggle, .input-group fieldset div.pre.bootstrap-select .dropdown-toggle, fieldset .input-group div.pre.bootstrap-select .dropdown-toggle, .input-group fieldset div.post.bootstrap-select .dropdown-toggle, fieldset .input-group div.post.bootstrap-select .dropdown-toggle {
  border-radius: var(--bs-border-radius) !important; }

.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important; }

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: var(--bs-border-radius) !important;
  box-shadow: none; }

.bootstrap-select .dropdown-menu li {
  position: relative;
  padding: unset; }
  .bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, 0.5) !important; }
  .bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed; }
  .bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    user-select: none; }
  .bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em; }
  .bootstrap-select .dropdown-menu li a span.check-mark {
    display: none; }
  .bootstrap-select .dropdown-menu li a span.text {
    display: inline-block; }
  .bootstrap-select .dropdown-menu li small {
    padding-left: 0.5em; }

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: 300ms linear 750ms forwards bs-notify-fadeOut; }

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline; }

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0'; }

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform-style: preserve-3d;
  transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-actionsbox .btn-group {
  display: block; }

.bs-actionsbox .btn-group button {
  width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton .btn-group {
  display: block; }

.bs-donebutton .btn-group button {
  width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control, .bs-searchbox .master-form-control, .bs-searchbox fieldset div.master, fieldset .bs-searchbox div.master, .bs-searchbox fieldset div.pre, fieldset .bs-searchbox div.pre, .bs-searchbox fieldset div.post, fieldset .bs-searchbox div.post {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.boxShadow, .daterangepicker {
  -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -ms-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -o-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background: var(--bs-color-callout);
  color: var(--bs-color-callout-contrast);
  -moz-border-radius: var(--bs-border-radius);
  -webkit-border-radius: var(--bs-border-radius);
  -ms-border-radius: var(--bs-border-radius);
  -o-border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  border: 1px solid var(--bs-border-color);
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em; }

.daterangepicker .calendar-table {
  background: var(--bs-color-callout) !important;
  color: var(--bs-color-callout-contrast) !important;
  border-color: transparent !important; }

.daterangepicker .drp-buttons {
  display: flex !important;
  align-items: center; }

.daterangepicker .drp-selected {
  font-style: italic;
  margin-right: auto; }

.daterangepicker td.off {
  background: transparent !important;
  font-style: italic;
  font-size: 10px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--bs-color-main);
  border-color: transparent;
  color: var(--bs-color-main-contrast); }

.daterangepicker .cancelBtn {
  padding: 0.3em 1.35em;
  font-weight: 600;
  font-size: var(--bs-body-font-size);
  -moz-border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  border-radius: 5rem;
  border-width: 2px;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 1em;
  color: var(--bs-danger);
  --bs-btn-color: #700000;
  --bs-btn-border-color: #700000;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #700000;
  --bs-btn-hover-border-color: #700000;
  --bs-btn-focus-shadow-rgb: 112, 0, 0;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #700000;
  --bs-btn-active-border-color: #700000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #700000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #700000;
  --bs-gradient: none; }

.daterangepicker .cancelBtn:hover {
  background: var(--bs-danger);
  color: var(--bs-danger-contrast); }

.daterangepicker select.hourselect > option {
  background: var(--bs-color-callout);
  color: var(--bs-color-callout-contrast);
  text-align: center; }

.daterangepicker select.hourselect > option[selected] {
  color: var(--bs-color-callout);
  background: var(--bs-color-callout-contrast);
  font-weight: bold; }

.daterangepicker select.hourselect > option:hover {
  --bs-blue: red !important;
  background: rgba(0, 1, 0, 0) !important;
  color: var(--bs-color-callout-contrast); }
/*** no arrow ***/
.daterangepicker:before, .daterangepicker:after {
  content: unset !important; }
/*** end no arrow ***/
.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.drop-up {
  margin-top: -7px; }

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none; }

.daterangepicker.single .drp-selected {
  display: none; }

.daterangepicker.show-calendar .drp-calendar {
  display: block; }

.daterangepicker.show-calendar .drp-buttons {
  display: block; }

.daterangepicker.auto-apply .drp-buttons {
  display: none; }

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px; }

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px; }

.daterangepicker .drp-calendar.right {
  padding: 8px; }

.daterangepicker .drp-calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px; }

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff; }

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.daterangepicker td.in-range {
  background-color: rgba(var(--bs-color-bar-rgb),0.1);
  border-color: transparent;
  color: var(--bs-color-bar);
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--bs-color-bar);
  border-color: transparent;
  color: var(--bs-color-bar-contrast); }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 70px;
  margin: 0 auto;
  background: transparent;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: 0.4em 0.6em;
  outline: 0;
  font-size: 0.9rem; }

.daterangepicker select.hourselect option, .daterangepicker select.minuteselect option, .daterangepicker select.secondselect option, .daterangepicker select.ampmselect option {
  padding: 5px; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle; }

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px; }

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px; }

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0; }

.daterangepicker.show-calendar .ranges {
  margin-top: 8px; }

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer; }

.daterangepicker .ranges li:hover {
  background-color: #eee; }

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff; }
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }

  .daterangepicker .ranges ul {
    width: 140px; }

  .daterangepicker.single .ranges ul {
    width: 100%; }

  .daterangepicker.single .drp-calendar.left {
    clear: none; }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left; }

  .daterangepicker {
    direction: ltr;
    text-align: left; }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0; }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

  .daterangepicker .drp-calendar.right {
    margin-left: 0; }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px; }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }

  .daterangepicker .ranges {
    float: left; }

  .daterangepicker.rtl .ranges {
    float: right; }

  .daterangepicker .drp-calendar.left {
    clear: none !important; } }
/* special features */
/*** help button **/
#helpButton {
  position: fixed;
  bottom: 12px;
  left: 12px;
  z-index: 5 !important; }

.menu_button {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  border: 4px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 3px 8px 0, rgba(0, 0, 0, 0.2) 0 0 0 1px, inset rgba(0, 0, 0, 0.3) 0 0 0 1px, inset rgba(255, 255, 255, 0.3) 0 1px 0 1px;
  text-indent: -99999px;
  overflow: hidden;
  background-color: #fddf2d;
  background-image: -moz-linear-gradient(top, #c3b422, #fddf2d);
  background-image: -ms-linear-gradient(top, #c3b422, #fddf2d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c3b422), to(#fddf2d));
  background-image: -webkit-linear-gradient(top, #c3b422, #fddf2d);
  background-image: -o-linear-gradient(top, #c3b422, #fddf2d);
  background-image: linear-gradient(top, #c3b422, #fddf2d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3b422', endColorstr='#fddf2d', GradientType=0);
  z-index: 9999;
  outline: 0; }

.menu_button span {
  display: block;
  height: 36px;
  width: 36px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease; }

.menu_option {
  bottom: 18px;
  left: 5px;
  position: absolute; }

.menu_option li {
  position: absolute;
  display: block;
  top: -6px;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.menu_option li a {
  position: relative;
  display: block;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  border: 3px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px 0, rgba(0, 0, 0, 0.2) 0 0 0 1px, inset rgba(0, 0, 0, 0.5) 0 0 2px 0;
  text-indent: -99999px;
  overflow: hidden;
  background: #444; }

.menu_option li a span {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block;
  width: 26px;
  height: 26px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease; }

.btn-rotate span {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.active .menu_option li a {
  -webkit-animation: expand 0.6s ease 1 backwards;
  -moz-animation: expand 0.6s ease 1 backwards;
  -ms-animation: expand 0.6s ease 1 backwards;
  -o-animation: expand 0.6s ease 1 backwards;
  animation: expand 0.6s ease 1 backwards; }

@-webkit-keyframes expand {
  0% {
    top: 0; }

  50% {
    top: -10px; }

  70% {
    top: 10px; }

  100% {
    top: 0; } }

@-moz-keyframes expand {
  0% {
    top: 0; }

  50% {
    top: -10px; }

  70% {
    top: 10px; }

  100% {
    top: 0; } }
/** end help button ***/
/** date block **/
div.date_start, div.date_end {
  float: left;
  height: 52px;
  width: 52px;
  margin-right: 10px;
  padding-top: 0px;
  line-height: normal; }

div.date_start.date_start, div.date_end.date_start {
  background: url(/assets/media/date_start.png) no-repeat; }

div.date_start.date_end, div.date_end.date_end {
  background: url(/assets/media/date_ende.png) no-repeat; }

div.date_start .month, div.date_end .month {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding-top: 2px;
  text-transform: uppercase; }

div.date_start .day, div.date_end .day {
  display: block;
  text-align: center;
  margin-top: 0px;
  color: #222;
  font-size: 22px;
  font-weight: bold; }
/* toast */
.toast-wrapper {
  z-index: 100001 !important; }
/* toast */
.toast-wrapper .progress-wrap {
  display: none !important; }

.toast-wrapper#wrapper_toast_tc, .toast-wrapper#wrapper_toast_bc {
  width: 100%; }

.toast-wrapper#wrapper_toast_tc .toast, .toast-wrapper#wrapper_toast_bc .toast {
  margin-left: auto;
  margin-right: auto; }

.toast-wrapper#wrapper_toast_tr .toast, .toast-wrapper#wrapper_toast_br .toast {
  margin-left: auto; }

.toast-wrapper#wrapper_toast_tl .toast, .toast-wrapper#wrapper_toast_bl .toast {
  margin-right: auto; }

.toast {
  max-width: var(--max-width);
  overflow: hidden;
  background-clip: padding-box;
  backdrop-filter: blur(4px);
  opacity: 0; }

.toast * {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size); }

@extend vendors-generate('border-radius', '0.5rem');

  &:not(:last-child) {
    .toast {
      margin-bottom: var(--padding); } }

.toast.showing {
  opacity: 1; }

.toast.show {
  display: block;
  opacity: 1; }

.toast.hide {
  display: none; }

.bg-danger {
  background: #700000 !important;
  color: #eee !important; }

.bg-info {
  background: #1d3759 !important;
  color: #eee !important; }

.bg-prompt {
  background: #6c757d !important;
  color: #eee !important; }

.bg-success {
  background: #596659 !important;
  color: #eee !important; }

.toast .toast-body {
  padding: var(--padding); }

.toast .toast-header {
  display: flex;
  align-items: center;
  padding: var(--padding) calc(var(--padding) * 2);
  background-clip: padding-box;
  border-bottom: 1px solid inherit; }

.tooltipster {
  position: relative; }

.tooltipster i {
  margin-left: 0.65rem; }

.tooltipster i:before {
  position: absolute;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F431";
  color: var(--bs-color-main); }

.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
  -moz-opacity: 0.85;
  -webkit-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85; }

.tooltipster-base * {
  font-family: var(--bs-body-font-family) !important;
  font-size: var(--bs-body-font-size) !important; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
   and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto; }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  background: var(--bs-info);
  color: var(--bs-info-contrast);
  border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  -webkit-border-radius: var(--radius);
  -ms-border-radius: var(--radius);
  -o-border-radius: var(--radius);
  border-radius: var(--radius); }

.toolerror .tooltipster-content {
  background: var(--bs-danger) !important;
  border-radius: 0.25rem !important; }

.toolerror .tooltipster-content * {
  color: var(--bs-danger-contrast) !important; }

.toolinfo .tooltipster-content {
  background: var(--bs-color-info) !important;
  border-radius: 0.25rem !important; }

.toolinfo .tooltipster-content * {
  color: var(--bs-color-info-contrast) !important; }

fieldset {
  border: none !important; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms; }

.tooltipster-sidetip .tooltipster-box {
  border: 0px solid black;
  border-radius: var(--radius); }

.tooltipster-sidetip .tooltipster-box:before {
  background: var(--field-back); }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  background: var(--bs-info);
  line-height: 18px;
  padding: 6px 14px; }
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
 corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
   been positioned yet */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.tooltipster-sidetip .tooltipster-box {
  border: none;
  background: var(--field-back);
  -moz-border-radius: var(--radius);
  -webkit-border-radius: var(--radius);
  -ms-border-radius: var(--radius);
  -o-border-radius: var(--radius);
  border-radius: var(--radius); }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-left: 10px !important; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box:before {
  z-index: 1001000;
  position: absolute;
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-top: 8px solid var(--field-back);
  border-right: 8px solid transparent; }

.tooltipster-sidetip.tooltipster-top.toolinfo .tooltipster-box:before {
  border-top-color: var(--bs-info) !important; }

.tooltipster-sidetip.tooltipster-top.toolerror .tooltipster-box:before {
  border-top-color: var(--bs-danger) !important; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-left: 10px !important; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box:before {
  z-index: 1000;
  position: absolute;
  top: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-bottom: 8px solid var(--field-back);
  border-right: 8px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom.toolinfo .tooltipster-box:before {
  border-bottom-color: var(--bs-info) !important; }

.tooltipster-sidetip.tooltipster-bottom.toolerror .tooltipster-box:before {
  border-bottom-color: var(--bs-danger) !important; }

.tooltipster-sidetip.toolerror, .tooltipster-sidetip.toolinfo {
  --field-back: transparent !important; }

.tooltipster-sidetip.toolerror .tooltipster-box:before, .tooltipster-sidetip.toolinfo .tooltipster-box:before {
  content: ''; }
/**** ALLE ***/
.tooltipster-sidetip .tooltipster-box {
  border: none;
  background: var(--field-back); }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--field-back); }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--field-back); }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--field-back); }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--field-back); }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: var(--tool-padding); }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: var(--tool-padding); }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: var(--tool-padding); }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: var(--tool-padding); }

.tooltipster-sidetip .tooltipster-arrow {
  height: var(--padding);
  margin-left: calc(var(--tool-margin) * -1);
  width: calc(var(--tool-margin) * 2); }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: calc(var(--padding) * 2);
  margin-left: 0;
  margin-top: calc(var(--tool-margin) * -1);
  width: var(--padding); }

.tooltipster-sidetip .tooltipster-arrow-background {
  display: none; }

.tooltipster-sidetip .tooltipster-arrow-border {
  border: var(--padding) solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: calc(var(--padding) * -1); }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: calc(var(--padding) * -1); }
/* tooltips - popovers 
 .popdiv {width:375px;font-size:0.875rem;}
 .popdiv p {line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:0;}  
 .popdiv ul {margin-top:0;margin-bottom:0.25rem;} 
 .popdiv li {line-height:1rem;}   
 /* student */
.popdiv {
  width: 375px;
  background: transparent;
  padding: 0.75rem !important; }

.popdiv h1, .popdiv h2, .popdiv h3, .popdiv h4, .popdiv .faq_list .kategoryField, .faq_list .popdiv .kategoryField, .popdiv .handbuch_list .kategoryField, .handbuch_list .popdiv .kategoryField, .popdiv h5, .popdiv h6, .popdiv p, .popdiv ul li, .popdiv ol li, .popdiv b, .popdiv i {
  font-size: 13px !important;
  line-height: 1.1em !important;
  color: rgba(255, 255, 255, 0.85) !important; }

.popdiv ol, .popdiv ul {
  margin-top: 0.5em;
  margin-bottom: 0.25em; }

.popdiv p {
  padding-top: 0.5em !important;
  padding-pottom: 0.5em !important;
  margin: 0 !important; }
/**
 Fullscreen Element
 **/
.fullscreen {
  position: fixed !important;
  left: 15px !important;
  right: 15px !important;
  top: 15px !important;
  bottom: 15px !important;
  margin: 0 !important;
  background-color: #fff !important;
  z-index: 1049 !important;
  /* scrollable */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: auto;
  max-height: 100%;
  -moz-box-shadow: 0px 0px 35px 19px rgba(0, 0, 0, 0.75) !important;
  -webkit-box-shadow: 0px 0px 35px 19px rgba(0, 0, 0, 0.75) !important;
  -ms-box-shadow: 0px 0px 35px 19px rgba(0, 0, 0, 0.75) !important;
  -o-box-shadow: 0px 0px 35px 19px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 0px 35px 19px rgba(0, 0, 0, 0.75) !important; }
/* show element on fullscreen only */
.fullscreen .fullscreen-show {
  display: block !important; }
/* hidden element on fullscreen only */
.fullscreen .fullscreen-hide {
  display: hidden !important; }

html.isStucked #scrollUp, html.isMobile #scrollUp {
  -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  bottom: 60px; }
/* (2) scrolling */
#scrollUp {
  z-index: 1021;
  cursor: pointer;
  padding: 10px;
  margin: 0;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.85);
  display: block;
  position: fixed;
  bottom: -10px;
  right: 20px;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -moz-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -ms-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1) !important;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

#scrollUp:hover {
  background: rgba(0, 0, 0, 1); }

#scrollUp div {
  color: white; }

html.isStucked, html.isMobile {
  /*#socialist, body > div.social-menu {
   bottom: 120px;
   @extend .trans;
   }
   header {
   position:fixed; 
   top:0;
   left:0;
   right:0;
   }*/ }

html.isStucked #scrollUp, html.isMobile #scrollUp {
  -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  transition: all 0.8s cubic-bezier(0.77, 0, 0.18, 1) !important;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  bottom: 60px; }

#wrapper-main div.slimScrollBar {
  width: 1px !important;
  background: #2e2e38 !important; }

#wrapper-main div.slimScrollRail {
  width: 1px !important;
  background: transparent; }

.brandContainer img {
  border: none !important; }

/*.formGrid {
 display: table;
 width: 100%;
 padding:0 !important;
 & > div { 
 display: grid;
 grid-template-rows: auto; 
 grid-template-columns: var(--grid);
 }
 }*/
/*Breakpoints */
.sw-wrap {
  display: flex;
  flex-wrap: wrap !important; }

.sw-wrap > div:first-of-type {
  width: var(--first-col); }

.sw-wrap > div:last-of-type {
  width: calc(100% - var(--first-col)); }

@media (max-width: 500px) {
    .sw-wrap > div:first-of-type, .sw-wrap > div:last-of-type {
      width: 100% !important;
      margin-bottom: 1rem; } }
/*.sw-dewrap { 
  & > div:first-of-type {width:var(--first)%;}
  & > div:last-of-type {width:clac(100% - var(--first)%);}
  @media (max-width: 778px) {
    & > div:first-of-type, & > div:last-of-type {
      width: 100% !important;
      margin-bottom:1rem;
    }
  }
}*/
@media (max-width: 991px) and (min-width: 993px) {
  section {
    width: 700px;
    max-width: 100vW; }

  .switch {
    display: flex;
    flex-direction: column; }

  div.flexRow {
    grid-template-columns: var(--grid); }

  .noTab {
    display: none; } }

@media (max-width: 991px) and (min-width: 769px) {
  section {
    width: 700px;
    max-width: 100vW; }

  .switch {
    display: flex;
    flex-direction: column; }

  div.flexRow {
    grid-template-columns: var(--grid-tab) !important; }

  .noTab {
    display: none; } }

@media (max-width: 768px) {
  section {
    width: 700px;
    max-width: 98vW; }

  .switch {
    display: flex;
    flex-direction: column; }

  div.flexRow {
    padding-left: 5%;
    padding-right: 5%;
    grid-template-columns: var(--grid-mob) !important; }

  .noMob, .noTab {
    display: none; } }
/* wrapper */
.is_desk #wrapper-main > header #mobilmenuButton, .is_tablet #wrapper-main > header #mobilmenuButton {
  min-width: 24px; }
  .is_desk #wrapper-main > header #mobilmenuButton #mobileLeftButton, .is_tablet #wrapper-main > header #mobilmenuButton #mobileLeftButton {
    display: none !important; }

.is_mobile #wrapper-main > header #mobilmenuButton #mobileLeftButton {
  display: block !important; }
/* logo und brand */
html .desk-style, html .tablet-style, html .mobile-style {
  display: none; }

html.is_desk .desk-style {
  display: block; }

html.is_tablet .tablet-style {
  display: block; }

html.is_tablet .slimScrollDiv {
  overflow: visible !important; }

html.is_mobile .mobile-style {
  display: block; }
/* adminbutton / icons on top from mid-container table */
html div.admin button {
  display: none; }

html div.admin .fi, html div.admin .bi {
  /*display:block;*/ }

html.is_desk section, html.is_desk .container {
  width: 700px; }
/*
 html{
 &.is_mobile, 
 &.is_tablet {
 div.admin {
 button {display:none;}
 .fi, .bi {display:block;}
 }
 section, .container {
 //max-width: 700px;  // Standardbreite
 //max-width:96%;
 }
 }
 &.is_desk {
 div.admin {
 button {display:block;}
 .fi, .bi {display:none;}
 }
 section, .container {
 width: 700px;
 //max-width:700px;
 }
 }
 }
 */
/**
 Responsive
 **/
/* headers */