/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"),
    url("/fonts/oswald.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"),
    url("/fonts/lato.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --hue: 214;
  --template-bg-light: #f0f4fb;
  --template-text-dark: #495057;
  --template-text-light: #ffffff;
  --link-color: #2a69b8;
  --link-color-rgb: 42, 105, 184;
  --template-special-color: #001b4c;
  --cassiopeia-color-primary: #112855;
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover: #424077;
  --template-sidebar-bg: var(--template-bg-dark-80);
  --template-sidebar-font-color: #fff;
  --template-sidebar-link-color: #fff;
  --template-bg-light: #f0f4fb;
  --template-link-color: var(--link-color);
  --template-link-hover-color: var(--link-hover-color);
  --template-text-light: #fff;
  --template-text-dark: #495057;
  --template-special-color: #001b4c;
  --template-contrast: #2a69b8;
  --template-quickicon-color: hsl(var(--hue), 30%, 40%);
  --template-bg-dark: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-3: hsl(var(--hue), 40%, 97%);
  --template-bg-dark-5: hsl(var(--hue), 40%, 95%);
  --template-bg-dark-7: hsl(var(--hue), 40%, 93%);
  --template-bg-dark-10: hsl(var(--hue), 40%, 90%);
  --template-bg-dark-15: hsl(var(--hue), 40%, 85%);
  --template-bg-dark-20: hsl(var(--hue), 40%, 80%);
  --template-bg-dark-30: hsl(var(--hue), 40%, 70%);
  --template-bg-dark-40: hsl(var(--hue), 40%, 60%);
  --template-bg-dark-50: hsl(var(--hue), 40%, 50%);
  --template-bg-dark-60: hsl(var(--hue), 40%, 40%);
  --template-bg-dark-65: hsl(var(--hue), 40%, 35%);
  --template-bg-dark-70: hsl(var(--hue), 40%, 30%);
  --template-bg-dark-75: hsl(var(--hue), 40%, 25%);
  --template-bg-dark-80: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-90: hsl(var(--hue), 40%, 10%);
  --media-manager-overlay-header-bg: var(--template-bg-dark-5);
  --media-manager-infobar-dt-color: #0000008a;
  --media-manager-content-bg: var(--body-bg);
  --media-manager-file-icon-color: hsl(var(--hue), 20%, 60%);
  --media-manager-content-color: #2a69b8;
  --media-manager-overlay-bg: var(--template-bg-dark-3);
  --media-manager-disk-name-color: var(--template-text-dark);
  --media-manager-tree-item-hover-bg: #e1e1e1;
  --media-manager-toolbar-icon-color: var(--template-bg-dark-60);
  --media-manager-border: 1px solid var(--template-bg-dark-7);
  --media-browser-file-bg: hsl(var(--hue), 20%, 97%);
  --media-drive-bg: var(--com-media-manager-content-bg, #fff);
  --media-toolbar-bg: var(--com-media-manager-content-bg, #fff);
  --media-toolbar-icon-bg: transparent;
  --media-toolbar-icon-color: var(--com-media-manager-toolbar-icon-color, var(--template-bg-dark-60));
  --media-toolbar-icon-bg-hvr: #f0f0f0;
  --media-tree-item-color: var(--template-bg-dark-60);
  --media-manager-breadcrumb-item-bg: var(--com-media-manager-overlay-bg, var(--template-bg-dark-3));
  --media-tree-active-icon-color: #2a69b8;
  --image-bg: #fff;
  --image-bg-image: linear-gradient(45deg, hsl(var(--hue), 20%, 97%)25%, transparent 25%, transparent 75%, #eee 75%, hsl(var(--hue), 20%, 97%)100%), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, hsl(var(--hue), 20%, 97%)75%, hsl(var(--hue), 20%, 97%)100%);
  --template-quickicon-bg: hsl(var(--hue), 60%, 97%);
  --template-quickicon-bg-hvr: var(--template-bg-dark);
  --form-control-bg: var(--template-text-light);
  --form-control-bg-disabled: var(--gray-200);
  --form-control-border: var(--border-width)solid var(--template-bg-dark-20);
  --form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  --form-check-input-checked-bg-color: #2a69b7;
  --form-check-input-border: var(--border-width)solid var(--template-bg-dark-20);
  --form-select-background: var(--template-bg-light)url(../images/select-bg.svg?v=5ebba0) no-repeat right center/max(100%, 116rem);
  --form-select-background-rtl: var(--template-bg-light)url(../images/select-bg-rtl.svg?v=e50af2) no-repeat left center/max(100%, 116rem);
  --form-select-border: var(--form-control-border);
  --form-select-success-bg: var(--white-offset);
  --form-select-danger-bg: var(--white-offset);
  --form-select-disabled-bg: var(--gray-200);
  --form-select-option: var(--template-text-dark);
  --form-select-option-disabled-bg: var(--template-bg-dark-5);
  --file-selector-btn-bg: var(--template-bg-dark-70);
  --file-selector-btn-bg-hvr: var(--template-bg-dark-50);
  --bg-normal: var(--template-bg-light);
  --bg-reverted: var(--template-bg-dark-60);
  --text-normal: var(--template-text-dark);
  --text-reverted: var(--template-text-light);
  --quickicon-bg: var(--white);
  --quickicon-color: var(--template-quickicon-color);
  --quickicon-color-hvr: var(--template-quickicon-color);
  --quickicon-border: 1px solid hsl(var(--hue), 50%, 93%);
  --quickicon-border-radius: 4px;
  --quickicon-link-hvr: #fff;
  --quickicon-linkadd-bg: hsl(var(--hue), 50%, 93%);
  --quickicon-linkadd-bg-hvr: var(--template-bg-dark);
  --quickicon-linkadd-color: var(--template-quickicon-color);
  --quickicon-amount-bg: hsl(var(--hue), 50%, 93%);
  --new-modules-color: var(--template-quickicon-color);
  --new-modules-bg: hsl(var(--hue), 60%, 97%);
  --new-modules-bg-hvr: var(--template-bg-dark);
  --new-modules-icon-color: var(--template-quickicon-color);
  --new-modules-icon-color-hvr: hsl(var(--hue), 50%, 93%);
  --new-module-color: var(--text-color);
  --new-module-bg: var(--template-quickicon-bg);
  --new-module-border: 1px solid hsl(var(--hue), 50%, 93%);
  --new-module-link-bg: hsl(var(--hue), 50%, 93%);
  --new-module-link-span: var(--quickicon-color);
  --new-module-link-hvr: var(--new-modules-bg-hvr);
  --new-module-link-span-hvr: var(--new-modules-icon-color-hvr);
  --sidebarwrapper-bg: var(--template-sidebar-bg);
  --sidebar-item-color: #fff;
  --sidebar-item-color-hvr: var(--template-text-light);
  --sidebar-item-bg-hvr: var(--template-bg-dark-65);
  --sidebar-toggle-bg: var(--template-bg-dark-60);
  --sidebar-toggle-link: #fff;
  --main-nav-ul-bg: var(--template-bg-dark-75);
  --main-nav-divider-bg: var(--template-bg-dark-60);
  --main-nav-item-title: var(--template-bg-dark-30);
  --main-nav-item-title-hvr-bg: var(--template-bg-dark-60);
  --main-nav-mm-active-bg: var(--template-bg-dark-70);
  --main-nav-mm-active-quicktask-bg: var(--template-bg-dark-60);
  --main-nav-badge: var(--template-bg-dark-60);
  --mobile-menu-collapse-bg: var(--template-bg-dark-50);
  --header-bg: var(--template-bg-dark);
  --header-item-content-bg: var(--template-bg-dark-60);
  --header-item-content-bg-hvr: var(--template-bg-dark-50);
  --header-item-content-border-radius: 22px;
  --header-item-content-jversion-color: var(--bluegray);
  --header-item-content-jversion-bg: transparent;
  --header-logo-bg: var(--template-bg-dark-70);
  --table-color: var(--body-color);
  --table-border-top-nfc: 2px solid #dee2e6;
  --table-link-color: var(--template-link-color);
  --table-link-font-weight: 500;
  --table-link-font-weight-sorted: 500;
  --card-header-color: var(--template-bg-dark);
  --card-bg: #ffffffb3;
  --card-header-bg: var(--card-bg);
  --card-body-bg: var(--card-bg);
  --main-card-bg: var(--body-bg);
  --main-card-col-border-left: 1px solid var(--template-bg-dark-10);
  --module-actions-color: var(--body-color);
  --atum-list-group-border-color: var(--template-bg-dark-15);
  --atum-box-shadow: 0 2px 10px -8px var(--template-bg-dark-50);
  --dropdown-box-shadow: 0 1px 1px #00000026;
  --quickicon-box-shadow-success: 0 0 3px 0 var(--success);
  --quickicon-box-shadow-danger: 0 0 3px 0 var(--danger);
  --quickicon-box-shadow-warning: 0 0 3px 0 var(--warning);
  --login-box-shadow: 0 4px 20px -10px var(--template-bg-dark-50);
  --login-focus-box-shadow: inset 0 0 1px 1px var(--template-contrast);
  --modal-btn-box-shadow: 1px 1px 1px 0 #00000040;
  --modal-joomla-dialog-box-shadow: 0 .5rem 1rem #00000026;
  --form-aria-grabbed-box-shadow: 0 0 2px 1px var(--template-bg-dark);
  --choices__button_joomla-focus-box-shadow: 0 0 0 2px #00bcd4;
  --joomla-tab-accordion-box-shadow: 0 1px #fff inset, 0 0 3px #0000000a;
  --joomla-tab-btn-hvr: var(--template-bg-dark-60);
  --joomla-tab-btn-aria-exp-bg: var(--template-bg-dark-3);
  --joomla-tab-btn-region-border: 1px solid var(--template-bg-dark-3);
  --joomla-tablist-btn-aria-exp: var(--template-text-light);
  --joomla-tablist-btn-aria-exp-bg: var(--template-bg-dark-60);
  --joomla-tablist-btn-aria-exp-aft-bg: var(--template-bg-dark);
  --joomla-tablist-border-bottom: 1px solid var(--template-bg-dark-10);
  --joomla-tab-tablist-border: 1px solid #dee2e6;
  --joomla-tab-vert-border-bottom: 1px solid #dee2e6;
  --admin-background: var(--template-bg-light);
  --options-form-color: var(--template-text-dark);
  --options-form-bg: unset;
  --options-form-border: 1px solid var(--template-bg-dark-20);
  --options-form-legend-color: var(--template-text-dark);
  --options-form-legend-bg: inherit;
  --details-bg: var(--template-bg-dark-3);
  --details-border: 1px solid var(--template-bg-dark-10);
  --nav-header-color: var(--template-bg-dark);
  --choices-input-border-color: var(--body-bg);
  --choices-input-bg: var(--body-bg);
  --choices-input-placeholder: #495057;
  --choices-list-multiple-item-bg: var(--template-bg-dark);
  --choices-list-multiple-item: #fff;
  --switcher-toggle-inside-bg: #fff;
  --switcher-toggle-outside-off-bg: #d3d3d3;
  --switcher-toggle-outside-on-bg: #2f7d32;
  --input-border-color: var(--template-bg-dark-20);
  --featured-icon-color: #c78800;
  --users-method-image: var(--light);
  --users-methods-reset-cont-bg: var(--light);
  --users-method-header-inact-bg: var(--light);
  --icon-success: var(--success);
  --icon-success-border: var(--success);
  --icon-checkedout-color: var(--template-text-dark);
  --input-group-text-bg: var(--template-bg-dark);
  --input-group-text-border: 1px solid var(--template-bg-dark);
  --js-stools-btn-clear-bg: var(--template-bg-dark);
  --js-stools-btn-clear-disabled-bg: var(--btn-disabled-bg);
  --js-stools-btn-clear-disabled-border: #dee2e6cc;
  --cpanel-addmodule-hover: var(--template-bg-dark);
  --dropdown-header-bg: var(--template-bg-dark);
  --dropdown-item-bg: var(--template-bg-dark-70);
  --dropdown-item-bg-hvr: var(--template-bg-dark);
  --dropdown-item-border-bottom: 1px solid #0000001a;
  --atum-dropdown-link-hover-bg: var(--tertiary-bg);
  --atum-dropdown-link-hover-color: var(--body-color);
  --states-link-color: var(--template-link-color);
  --states-btn-primary-bg: var(--btn-primary-bg);
  --states-btn-primary-bg-hover: var(--btn-primary-bg-hvr);
  --states-btn-primary-color: var(--btn-primary-color);
  --states-btn-primary-border: var(--btn-primary-bg);
  --state-success-text: #457d54;
  --state-success-text-hvr: #f2f8f4;
  --state-success-bg: #f2f8f4;
  --state-success-bg-hvr: #457d54;
  --state-success-border: hsl(var(--hue), 50%, 93%);
  --state-success-btn-border: 1px solid #457d54;
  --state-success-icon: #55a258;
  --state-success-icon-hvr: var(--state-success-icon);
  --state-success-heading-bg: #457d54;
  --state-success-link-color: #457d54;
  --state-info-text: var(--template-bg-dark-70);
  --state-info-text-hvr: var(--body-bg);
  --state-info-bg: #dbe4f0;
  --state-info-bg-hvr: var(--template-bg-dark-70);
  --state-info-border: var(--template-bg-dark-70);
  --state-info-icon: var(--template-bg-dark-70);
  --state-info-heading-bg: var(--template-bg-dark-70);
  --state-info-link-color: var(--template-bg-dark-70);
  --state-warning-text: #996901;
  --state-warning-text-hvr: #fffcf4;
  --state-warning-bg: #fffcf4;
  --state-warning-bg-hvr: #996900;
  --state-warning-border: #ffb512;
  --state-warning-icon: #ffb514;
  --state-warning-heading-bg: #ffb512;
  --state-warning-link-color: var(--warning-text-emphasis);
  --state-danger-text: var(--danger-text-emphasis);
  --state-danger-text-hvr: #fef8f8;
  --state-danger-bg: #f3d4d4;
  --state-danger-bg-hvr: #c52827;
  --state-danger-border: var(--danger-border-subtle);
  --state-danger-icon: #ce8484;
  --state-danger-heading-bg: #c52827;
  --state-danger-link-color: var(--danger-text-emphasis);
  --state-error-text: #c52827;
  --state-error-text-hvr: #c52827;
  --state-error-bg: #fef8f8;
  --state-error-bg-hvr: #fef8f8;
  --state-error-border: 1px solid #c52827;
  --state-error-icon: #e3706f;
  --state-error-heading-bg: #c52827;
  --alert-info-color: var(--template-bg-dark);
  --alert-info-bg: var(--template-bg-dark-10);
  --alert-info-border: 1px solid var(--template-bg-dark-20);
  --alert-link-text-color: var(--info-text-emphasis);
  --alert-accent-color: #fff;
  --atum-subhead-color: var(--template-text-dark);
  --atum-subhead-bg: #fff;
  --atum-subhead-bg-img: linear-gradient(var(--toolbar-bg), var(--template-bg-dark-3));
  --atum-btn: #495057;
  --atum-btn-icon: #495057;
  --atum-btn-icon-hvr: var(--template-text-light);
  --atum-btn-bg: var(--body-bg);
  --atum-btn-bg-hvr: #495057;
  --atum-btn-border: 1px solid hsl(var(--hue), 20%, 80%);
  --atum-btn-hvr: var(--body-bg);
  --atum-btn-success: var(--success);
  --atum-btn-success-icon: var(--atum-btn-success-bg-hvr);
  --atum-btn-success-icon-hvr: var(--template-text-light);
  --atum-btn-success-bg: var(--body-bg);
  --atum-btn-success-bg-hvr: var(--success);
  --atum-btn-success-border: 1px solid hsl(var(--hue), 20%, 80%);
  --atum-btn-success-hvr: var(--body-bg);
  --atum-btn-danger: #c52827;
  --atum-btn-danger-icon: #c52827;
  --atum-btn-danger-icon-hvr: var(--template-text-light);
  --atum-btn-danger-bg: var(--body-bg);
  --atum-btn-danger-bg-hvr: #c52827;
  --atum-btn-danger-border: 1px solid hsl(var(--hue), 20%, 80%);
  --atum-btn-danger-hvr: var(--body-bg);
  --atum-btn-info: #495057;
  --atum-btn-info-color-hvr: var(--template-text-light);
  --atum-btn-info-icon: #2a69b8;
  --atum-btn-info-icon-hvr: var(--atum-btn-hvr);
  --atum-btn-info-bg: var(--body-bg);
  --atum-btn-info-bg-hvr: #2a69b8;
  --atum-btn-info-border: 1px solid hsl(var(--hue), 20%, 80%);
  --atum-btn-info-hvr: var(--body-bg);
  --atum-btn-primary: var(--template-link-color);
  --atum-btn-primary-icon: var(--template-link-color);
  --atum-btn-primary-icon-hvr: var(--template-text-light);
  --atum-btn-primary-bg: var(--body-bg);
  --atum-btn-primary-bg-hvr: var(--template-link-color);
  --atum-btn-primary-border: 1px solid hsl(var(--hue), 20%, 80%);
  --atum-btn-primary-hvr: var(--body-bg);
  --atum-btn-action: var(--template-text-light);
  --atum-btn-action-icon: var(--template-bg-dark);
  --atum-btn-action-icon-hvr: var(--template-text-light);
  --atum-btn-action-bg: var(--body-bg);
  --atum-btn-action-bg-hvr: var(--template-bg-dark);
  --atum-btn-action-border: 1px solid hsl(var(--hue), 20%, 80%);
  --atum-btn-action-hvr: var(--body-bg);
  --atum-list-group-bg: var(--body-bg);
  --atum-calendar-week-bg: #f4f4f4;
  --atum-calendar-bg: var(--body-bg);
  --atum-calendar-buttons-color: #495057;
  --atum-calendar-disabled-color: #999;
  --atum-calendar-disabled-bg: #fff;
  --atum-calendar-select-bg: var(--template-bg-light);
  --atum-calendar-select-bg-url: url(../../images/select-bg.svg?v=171303);
  --atum-calendar-select-bg-url-rtl: url(../../images/select-bg-rtl.svg?v=171303);
  --permissions-sliders-oddCol-bg: var(--template-bg-light);
  --respTable-border-bottom: 1em solid var(--template-bg-dark-80);
  --treeselect-line-color: hsl(var(--hue), 40%, 93%);
  --treeselect-dropdown-toggle: var(--template-text-dark);
  --icon-check-square-bg: #212529;
  --icon-square-bg: #212529;
  --icon-check-square-color: var(--template-text-light);
  --icon-square-color: var(--template-text-light);
  --drag-color: #151515;
  --drag-background-color: #20c997;
  --success-text: #457d54;
  --success: #457d54;
  --successhvr: #2a4c33;
  --danger-text: #c52827;
  --danger: #c52827;
  --dangerhvr: #851b1a;
  --darkdanger: #c52827;
  --darkdangerhvr: #851b1a;
  --warning-text: #000;
  --warning: #ffb514;
  --warninghvr: #c78800;
  --text-muted-color: var(--template-text-dark) !important;
  --text-muted-hvr-color: var(--template-text-light) !important;
  --badge-bg-info: var(--info) !important
}

:root,
[data-bs-theme="light"] {
  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #010156;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b341b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c0a;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfdfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4cdb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a3;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-color-rgb: 34, 38, 42;
  --body-bg: #fff;
  --body-bg-rgb: 255, 255, 255;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --link-decoration: underline;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
}

.font-oswald {
  font-family: 'Oswald', Arial, sans-serif !important;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-position: center center;
  background-size: cover;
}

main {
  flex: 1;
}

.navbar-main {
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  position: fixed;
  width: 100%;
}

.navbar-main .navbar-nav {
  margin-left: auto !important;
}

.navbar-main .nav-link {
  color: white;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 1.25rem;
}

.navbar-main .nav-item {
  position: relative;
}

@media (min-width: 1201px) {
  .navbar-main .nav-item:after {
    border-top: 5px solid;
    border-color: #d30000;
    display: block;
    bottom: -0.6rem;
    position: absolute;
    height: 0;
    opacity: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: 100;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
  }
}

.navbar-main .nav-item:hover:after,
#sp.navbar-main .nav-item:active:after {
  opacity: 1;
}

.navbar-main .divider {
  width: 0.5rem;
}

.navbar-main .divider .separator {
  display: none;
}

.navbar-main .divider:hover:after {
  opacity: 0 !important;
}

.navbar-toggler-icon {
  fill: #ffffff;
}

.navbar-toggler-icon {
  font-size: 1rem;
}

.navbar-toggler {
  box-shadow: none !important;
}

.footerContainer {
  background: #e6e6e6;
  /*background: #212529;*/
}

footer>.navbar {
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
  /*background-color: #212529 !important;*/
  background-color: rgba(0, 0, 0, 0.8) !important;
  margin-top: 40px;
}

footer .navbar {
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0.2rem !important;
  overflow: hidden;
}

footer .navbar-nav {
  margin-right: auto !important;
  margin-left: auto !important;
  flex-direction: row;
}

footer .nav-link {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  color: #e6e6e6;
  font-family: "Oswald", Arial, sans-serif;
}

footer .nav-link:hover {
  color: #fff;
}

main>.container {
  margin-top: 90px;
}

.container-component {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);

  overflow: hidden;
  text-overflow: ellipsis;
}

.container-component-red {
  /*background: rgba(200, 0, 0, 0.8);*/
  background: linear-gradient(to top, #9b0000 0%, #d30000 50%);
  color: #fff;
  box-shadow: none;
}
.container-component .com-content-article__body img,
.container-component .ff-blog-item img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}

.item-image img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
}

.item-image-height img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
}

.author-block {
  border: solid #a0a0a0;
  border-width: 1px 0;
  margin-top: 8px;
  font-size: 1rem;
  min-height: 52px;
  padding: 12px 0 12px 62px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 0 0 0 62px;
}

.author-block .name {
  line-height: 16px;
  max-width: 240px;
  padding: 17px 0;
  font-family: "Oswald", Arial, sans-serif;
  display: block;
}

.com-content-article__body {
  line-height: 1.5;
  font-size: 1.1rem;
}

.com-content-article__body h1 {
  font-family: "Oswald", Arial, sans-serif;
}

.com-content-article__body img {
  box-shadow: 0 15px 10px -13px rgb(0 0 0 / 50%);
}

.header-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1.5rem;
  border: 10px solid white;
  max-height: 35vh;
}

@media (min-width: 993px) {
  .header-title {
    font-size: 3rem;
    width: auto;
  }
}

.header-background {
  position: absolute;
  width: 100%;
  height: 75vh;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.tile {
  box-shadow: 0 15px 10px -13px rgb(0 0 0 / 50%);
}

@media (max-width: 575px) {
  .tile-menu-item-icon {
    text-align: center;
    background-color: #fff;
    float: left;
    width: 2em;
    font-size: 2em;
    padding: .5rem !important;
  }
}

@media (min-width: 576px) {
  .tile-menu-item-icon {
    font-size: 6em;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-align: center;
    background-color: #fff;
    width: 100%;
  }
}

.tile-link .tile-menu-item-text {
  text-align: center;
  font-size: 1.75rem;
  font-family: 'Oswald', Arial, sans-serif;
  background-color: #424242;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.7rem;
  line-height: 1;
}

.tile .fas {
  color: #555 !important;
}

.tile .fas:hover {
  color: #888 !important;
}

.modal-backdrop.show {
  z-index: 9;
}

.modal-backdrop.show {
  z-index: 9;
}

.modal-backdrop.fade {
  z-index: 8;
}

.square_image {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  /* = width for a 1:1 aspect ratio */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* you change this to "contain" if you don't want the images to be cropped */
}

.square_image>div {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.7rem;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #ffffff;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 0.9rem;
}

@media (min-width: 576px) {
  .square_image>div {
    font-size: 1.3rem;
  }
}

.fields-container {
  margin-bottom: 1rem;
  list-style: none;
  padding: 0;
  font-weight: bold;
}

.bg-dark-red {
  background-color: #d30000 !important;
}

.hide-intro p {
  display: none;
}

.ff-blog-item {
  background-color: #424242;
  width: 100%
}

.ff-blog-item .item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  /*padding: 0.7rem;*/
  line-height: 1.2;
  color: #fff;
}

.ff-blog-item li {
  line-height: 1.2;
  /*font-weight: normal;*/
}

.ff-blog-item a img, .ff-blog-item a svg {
  transition: scale 0.5s;
}
.ff-blog-item a img:hover, .ff-blog-item a svg:hover {
  scale: 1.05;
}

.emergency_no_image {
  background-image: linear-gradient(to top, #9b0000 0%, #d30000 50%);
  text-align: center;
  /*position: relative;*/
}

.emergency_no_image svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10%;
  fill: #6d757e;
}

.emergency_list_content {
  margin: auto 0;
  padding: 0.3rem 0;
}

.emergency_list_content>div {
  margin-bottom: -1rem;
}

@media (min-width: 1200px) {
  .emergency_list_content .fields-container {
    flex-direction: row;
    display: flex;
  }

  .emergency_list_content .fields-container li {
    width: 25%;
  }
}

.emergency_list_content .fields-container .field-value {
  font-weight: normal;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.chosen-container.chosen-container-single {
  max-width: 100%;
  font-size: 1rem;
}

.chosen-container.chosen-container-single .chosen-single {
  display: inline-block;
  height: calc(1.5em + 1.2rem + 2px);
  padding: 0.81rem 4rem 0.81rem 1rem;
  line-height: 1.5;
  color: #22262a;
  vertical-align: middle;
  background: #eaedf0 url("../images/select-bg.svg") no-repeat right 1rem center;
  background-image: none \9;
  background-size: 116rem;
  border: 1px solid #ced4da;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
}

.chosen-container.chosen-container-single .chosen-single abbr {
  top: 10px;
}

.chosen-container.chosen-container-single .chosen-single:focus {
  border-color: #8894aa;
  outline: none;
}

.chosen-container.chosen-container-single .chosen-single:disabled {
  color: #6d757e;
  cursor: not-allowed;
  background-color: #eaedf0;
}

.chosen-container.chosen-container-single .chosen-single div b {
  background: none !important;
}

.chosen-container.chosen-container-single .chosen-drop {
  background: white;
  border: 1px solid #ced4da;
}

.chosen-container.chosen-container-single .chosen-results li {
  line-height: calc(1rem + .3rem);
}

.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.chosen-container.chosen-container-multi .chosen-choices {
  max-width: 100%;
  min-height: calc(1.5em + 1.2rem + 2px);
  font-size: 1rem;
  line-height: 1.5;
  background-image: white;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  padding: 5px 33px 5px 10px;
  color: white;
  background: var(--primary);
  border: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  background-image: none !important;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
  position: absolute;
  top: 6px;
  right: 5px;
  font-size: 1rem;
  color: white;
  content: "×";
}

.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: none;
}

.chosen-container-single {
  width: auto !important;
}

.card .chosen-container.chosen-container-single {
  width: 100% !important;
}

.card .chosen-container.chosen-container-single .chosen-single {
  width: 100% !important;
}

.gu-mirror {
  position: fixed !important;
  z-index: 9999 !important;
  margin: 0 !important;
  background-color: #91ee91;
  opacity: 0.8;
}

.gu-mirror.table {
  display: table;
}

.gu-mirror.table td {
  display: table-cell;
}

.metismenu.menu-horizontal {
  flex: 1 0 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 48em) {
  .metismenu.menu-horizontal {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
  }
}

.metismenu.menu-horizontal>li {
  position: relative;
}

.metismenu.menu-horizontal .level-1>ul {
  min-width: 12rem;
}

.metismenu.mod-menu {
  margin: 0;
}

.metismenu.mod-menu .metismenu-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5em 1em;
  font-size: 1.1rem;
  line-height: 1.5;
}

.metismenu.mod-menu .metismenu-item.parent {
  position: relative;
}

.metismenu.mod-menu .metismenu-item>ul {
  position: absolute;
  top: 100%;
  z-index: 1001;
  display: block;
  padding: 0;
  list-style: none;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
}

.metismenu.mod-menu .metismenu-item>span,
.metismenu.mod-menu .metismenu-item>a,
.metismenu.mod-menu .metismenu-item>button {
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus {
  outline: 1px dotted #ced4da;
  outline-offset: 2px;
}

.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
  text-decoration: underline;
}

.metismenu.mod-menu .metismenu-item::after {
  content: none;
}

.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
  margin-right: -1em;
}

[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
  margin-right: 0;
  margin-left: -1em;
}

.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
  width: 1px;
  padding: 0;
  margin: 0.25em;
  overflow: hidden;
  border-right: 1px solid #ced4da;
}

@media (max-width: 47.98em) {
  .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
    width: auto;
    height: 1px;
    border-bottom: 1px solid #ced4da;
  }
}

.metismenu.mod-menu .mm-collapsing {
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: color, background-color, height, visibility;
}

.metismenu.mod-menu .mm-collapse {
  position: absolute;
  background-color: white;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.metismenu.mod-menu .mm-collapse:not(.mm-show) {
  display: none;
}

.metismenu.mod-menu .mm-collapse>li>a {
  display: inline-flex;
}

.metismenu.mod-menu .mm-collapse>li.divider:not(.parent) {
  width: auto;
  height: 1px;
  border-bottom: 1px solid #ced4da;
}

.metismenu.mod-menu .mm-collapse>li.parent .mm-toggler {
  display: inline-flex;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
  position: relative;
  top: 0;
  flex-basis: calc(100% + 1em);
  margin-top: 0.5em;
  margin-bottom: -0.5em;
  background-color: rgba(0, 0, 0, 0.03);
  box-shadow: none;
}

.metismenu.mod-menu .mm-toggler {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
  color: currentColor;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border: none;
  box-shadow: none;
}

.metismenu.mod-menu .mm-toggler:after {
  width: 0;
  height: 0;
  margin: 0 0 0 0.5em;
  content: "";
  border-top: 0.5em solid currentColor;
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  transition: all 0.3s ease-out;
}

[dir=rtl] .metismenu.mod-menu .mm-toggler:after {
  margin: 0 0.5em 0 0;
}

.mm-active>.metismenu.mod-menu .mm-toggler:after {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.metismenu.mod-menu .parent>ul {
  color: #22262a;
}

.sidebar-right .metismenu .mm-collapse,
.sidebar-left .metismenu .mm-collapse {
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
}

.sidebar-right .metismenu li.parent>ul,
.sidebar-left .metismenu li.parent>ul {
  position: relative;
  top: 0;
  box-shadow: none;
}

@media (max-width: 61.98em) {

  .sidebar-right .metismenu li.parent>ul,
  .sidebar-left .metismenu li.parent>ul {
    width: 100%;
  }
}

.sidebar-right .metismenu .metismenu-item>span,
.sidebar-right .metismenu .metismenu-item>a,
.sidebar-left .metismenu .metismenu-item>span,
.sidebar-left .metismenu .metismenu-item>a {
  white-space: inherit;
}

.sidebar-right .metismenu .metismenu-item.divider:not(.parent),
.sidebar-left .metismenu .metismenu-item.divider:not(.parent) {
  width: auto;
  height: 1px;
  border-bottom: 1px solid #ced4da;
}

.minicolors-theme-bootstrap .minicolors-input {
  width: 120px;
}

.minicolors-theme-bootstrap .rgb {
  width: 175px;
}

.minicolors-theme-bootstrap .rgba {
  width: 220px;
}

.editor .toggle-editor {
  margin-top: 1rem;
}

.editor .mce-tinymce {
  border: 1px solid #dfe3e7;
  border-radius: 0.25rem;
}

.editor .mce-btn,
.editor .mce-panel {
  background: #f9fafb;
}

.tox {
  white-space: nowrap !important;
}

.chzn-container-single {
  width: auto !important;
}

.chzn-container-multi {
  width: 100% !important;
  max-width: 240px;
}

.jviewport-height10 {
  height: 10vh;
}

.jviewport-height20 {
  height: 20vh;
}

.jviewport-height30 {
  height: 30vh;
}

.jviewport-height40 {
  height: 40vh;
}

.jviewport-height50 {
  height: 50vh;
}

.jviewport-height60 {
  height: 60vh;
}

.jviewport-height70 {
  height: 70vh;
}

.jviewport-height80 {
  height: 80vh;
}

.jviewport-height90 {
  height: 90vh;
}

.jviewport-height100 {
  height: 100vh;
}

[class*=jviewport-height] iframe {
  height: 100%;
}

.modal-dialog.jviewport-width10 {
  width: 10vw;
  max-width: none;
}

.modal-dialog.jviewport-width20 {
  width: 20vw;
  max-width: none;
}

.modal-dialog.jviewport-width30 {
  width: 30vw;
  max-width: none;
}

.modal-dialog.jviewport-width40 {
  width: 40vw;
  max-width: none;
}

.modal-dialog.jviewport-width50 {
  width: 50vw;
  max-width: none;
}

.modal-dialog.jviewport-width60 {
  width: 60vw;
  max-width: none;
}

.modal-dialog.jviewport-width70 {
  width: 70vw;
  max-width: none;
}

.modal-dialog.jviewport-width80 {
  width: 80vw;
  max-width: none;
}

.modal-dialog.jviewport-width90 {
  width: 90vw;
  max-width: none;
}

.modal-dialog.jviewport-width100 {
  width: 100vw;
  max-width: none;
}

.form-select,
.custom-select {
  max-width: 100%;
  cursor: pointer;
  background: url("../images/select-bg.svg") no-repeat right center/116rem;
  background-color: #eaedf0;
  border: solid 1px #ced4da;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}

.form-select:focus,
.custom-select:focus {
  border-color: #000;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}

[dir=rtl] .form-select,
[dir=rtl] .custom-select {
  padding: 0.6rem 1rem 0.6rem 4rem;
  background: url("../images/select-bg-rtl.svg") no-repeat left center/116rem;
  background-color: #eaedf0;
}

.form-select[multiple],
[multiple].custom-select {
  padding: 0;
  background-color: white;
}

.form-select[multiple] option,
[multiple].custom-select option {
  padding: 0.3rem 1rem;
  background-color: white;
}

.form-select[multiple] option:checked,
[multiple].custom-select option:checked {
  color: white;
  background-color: var(--cassiopeia-color-primary) !important;
}

.form-select.form-select-success,
.form-select-success.custom-select,
.form-select.custom-select-success,
.custom-select-success.custom-select {
  color: #448344;
  background-color: #448344;
}

.form-select.form-select-success option,
.form-select-success.custom-select option,
.form-select.custom-select-success option,
.custom-select-success.custom-select option {
  color: #22262a;
  background-color: white;
}

.form-select.form-select-danger,
.form-select-danger.custom-select,
.form-select.custom-select-danger,
.custom-select-danger.custom-select {
  color: #a51f18;
  background-color: #a51f18;
}

.form-select.form-select-danger option,
.form-select-danger.custom-select option,
.form-select.custom-select-danger option,
.custom-select-danger.custom-select option {
  color: #22262a;
  background-color: white;
}

.form-select optgroup,
.custom-select optgroup,
.form-select option,
.custom-select option {
  color: var(--dark);
  background-color: white;
}


@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". head head head head ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". footer footer footer footer ." ". debug debug debug debug .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 16.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }

  .site-grid>[class^=container-],
  .site-grid>[class*=" container-"] {
    width: 100%;
    max-width: none;
  }

  .site-grid:not(.has-sidebar-left) .container-component {
    grid-column-start: main-start;
  }

  .site-grid:not(.has-sidebar-right) .container-component {
    grid-column-end: main-end;
  }

  .site-grid>.full-width {
    grid-column: full-start/full-end;
  }

  @media (min-width: 48em) {
    .site-grid {
      grid-template-areas: ". head head head head ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". footer footer footer footer ." ". debug debug debug debug .";
    }
  }

  .site-grid.wrapper-fluid {
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 2em;
  }

  .site-grid.wrapper-fluid .grid-child {
    max-width: none;
  }

  .site-grid.wrapper-fluid header>.grid-child,
  .site-grid.wrapper-fluid footer>.grid-child {
    padding-right: 2em;
    padding-left: 2em;
  }
}

.container-header {
  grid-area: head;
}

.container-banner {
  grid-area: banner;
}

.container-top-a {
  grid-area: top-a;
}

.container-top-b {
  grid-area: top-b;
}

.container-component {
  grid-area: comp;
}

.container-sidebar-left {
  grid-area: side-l;
}

.container-sidebar-right {
  grid-area: side-r;
}

.container-main-top {
  grid-area: main-t;
}

.container-main-bottom {
  grid-area: main-b;
}

.container-bradcrumbs {
  grid-area: bread;
}

.container-bottom-a {
  grid-area: bot-a;
}

.container-bottom-b {
  grid-area: bot-b;
}

.container-footer {
  grid-area: footer;
}

.system-debug {
  grid-area: debug;
}

.mod-finder__search.input-group {
  flex-wrap: nowrap;
}

.mod-finder__search.input-group .awesomplete input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mod-finder__search.input-group button {
  display: flex;
  align-items: center;
}

.mod-finder__search.input-group button .icon-search {
  margin-right: 0.2em;
}

[dir=rtl] .mod-finder__search.input-group button .icon-search {
  margin-right: 0;
  margin-left: 0.2em;
}

.awesomplete>input {
  max-width: 200px;
}

@media (min-width: 48em) {
  .awesomplete>input {
    max-width: none;
  }
}

.awesomplete>ul {
  z-index: 1000 !important;
}


.pagination {
  margin: 1rem;
}

.table th {
  font-weight: 500;
}

.table thead th {
  white-space: nowrap;
  border-bottom-width: 1px;
}

.table th,
.table td {
  vertical-align: middle;
}

.table th label,
.table td label {
  margin-bottom: 0;
}

.chosen-container.chosen-container-single {
  max-width: 100%;
  font-size: 1rem;
}

.chosen-container.chosen-container-single .chosen-single {
  display: inline-block;
  height: calc(1.5em + (1.2rem + 2px));
  padding: 0.81rem 4rem 0.81rem 1rem;
  line-height: 1.5;
  color: #22262a;
  vertical-align: middle;
  background: #eaedf0 url("../images/select-bg.svg") no-repeat right 1rem center;
  background-image: none \9;
  background-size: 116rem;
  border: 1px solid #ced4da;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
}

.chosen-container.chosen-container-single .chosen-single abbr {
  top: 10px;
}

.chosen-container.chosen-container-single .chosen-single:focus {
  border-color: #8894aa;
  outline: none;
}

.chosen-container.chosen-container-single .chosen-single:disabled {
  cursor: not-allowed;
  background-color: #eaedf0;
}

.chosen-container.chosen-container-single .chosen-single div b {
  background: none !important;
}

.chosen-container.chosen-container-single .chosen-drop {
  background: white;
  border: 1px solid #ced4da;
}

.chosen-container.chosen-container-single .chosen-results li {
  line-height: calc(1rem + .3rem);
}

.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.chosen-container.chosen-container-multi .chosen-choices {
  max-width: 100%;
  min-height: calc(1.5em + (1.2rem + 2px));
  font-size: 1rem;
  line-height: 1.5;
  background-image: white;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  padding: 5px 33px 5px 10px;
  color: white;
  background: var(--primary);
  border: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  background-image: none !important;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
  position: absolute;
  top: 6px;
  right: 5px;
  font-size: 1rem;
  color: white;
  content: "×";
}

.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: none;
}

.chosen-container-single {
  width: auto !important;
}

.card .chosen-container.chosen-container-single {
  width: 100% !important;
}

.card .chosen-container.chosen-container-single .chosen-single {
  width: 100% !important;
}

.gu-mirror {
  position: fixed !important;
  z-index: 9999 !important;
  margin: 0 !important;
  background-color: #91ee91;
  opacity: 0.8;
}

.gu-mirror.table {
  display: table;
}

.gu-mirror.table td {
  display: table-cell;
}

.metismenu.menu-horizontal {
  flex: 1 0 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .metismenu.menu-horizontal {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
  }
}

.metismenu.menu-horizontal>li {
  position: relative;
}

.metismenu.menu-horizontal .level-1>ul {
  min-width: 12rem;
}

.metismenu.mod-menu {
  margin: 0;
}

.metismenu.mod-menu .metismenu-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5em 1em;
  font-size: 1.1rem;
  line-height: 1.5;
}

.metismenu.mod-menu .metismenu-item.parent {
  position: relative;
}

.metismenu.mod-menu .metismenu-item>ul {
  position: absolute;
  top: 100%;
  z-index: 1001;
  display: block;
  padding: 0;
  list-style: none;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
}

.metismenu.mod-menu .metismenu-item>span,
.metismenu.mod-menu .metismenu-item>a,
.metismenu.mod-menu .metismenu-item>button {
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus {
  outline: 1px dotted #ced4da;
  outline-offset: 2px;
}

.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
  text-decoration: underline;
}

.metismenu.mod-menu .metismenu-item::after {
  content: none;
}

.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
  margin-right: -1em;
}

[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
  margin-right: 0;
  margin-left: -1em;
}

.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
  width: 1px;
  padding: 0;
  margin: 0.25em;
  overflow: hidden;
  border-right: 1px solid #ced4da;
}

@media (max-width: 767.98px) {
  .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
    width: auto;
    height: 1px;
    border-bottom: 1px solid #ced4da;
  }
}

.metismenu.mod-menu .mm-collapsing {
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: color, background-color, height, visibility;
}

.metismenu.mod-menu .mm-collapse {
  position: absolute;
  background-color: white;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.metismenu.mod-menu .mm-collapse:not(.mm-show) {
  display: none;
}

.metismenu.mod-menu .mm-collapse>li>a {
  display: inline-flex;
}

.metismenu.mod-menu .mm-collapse>li.divider:not(.parent) {
  width: auto;
  height: 1px;
  border-bottom: 1px solid #ced4da;
}

.metismenu.mod-menu .mm-collapse>li.parent .mm-toggler {
  display: inline-flex;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
  position: relative;
  top: 0;
  flex-basis: calc(100% + 1em);
  margin-top: 0.5em;
  margin-bottom: -0.5em;
  background-color: rgba(0, 0, 0, 0.03);
  box-shadow: none;
}

.metismenu.mod-menu .mm-toggler {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
  color: currentColor;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border: none;
  box-shadow: none;
}

.metismenu.mod-menu .mm-toggler:after {
  width: 0;
  height: 0;
  margin: 0 0 0 0.5em;
  content: "";
  border-top: 0.5em solid currentColor;
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  transition: all 0.3s ease-out;
}

[dir=rtl] .metismenu.mod-menu .mm-toggler:after {
  margin: 0 0.5em 0 0;
}

.mm-active>.metismenu.mod-menu .mm-toggler:after {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.metismenu.mod-menu .parent>ul {
  color: #22262a;
}

.sidebar-right .metismenu .mm-collapse,
.sidebar-left .metismenu .mm-collapse {
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
}

.sidebar-right .metismenu li.parent>ul,
.sidebar-left .metismenu li.parent>ul {
  position: relative;
  top: 0;
  box-shadow: none;
}

@media (max-width: 991.98px) {

  .sidebar-right .metismenu li.parent>ul,
  .sidebar-left .metismenu li.parent>ul {
    width: 100%;
  }
}

.sidebar-right .metismenu .metismenu-item>span,
.sidebar-right .metismenu .metismenu-item>a,
.sidebar-left .metismenu .metismenu-item>span,
.sidebar-left .metismenu .metismenu-item>a {
  white-space: inherit;
}

.sidebar-right .metismenu .metismenu-item.divider:not(.parent),
.sidebar-left .metismenu .metismenu-item.divider:not(.parent) {
  width: auto;
  height: 1px;
  border-bottom: 1px solid #ced4da;
}

.minicolors-theme-bootstrap .minicolors-input {
  width: 120px;
}

.minicolors-theme-bootstrap .rgb {
  width: 175px;
}

.minicolors-theme-bootstrap .rgba {
  width: 220px;
}

.editor .toggle-editor {
  margin-top: 1rem;
}

.editor .mce-tinymce {
  border: 1px solid #dfe3e7;
  border-radius: 0.25rem;
}

.editor .mce-btn,
.editor .mce-panel {
  background: #f9fafb;
}

.tox {
  white-space: nowrap !important;
}

.chzn-container-single {
  width: auto !important;
}

.chzn-container-multi {
  width: 100% !important;
  max-width: 240px;
}

.field-media-wrapper {
  display: block;
  width: 100%;
  max-width: calc(50vw - 5rem);
}

.field-media-wrapper .field-media-preview {
  width: 100%;
  max-width: none;
}

@media (max-width: 767.98px) {
  .field-media-wrapper {
    min-width: 100%;
  }
}

.list-group-item {
  background-color: white;
}

.list-unstyled .list-unstyled {
  padding-left: 20px;
}

.jviewport-height10 {
  height: 10vh;
}

.jviewport-height20 {
  height: 20vh;
}

.jviewport-height30 {
  height: 30vh;
}

.jviewport-height40 {
  height: 40vh;
}

.jviewport-height50 {
  height: 50vh;
}

.jviewport-height60 {
  height: 60vh;
}

.jviewport-height70 {
  height: 70vh;
}

.jviewport-height80 {
  height: 80vh;
}

.jviewport-height90 {
  height: 90vh;
}

.jviewport-height100 {
  height: 100vh;
}

[class*=jviewport-height] iframe {
  height: 100%;
}

.modal-dialog.jviewport-width10 {
  width: 10vw;
  max-width: none;
}

.modal-dialog.jviewport-width20 {
  width: 20vw;
  max-width: none;
}

.modal-dialog.jviewport-width30 {
  width: 30vw;
  max-width: none;
}

.modal-dialog.jviewport-width40 {
  width: 40vw;
  max-width: none;
}

.modal-dialog.jviewport-width50 {
  width: 50vw;
  max-width: none;
}

.modal-dialog.jviewport-width60 {
  width: 60vw;
  max-width: none;
}

.modal-dialog.jviewport-width70 {
  width: 70vw;
  max-width: none;
}

.modal-dialog.jviewport-width80 {
  width: 80vw;
  max-width: none;
}

.modal-dialog.jviewport-width90 {
  width: 90vw;
  max-width: none;
}

.modal-dialog.jviewport-width100 {
  width: 100vw;
  max-width: none;
}

.article-info .association .btn-secondary,
.cat-list-association .btn-secondary {
  font-weight: 700;
  color: white;
  background-color: #6d757e;
  border-color: #ced4da;
}

.article-info .association .btn-secondary:hover,
.article-info .association .btn-secondary:focus,
.cat-list-association .btn-secondary:hover,
.cat-list-association .btn-secondary:focus {
  color: white;
  background-color: #353b41;
}

.article-info .association .btn-sm,
.article-info .association .btn-group-sm>.btn,
.cat-list-association .btn-sm,
.cat-list-association .btn-group-sm>.btn {
  padding: 0 0.25rem;
  font-size: 0.8rem;
  border-radius: 0.2rem;
}


joomla-alert {
  display: none;
}

.editor-xtd-buttons .btn {
  margin-bottom: 5px;
}

.subhead {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  width: auto;
  min-height: 43px;
  padding: 10px 0;
  color: #495057;
  background: white;
  box-shadow: -3px -2px 22px #ddd;
}

.subhead .row {
  margin-right: 0;
  margin-left: 0;
}

.subhead.noshadow {
  box-shadow: none;
}

.subhead joomla-toolbar-button,
.subhead .btn-group {
  -webkit-margin-start: 0.75rem;
  margin-inline-start: 0.75rem;
}

.subhead joomla-toolbar-button:first-child,
.subhead .btn-group:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.subhead joomla-toolbar-button .btn>span,
.subhead joomla-toolbar-button .dropdown-item>span {
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
  width: 1.25em;
  text-align: center;
}

.subhead .btn {
  --subhead-btn-accent: #495057;
  padding: 0 1rem;
  margin: 5px 0;
  font-size: 1rem;
  line-height: 2.45rem;
  color: #495057;
  background: white;
  border-color: #adb5bd;
}

.subhead .btn>span {
  display: inline-block;
  color: var(--subhead-btn-accent);
}

.subhead .btn:not([disabled]):hover,
.subhead .btn:not([disabled]):active,
.subhead .btn:not([disabled]):focus {
  color: rgba(255, 255, 255, 0.9);
  background-color: var(--subhead-btn-accent);
  border-color: var(--subhead-btn-accent);
}

.subhead .btn:not([disabled]):hover>span,
.subhead .btn:not([disabled]):active>span,
.subhead .btn:not([disabled]):focus>span {
  color: rgba(255, 255, 255, 0.9);
}

.subhead .btn.btn-success {
  --subhead-btn-accent: var(--success);
}

.subhead .btn.btn-danger {
  --subhead-btn-accent: var(--danger);
}

.subhead .btn.btn-primary {
  --subhead-btn-accent: #2a69b8;
}

.subhead .btn.btn-secondary {
  --subhead-btn-accent: #001b4c;
}

.subhead .btn.btn-info {
  --subhead-btn-accent: #132f53;
}

.subhead .btn.btn-action {
  --subhead-btn-accent: #132f53;
  display: flex;
  align-items: center;
}

.subhead .btn.btn-action::after {
  width: 2.375rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  border: 0;
}

.subhead .btn[disabled],
.subhead .btn.dropdown-toggle[disabled] {
  --subhead-btn-accent: #132f53;
  background: rgba(223, 227, 231, 0.8);
  opacity: 0.5;
}

.subhead .btn[disabled]:hover,
.subhead .btn[disabled]:active,
.subhead .btn[disabled]:focus,
.subhead .btn.dropdown-toggle[disabled]:hover,
.subhead .btn.dropdown-toggle[disabled]:active,
.subhead .btn.dropdown-toggle[disabled]:focus {
  cursor: not-allowed;
}

.subhead .dropdown-toggle.btn {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}

.subhead .btn-group:not(:last-child)>.dropdown-toggle-split {
  order: 1;
  -webkit-margin-start: -0.25rem;
  margin-inline-start: -0.25rem;
}

[dir=ltr] .subhead .btn-group:not(:last-child)>.dropdown-toggle-split {
  border-radius: 0 0.25rem 0.25rem 0;
}

[dir=rtl] .subhead .btn-group:not(:last-child)>.dropdown-toggle-split {
  border-radius: 0.25rem 0 0 0.25rem;
}

.subhead .dropdown-menu joomla-toolbar-button,
.subhead .btn-group joomla-toolbar-button {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

@media (max-width: 575.98px) {

  joomla-tab[view=accordion] .col-md-9,
  joomla-tab[view=accordion] .col-md-3 {
    padding: 0.5rem 1rem !important;
  }

  #myTab {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }

  joomla-tab[view=accordion] ul li {
    width: 100%;
  }

  .subhead joomla-toolbar-button,
  .subhead .btn-group,
  .subhead .btn {
    width: 100%;
    margin-left: 0;
    text-align: left;
  }

  .subhead .btn-toolbar>.btn-group,
  .subhead .btn-toolbar>joomla-toolbar-button {
    margin-left: 0;
  }

  .subhead .btn.btn-action::after {
    text-align: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }

  .subhead .dropdown-toggle-split {
    width: auto;
  }
}

@supports (-ms-ime-align: auto) {
  [dir=rtl] .subhead {
    position: relative;
  }
}

.left.item-image {
  float: left;
}

.right.item-image {
  float: right;
}

.tags .list-inline-item {
  margin-bottom: 0.5rem;
}

.tags a.btn {
  font-weight: 700;
}

.tag {
  display: inline-block;
  padding: 0.5rem 0;
}

.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.6rem + 1px);
  padding-bottom: calc(0.6rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6d757e;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #22262a;
  background-color: white;
  border-color: #8894aa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-webkit-input-placeholder {
  color: #6d757e;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6d757e;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6d757e;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6d757e;
  opacity: 1;
}

.form-control::placeholder {
  color: #6d757e;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #eaedf0;
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  padding: 0.6rem 1rem;
  margin: -0.6rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #22262a;
  background-color: #eaedf0;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
  padding: 0.6rem 1rem;
  margin: -0.6rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #22262a;
  background-color: #eaedf0;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }

  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dee1e4;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dee1e4;
}

.form-control::-webkit-file-upload-button {
  padding: 0.6rem 1rem;
  margin: -0.6rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #22262a;
  background-color: #eaedf0;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dee1e4;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.6rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #22262a;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1.2rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.6rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-select,
.custom-select {
  display: block;
  width: 100%;
  padding: 0.6rem 3rem 0.6rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: #eaedf0;
  background-image: url("../images/select-bg.svg");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 116rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {

  .form-select,
  .custom-select {
    transition: none;
  }
}

.form-select:focus,
.custom-select:focus {
  border-color: #8894aa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
}

.form-select[multiple],
[multiple].custom-select,
.form-select[size]:not([size="1"]),
[size].custom-select:not([size="1"]) {
  padding-right: 1rem;
  background-image: none;
}

.form-select:disabled,
.custom-select:disabled {
  background-color: #eaedf0;
}

.form-select:-moz-focusring,
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #22262a;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #8894aa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
}

.form-check-input:checked {
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  -webkit-filter: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

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

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

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
  pointer-events: none;
  -webkit-filter: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: var(--cassiopeia-color-primary);
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b8bfcc;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dfe3e7;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: var(--cassiopeia-color-primary);
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b8bfcc;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dfe3e7;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating>.form-control,
.form-floating>.form-select,
.form-floating>.custom-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 1rem;
  pointer-events: none;
  border: 1px solid transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating>label {
    transition: none;
  }
}

.form-floating>.form-control {
  padding: 1rem 1rem;
}

.form-floating>.form-control::-webkit-input-placeholder {
  color: transparent;
}

.form-floating>.form-control::-moz-placeholder {
  color: transparent;
}

.form-floating>.form-control:-ms-input-placeholder {
  color: transparent;
}

.form-floating>.form-control::-ms-input-placeholder {
  color: transparent;
}

.form-floating>.form-control::placeholder {
  color: transparent;
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-select,
.form-floating>.custom-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label,
.form-floating>.custom-select~label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group>.form-control,
.input-group>.form-select,
.input-group>.custom-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.custom-select:focus {
  z-index: 3;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  text-align: center;
  white-space: nowrap;
  background-color: #eaedf0;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg>.form-select,
.input-group-lg>.custom-select,
.input-group-sm>.form-select,
.input-group-sm>.custom-select {
  padding-right: 4rem;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #448344;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: white;
  background-color: rgba(68, 131, 68, 0.9);
  border-radius: 0.25rem;
}

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

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #448344;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23448344' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #448344;
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.2rem);
  background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem);
}

.was-validated .form-select:valid,
.was-validated .custom-select:valid,
.form-select.is-valid,
.is-valid.custom-select {
  border-color: #448344;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .custom-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.was-validated .custom-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.is-valid.custom-select:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.is-valid.custom-select:not([multiple])[size="1"] {
  padding-right: 5.5rem;
  background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23448344' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 1rem center, center right 3rem;
  background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}

.was-validated .form-select:valid:focus,
.was-validated .custom-select:valid:focus,
.form-select.is-valid:focus,
.is-valid.custom-select:focus {
  border-color: #448344;
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #448344;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #448344;
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color: #448344;
}

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

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

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

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #a51f18;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: white;
  background-color: rgba(165, 31, 24, 0.9);
  border-radius: 0.25rem;
}

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

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #a51f18;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23a51f18'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23a51f18' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #a51f18;
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.2rem);
  background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem);
}

.was-validated .form-select:invalid,
.was-validated .custom-select:invalid,
.form-select.is-invalid,
.is-invalid.custom-select {
  border-color: #a51f18;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .custom-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.was-validated .custom-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.is-invalid.custom-select:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.is-invalid.custom-select:not([multiple])[size="1"] {
  padding-right: 5.5rem;
  background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23a51f18'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23a51f18' stroke='none'/%3e%3c/svg%3e");
  background-position: right 1rem center, center right 3rem;
  background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}

.was-validated .form-select:invalid:focus,
.was-validated .custom-select:invalid:focus,
.form-select.is-invalid:focus,
.is-invalid.custom-select:focus {
  border-color: #a51f18;
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #a51f18;
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #a51f18;
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
  color: #a51f18;
}

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

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

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

/*joomla-alert {
  display: none;
}*/

.footer-icon {
  height: 18px;
  width: 18px;
}

.contact-category a {
  color: #ffffff;
  text-decoration: none;
}

/* ### MEDIA MANAGER */

:root {
  --com-media-manager-overlay-header-bg: var(--media-manager-overlay-header-bg);
  --com-media-manager-infobar-dt-color: var(--media-manager-infobar-dt-color);
  --com-media-manager-content-bg: var(--media-manager-content-bg);
  --com-media-manager-content-color: var(--media-manager-content-color);
  --com-media-manager-overlay-bg: var(--media-manager-overlay-bg);
  --com-media-manager-disk-name-color: var(--media-manager-disk-name-color);
  --com-media-manager-tree-item-hover-bg: var(--media-manager-tree-item-hover-bg);
  --com-media-manager-toolbar-icon-color: var(--media-manager-toolbar-icon-color)
}

.file-background,
.folder-background {
  background-color: var(--media-browser-file-bg);
  border: var(--media-manager-border);
  padding-bottom: 100%
}

.file-icon,
.folder-icon,
.media-dragoutline {
  color: var(--media-manager-file-icon-color)
}

.media-browser-item-preview {
  border: var(--media-manager-border)
}

.media-drive {
  background: var(--media-drive-bg);
  border: var(--media-manager-border)
}

.media-toolbar {
  background-color: var(--media-toolbar-bg);
  border-bottom: var(--media-manager-border);
  border-inline-start: var(--media-manager-border);
  box-shadow: 0 -1px 0 0 var(--media-manager-border)
}

.media-toolbar-icon {
  -webkit-border-start: var(--media-manager-border);
  color: var(--media-toolbar-icon-color);
  background-color: var(--media-toolbar-icon-bg);
  border-inline-start: var(--media-manager-border)
}

.media-toolbar-icon: hover {
  background-color: var(--media-toolbar-icon-bg-hvr)
}

.media-breadcrumb {
  -webkit-border-start: var(--media-manager-border);
  border-inline-start: var(--media-manager-border)
}

.media-breadcrumb-item {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-bg)
}

.media-breadcrumb-item a {
  color: var(--btn-primary-color)
}

.media-breadcrumb-item:after {
  border-inline-start-color: var(--btn-primary-bg)
}

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

.media-tree-item .item-icon,
.media-tree-item.active>a .item-icon {
  color: var(--template-link-color)
}

.field-media-wrapper .button-select {
  background-color: var(--success)
}

.media-infobar {
  border-inline-start: var(--media-manager-border)
}

.media-infobar h2,
.media-infobar .h2 {
  border-bottom: var(--media-manager-border)
}

[data-bs-theme=dark] joomla-field-media .field-media-preview {
  background-color: var(--gray-700);
  border-color: #ffffff26
}

[data-bs-theme=dark] joomla-field-mediamore details {
  color: var(--template-text-light);
  background: #1c1c1c
}

[data-bs-theme=dark] joomla-field-mediamore summary {
  background: #131313
}

[data-bs-theme=dark] .media-infobar {
  background-color: var(--main-bg)
}

[data-bs-theme=dark] .media-infobar h2,
[data-bs-theme=dark] .media-infobar .h2 {
  background-color: var(--body-bg)
}

[data-bs-theme=dark] .media-infobar dt {
  color: #ffffffe6;
  font-weight: 700
}

[data-bs-theme=dark] .media-infobar dd {
  color: #ffffffb3
}

[data-bs-theme=dark] .media-infobar .infobar-close {
  color: #fff
}

[data-bs-theme=dark] .media-infobar .infobar-close:hover {
  color: #efefef
}

joomla-alert {
opacity: 1 !important;
}

joomla-alert > button {
display: none;
}