:root {
--cms-demo-scale: calc(1 / 5);

--cms-font-size: 16px;
font-size: var(--cms-font-size);
--cms-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--cms-h1-font-size: 2rem;
--cms-h2-font-size: 1.625rem;
--cms-h3-font-size: 1.4375rem;
--cms-h4-font-size: 1.25rem;
--cms-heading-line-height: 1.2;

--cms-content-margin-y: initial;
--cms-image-display: none;

--cms-logo-width: 60px;
--cms-logo-height: 60px;

--cms-menu-item-padding-x: 1em;
--cms-menu-item-padding-y: 0.5em;

--cms-hr-margin: 0.5rem 0;
--cms-background-url: url('https://svet.najardu.cz/dist/images/fsv_background.webp');

--cms-primary: #76933C;
--cms-primary-rgb: 118, 147, 60;
--cms-primary-lighter: #d2dbbf;
--cms-primary-light: #a3b77c;
--cms-primary-dark: #4f6228;
--cms-primary-darker: #273114;
--cms-complementary: #5b9bd5;
--cms-secondary: #444444;
--cms-secondary-rgb: 68, 68, 68;
--cms-secondary-lighter: #c1c1c1;
--cms-secondary-light: #828282;
--cms-secondary-dark: #2e2e2e;
--cms-secondary-darker: #161616;
--cms-success: #4caf50;
--cms-success-rgb: 76, 175, 80;
--cms-success-lighter: #c4e5c5;
--cms-success-light: #87c98a;
--cms-success-dark: #337536;
--cms-success-darker: #193a1a;
--cms-danger: #f44336;
--cms-danger-rgb: 244, 67, 54;
--cms-danger-lighter: #fbc1bd;
--cms-danger-light: #f88178;
--cms-danger-dark: #a32d24;
--cms-danger-darker: #511612;
--cms-warning: #ffc107;
--cms-warning-rgb: 255, 193, 7;
--cms-warning-lighter: #ffebad;
--cms-warning-light: #ffd559;
--cms-warning-dark: #ab8105;
--cms-warning-darker: #544002;
--cms-info: #00bcd4;
--cms-info-rgb: 0, 188, 212;
--cms-info-lighter: #abe9f1;
--cms-info-light: #54d2e2;
--cms-info-dark: #007e8e;
--cms-info-darker: #003e46;
--cms-light: #eeeeee;
--cms-light-rgb: 238, 238, 238;
--cms-light-lighter: #f9f9f9;
--cms-light-light: #f4f4f4;
--cms-light-dark: #9f9f9f;
--cms-light-darker: #4f4f4f;
--cms-dark: #444444;
--cms-dark-rgb: 68, 68, 68;
--cms-dark-lighter: #c1c1c1;
--cms-dark-light: #828282;
--cms-dark-dark: #2e2e2e;
--cms-dark-darker: #161616;

--cms-basic-dark-body-bg: #222222;
--cms-basic-dark-heading-color: #ffffff;
--cms-basic-dark-color: #aaaaaa;
--cms-basic-dark-color-rgb: 170, 170, 170;
--cms-basic-dark-link-color: #dddddd;
--cms-basic-dark-link-color-rgb: 221, 221, 221;
--cms-basic-dark-active-link-color: #ffffff;
--cms-basic-dark-active-link-color-rgb: 255, 255, 255;
--cms-basic-dark-layout-bg: #222222;
--cms-basic-dark-layout-border-color: #ffffff;

--cms-basic-dark-primary-bg: #222222;
--cms-basic-dark-primary-border-color: #ffffff;
--cms-basic-dark-primary-link-color: #aaaaaa;
--cms-basic-dark-primary-active-link-bg: #222222;
--cms-basic-dark-primary-active-link-color: #ffffff;
--cms-basic-dark-primary-color: #aaaaaa;
--cms-basic-dark-secondary-bg: #222222;
--cms-basic-dark-secondary-border-color: #ffffff;
--cms-basic-dark-secondary-link-color: #aaaaaa;
--cms-basic-dark-secondary-active-link-bg: #222222;
--cms-basic-dark-secondary-active-link-color: #ffffff;
--cms-basic-dark-secondary-color: #aaaaaa;
--cms-basic-dark-side-bg: #222222;
--cms-basic-dark-side-border-color: #555555;
--cms-basic-dark-side-link-color: #aaaaaa;
--cms-basic-dark-side-active-link-bg: #222222;
--cms-basic-dark-side-active-link-color: #ffffff;
--cms-basic-dark-side-color: #aaaaaa;

--cms-basic-dark-content-bg: #222222;
--cms-basic-dark-content-bg-rgb: 34, 34, 34;
--cms-basic-dark-content-border-color: #ffffff;

.theme-basic-dark {
--cms-body-bg: var(--cms-basic-dark-body-bg);
--cms-heading-color: var(--cms-basic-dark-heading-color);
--cms-color: var(--cms-basic-dark-color);
--cms-color-rgb: var(--cms-basic-dark-color-rgb);
--cms-link-color: var(--cms-basic-dark-link-color);
--cms-link-color-rgb: var(--cms-basic-dark-link-color-rgb);
--cms-active-link-color: var(--cms-basic-dark-active-link-color);
--cms-active-link-color-rgb: var(--cms-basic-dark-active-link-color-rgb);
--cms-layout-bg: var(--cms-basic-dark-layout-bg);
--cms-layout-border-color: var(--cms-basic-dark-layout-border-color);
--cms-primary-bg: var(--cms-basic-dark-primary-bg);
--cms-primary-border-color: var(--cms-basic-dark-primary-border-color);
--cms-primary-link-color: var(--cms-basic-dark-primary-link-color);
--cms-primary-active-link-bg: var(--cms-basic-dark-primary-active-link-bg);
--cms-primary-active-link-color: var(--cms-basic-dark-primary-active-link-color);
--cms-primary-color: var(--cms-basic-dark-primary-color);
--cms-secondary-bg: var(--cms-basic-dark-secondary-bg);
--cms-secondary-border-color: var(--cms-basic-dark-secondary-border-color);
--cms-secondary-link-color: var(--cms-basic-dark-secondary-link-color);
--cms-secondary-active-link-bg: var(--cms-basic-dark-secondary-active-link-bg);
--cms-secondary-active-link-color: var(--cms-basic-dark-secondary-active-link-color);
--cms-secondary-color: var(--cms-basic-dark-secondary-color);
--cms-side-bg: var(--cms-basic-dark-side-bg);
--cms-side-border-color: var(--cms-basic-dark-side-border-color);
--cms-side-link-color: var(--cms-basic-dark-side-link-color);
--cms-side-active-link-bg: var(--cms-basic-dark-side-active-link-bg);
--cms-side-active-link-color: var(--cms-basic-dark-side-active-link-color);
--cms-side-color: var(--cms-basic-dark-side-color);
--cms-content-bg: var(--cms-basic-dark-content-bg);
--cms-content-bg-rgb: var(--cms-basic-dark-content-bg-rgb);
--cms-content-border-color: var(--cms-basic-dark-content-border-color);
}

--cms-d-layout-width: initial;
--cms-d-layout-margin-top: 0px;
--cms-d-layout-margin-right: 0px;
--cms-d-layout-margin-bottom: 0px;
--cms-d-layout-margin-left: 0px;
--cms-d-layout-border-top: 0px;
--cms-d-layout-border-right: 0px;
--cms-d-layout-border-bottom: 0px;
--cms-d-layout-border-left: 0px;

--cms-d-primary-width: 100px;
--cms-d-primary-height: 60px;
--cms-d-primary-margin-top: 0px;
--cms-d-primary-margin-right: 0px;
--cms-d-primary-margin-bottom: 0px;
--cms-d-primary-margin-left: 0px;
--cms-d-primary-border-top: 0px;
--cms-d-primary-border-right: 0px;
--cms-d-primary-border-bottom: 0px;
--cms-d-primary-border-left: 0px;
--cms-d-primary-padding-top: 0px;
--cms-d-primary-padding-right: 0px;
--cms-d-primary-padding-bottom: 0px;
--cms-d-primary-padding-left: 0px;
--cms-d-primary-flex-direction: initial;
--cms-d-primary-menu-item-flex-direction: column;
--cms-d-primary-icon-display: inline-block;
--cms-d-primary-icon-font-size: 20px;
--cms-d-primary-span-display: inline-block;
--cms-d-primary-span-font-size: 10px;
--cms-d-secondary-width: 300px;
--cms-d-secondary-height: 60px;
--cms-d-secondary-margin-top: 0px;
--cms-d-secondary-margin-right: 0px;
--cms-d-secondary-margin-bottom: 0px;
--cms-d-secondary-margin-left: 0px;
--cms-d-secondary-border-top: 0px;
--cms-d-secondary-border-right: 0px;
--cms-d-secondary-border-bottom: 0px;
--cms-d-secondary-border-left: 0px;
--cms-d-secondary-padding-top: 8px;
--cms-d-secondary-padding-right: 20px;
--cms-d-secondary-padding-bottom: 8px;
--cms-d-secondary-padding-left: 20px;
--cms-d-secondary-flex-direction: initial;
--cms-d-secondary-menu-item-flex-direction: column;
--cms-d-secondary-icon-display: inline-block;
--cms-d-secondary-icon-font-size: 20px;
--cms-d-secondary-span-display: inline-block;
--cms-d-secondary-span-font-size: 10px;
--cms-d-side-width: 300px;
--cms-d-side-height: 60px;
--cms-d-side-margin-top: 0px;
--cms-d-side-margin-right: 0px;
--cms-d-side-margin-bottom: 0px;
--cms-d-side-margin-left: 0px;
--cms-d-side-border-top: 0px;
--cms-d-side-border-right: 0px;
--cms-d-side-border-bottom: 0px;
--cms-d-side-border-left: 0px;
--cms-d-side-padding-top: 8px;
--cms-d-side-padding-right: 8px;
--cms-d-side-padding-bottom: 8px;
--cms-d-side-padding-left: 8px;
--cms-d-side-flex-direction: initial;
--cms-d-side-menu-item-flex-direction: initial;
--cms-d-side-icon-display: inline-block;
--cms-d-side-icon-font-size: initial;
--cms-d-side-span-display: inline-block;
--cms-d-side-span-font-size: initial;

--cms-d-content-width: 100%;

--cms-d-content-margin-top: 0px;
--cms-d-content-margin-right: 0px;
--cms-d-content-margin-bottom: 0px;
--cms-d-content-margin-left: 0px;
--cms-d-content-border-top: 0px;
--cms-d-content-border-right: 0px;
--cms-d-content-border-bottom: 0px;
--cms-d-content-border-left: 0px;
--cms-d-content-padding-top: 0px;
--cms-d-content-padding-right: 0px;
--cms-d-content-padding-bottom: 0px;
--cms-d-content-padding-left: 0px;

--cms-layout-side-wrapper-overflow-y: auto;
--cms-layout-side-wrapper-overflow-x: hidden;
--cms-layout-side-wrapper-width: var(--cms-side-width);
--cms-layout-side-wrapper-min-width: var(--cms-side-width);
--cms-layout-side-wrapper-min-height: initial;
--cms-layout-side-max-width: initial;
--cms-layout-side-justify-content: initial;
--cms-layout-side-menu-item-justify-content: var(--cms-primary-justify-content);
--cms-layout-side-menu-item-align-items: center;
--cms-layout-side-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-side-padding-right) var(--cms-menu-item-padding-y) var(--cms-side-padding-left);
--cms-layout-side-hr-display: block;
--cms-side-menu-flex-direction: column;
--cms-side-white-space: initial;
}
@media {
:root {
--cms-layout-flex-direction: initial;

--cms-layout-primary-wrapper-overflow-y: auto;
--cms-layout-primary-wrapper-overflow-x: hidden;
--cms-layout-primary-wrapper-width: var(--cms-primary-width);
--cms-layout-primary-wrapper-min-width: var(--cms-primary-width);
--cms-layout-primary-wrapper-min-height: initial;

--cms-layout-primary-max-width: initial;

--cms-layout-secondary-wrapper-overflow-y: hidden;
--cms-layout-secondary-wrapper-overflow-x: auto;
--cms-layout-secondary-wrapper-width: initial;
--cms-layout-secondary-wrapper-min-height: var(--cms-secondary-height);

--cms-layout-navigation-max-width: 100%;
--cms-layout-navigation-width: initial;

--cms-layout-horizontal-wrapper-max-width: calc(100% - var(--cms-primary-width));
--cms-layout-horizontal-wrapper-flex-direction: column;

--cms-layout-content-image-wrapper-max-width: initial;
--cms-layout-image-flex-grow: 1;

--cms-layout-logo-float: none;
--cms-layout-logo-height: var(--cms-logo-height);
--cms-layout-logo-width: calc(var(--cms-primary-width) - var(--cms-primary-padding-left) - var(--cms-primary-padding-right));

--cms-layout-primary-justify-content: initial;
--cms-layout-primary-menu-item-justify-content: var(--cms-primary-justify-content);
--cms-layout-primary-menu-item-align-items: center;
--cms-layout-primary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-primary-padding-right) var(--cms-menu-item-padding-y) var(--cms-primary-padding-left);
--cms-layout-primary-hr-display: block;

--cms-layout-title-float: left;
--cms-layout-title-line-height: calc(var(--cms-secondary-height) - var(--cms-secondary-padding-top) - var(--cms-secondary-padding-bottom) - var(--cms-secondary-border-bottom));

--cms-layout-secondary-justify-content: flex-end;
--cms-layout-secondary-menu-item-justify-content: center;
--cms-layout-secondary-menu-item-align-items: center;
--cms-layout-secondary-menu-item-padding: 0 var(--cms-menu-item-padding-x);
--cms-layout-secondary-hr-display: none;

--cms-primary-menu-flex-direction: column;
--cms-primary-white-space: initial;
--cms-secondary-menu-flex-direction: initial;
--cms-secondary-white-space: nowrap;
}
:root {
--cms-layout-width: var(--cms-d-layout-width);
--cms-layout-margin: var(--cms-d-layout-margin-top) var(--cms-d-layout-margin-right) var(--cms-d-layout-margin-bottom) var(--cms-d-layout-margin-left);
--cms-layout-border-width: var(--cms-d-layout-border-top) var(--cms-d-layout-border-right) var(--cms-d-layout-border-bottom) var(--cms-d-layout-border-left);

--cms-layout-primary-justify-content: initial;
--cms-primary-height: var(--cms-d-primary-height);
--cms-primary-width: var(--cms-d-primary-width);
--cms-primary-margin: var(--cms-d-primary-margin-top) var(--cms-d-primary-margin-right) var(--cms-d-primary-margin-bottom) var(--cms-d-primary-margin-left);
--cms-primary-padding-top: var(--cms-d-primary-padding-top);
--cms-primary-padding-right: var(--cms-d-primary-padding-right);
--cms-primary-padding-bottom: var(--cms-d-primary-padding-bottom);
--cms-primary-padding-left: var(--cms-d-primary-padding-left);
--cms-primary-border-top: var(--cms-d-primary-border-top);
--cms-primary-border-right: var(--cms-d-primary-border-right);
--cms-primary-border-bottom: var(--cms-d-primary-border-bottom);
--cms-primary-border-left: var(--cms-d-primary-border-left);
--cms-primary-padding: var(--cms-d-primary-padding-top) var(--cms-d-primary-padding-right) var(--cms-d-primary-padding-bottom) var(--cms-d-primary-padding-left);
--cms-primary-border-width: var(--cms-d-primary-border-top) var(--cms-d-primary-border-right) var(--cms-d-primary-border-bottom) var(--cms-d-primary-border-left);
--cms-primary-justify-content: var(--cms-d-primary-justify-content);
--cms-primary-flex-direction: column;
--cms-primary-menu-item-flex-direction: var(--cms-d-primary-menu-item-flex-direction);
--cms-primary-icon-display: var(--cms-d-primary-icon-display);
--cms-primary-icon-font-size: var(--cms-d-primary-icon-font-size);
--cms-primary-span-display: var(--cms-d-primary-span-display);
--cms-primary-span-font-size: var(--cms-d-primary-span-font-size);
--cms-layout-secondary-justify-content: flex-end;
--cms-secondary-height: var(--cms-d-secondary-height);
--cms-secondary-width: var(--cms-d-secondary-width);
--cms-secondary-margin: var(--cms-d-secondary-margin-top) var(--cms-d-secondary-margin-right) var(--cms-d-secondary-margin-bottom) var(--cms-d-secondary-margin-left);
--cms-secondary-padding-top: var(--cms-d-secondary-padding-top);
--cms-secondary-padding-right: var(--cms-d-secondary-padding-right);
--cms-secondary-padding-bottom: var(--cms-d-secondary-padding-bottom);
--cms-secondary-padding-left: var(--cms-d-secondary-padding-left);
--cms-secondary-border-top: var(--cms-d-secondary-border-top);
--cms-secondary-border-right: var(--cms-d-secondary-border-right);
--cms-secondary-border-bottom: var(--cms-d-secondary-border-bottom);
--cms-secondary-border-left: var(--cms-d-secondary-border-left);
--cms-secondary-padding: var(--cms-d-secondary-padding-top) var(--cms-d-secondary-padding-right) var(--cms-d-secondary-padding-bottom) var(--cms-d-secondary-padding-left);
--cms-secondary-border-width: var(--cms-d-secondary-border-top) var(--cms-d-secondary-border-right) var(--cms-d-secondary-border-bottom) var(--cms-d-secondary-border-left);
--cms-secondary-justify-content: var(--cms-d-secondary-justify-content);
--cms-secondary-flex-direction: var(--cms-d-secondary-flex-direction);
--cms-secondary-menu-item-flex-direction: var(--cms-d-secondary-menu-item-flex-direction);
--cms-secondary-icon-display: var(--cms-d-secondary-icon-display);
--cms-secondary-icon-font-size: var(--cms-d-secondary-icon-font-size);
--cms-secondary-span-display: var(--cms-d-secondary-span-display);
--cms-secondary-span-font-size: var(--cms-d-secondary-span-font-size);
--cms-layout-side-justify-content: initial;
--cms-side-height: var(--cms-d-side-height);
--cms-side-width: var(--cms-d-side-width);
--cms-side-margin: var(--cms-d-side-margin-top) var(--cms-d-side-margin-right) var(--cms-d-side-margin-bottom) var(--cms-d-side-margin-left);
--cms-side-padding-top: var(--cms-d-side-padding-top);
--cms-side-padding-right: var(--cms-d-side-padding-right);
--cms-side-padding-bottom: var(--cms-d-side-padding-bottom);
--cms-side-padding-left: var(--cms-d-side-padding-left);
--cms-side-border-top: var(--cms-d-side-border-top);
--cms-side-border-right: var(--cms-d-side-border-right);
--cms-side-border-bottom: var(--cms-d-side-border-bottom);
--cms-side-border-left: var(--cms-d-side-border-left);
--cms-side-padding: var(--cms-d-side-padding-top) var(--cms-d-side-padding-right) var(--cms-d-side-padding-bottom) var(--cms-d-side-padding-left);
--cms-side-border-width: var(--cms-d-side-border-top) var(--cms-d-side-border-right) var(--cms-d-side-border-bottom) var(--cms-d-side-border-left);
--cms-side-justify-content: var(--cms-d-side-justify-content);
--cms-side-flex-direction: column;
--cms-side-menu-item-flex-direction: var(--cms-d-side-menu-item-flex-direction);
--cms-side-icon-display: var(--cms-d-side-icon-display);
--cms-side-icon-font-size: var(--cms-d-side-icon-font-size);
--cms-side-span-display: var(--cms-d-side-span-display);
--cms-side-span-font-size: var(--cms-d-side-span-font-size);

--cms-content-width: var(--cms-d-content-width);
--cms-content-margin: var(--cms-d-content-margin-top) var(--cms-d-content-margin-right) var(--cms-d-content-margin-bottom) var(--cms-d-content-margin-left);
--cms-content-padding-top: var(--cms-d-content-padding-top);
--cms-content-padding-right: var(--cms-d-content-padding-right);
--cms-content-padding-bottom: var(--cms-d-content-padding-bottom);
--cms-content-padding-left: var(--cms-d-content-padding-left);
--cms-content-padding: var(--cms-d-content-padding-top) var(--cms-d-content-padding-right) var(--cms-d-content-padding-bottom) var(--cms-d-content-padding-left);
--cms-content-border-width: var(--cms-d-content-border-top) var(--cms-d-content-border-right) var(--cms-d-content-border-bottom) var(--cms-d-content-border-left);
}
.layout .primary-navigation-wrapper .navigation .menu {
display: flex !important;
}
.layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .menu {
display: flex !important;
}
.layout .side-panel {
display: flex !important;
}
}

:root, [data-bs-theme=light] {
--bs-primary: var(--cms-primary);
--bs-primary-rgb: var(--cms-primary-rgb);
--bs-primary-text-emphasis: var(--cms-primary-dark);
--bs-primary-bg-subtle: var(--cms-primary-lighter);
--bs-primary-border-subtle: var(--cms-primary-light);
.btn-subtle-primary {
border: 0;
color: var(--cms-primary-dark);
background-color: var(--cms-primary-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-primary-light);
color: var(--cms-primary-darker);
}
}
--bs-secondary: var(--cms-secondary);
--bs-secondary-rgb: var(--cms-secondary-rgb);
--bs-secondary-text-emphasis: var(--cms-secondary-dark);
--bs-secondary-bg-subtle: var(--cms-secondary-lighter);
--bs-secondary-border-subtle: var(--cms-secondary-light);
.btn-subtle-secondary {
border: 0;
color: var(--cms-secondary-dark);
background-color: var(--cms-secondary-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-secondary-light);
color: var(--cms-secondary-darker);
}
}
--bs-success: var(--cms-success);
--bs-success-rgb: var(--cms-success-rgb);
--bs-success-text-emphasis: var(--cms-success-dark);
--bs-success-bg-subtle: var(--cms-success-lighter);
--bs-success-border-subtle: var(--cms-success-light);
.btn-subtle-success {
border: 0;
color: var(--cms-success-dark);
background-color: var(--cms-success-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-success-light);
color: var(--cms-success-darker);
}
}
--bs-danger: var(--cms-danger);
--bs-danger-rgb: var(--cms-danger-rgb);
--bs-danger-text-emphasis: var(--cms-danger-dark);
--bs-danger-bg-subtle: var(--cms-danger-lighter);
--bs-danger-border-subtle: var(--cms-danger-light);
.btn-subtle-danger {
border: 0;
color: var(--cms-danger-dark);
background-color: var(--cms-danger-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-danger-light);
color: var(--cms-danger-darker);
}
}
--bs-warning: var(--cms-warning);
--bs-warning-rgb: var(--cms-warning-rgb);
--bs-warning-text-emphasis: var(--cms-warning-dark);
--bs-warning-bg-subtle: var(--cms-warning-lighter);
--bs-warning-border-subtle: var(--cms-warning-light);
.btn-subtle-warning {
border: 0;
color: var(--cms-warning-dark);
background-color: var(--cms-warning-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-warning-light);
color: var(--cms-warning-darker);
}
}
--bs-info: var(--cms-info);
--bs-info-rgb: var(--cms-info-rgb);
--bs-info-text-emphasis: var(--cms-info-dark);
--bs-info-bg-subtle: var(--cms-info-lighter);
--bs-info-border-subtle: var(--cms-info-light);
.btn-subtle-info {
border: 0;
color: var(--cms-info-dark);
background-color: var(--cms-info-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-info-light);
color: var(--cms-info-darker);
}
}
--bs-light: var(--cms-light);
--bs-light-rgb: var(--cms-light-rgb);
--bs-light-text-emphasis: var(--cms-light-dark);
--bs-light-bg-subtle: var(--cms-light-lighter);
--bs-light-border-subtle: var(--cms-light-light);
.btn-subtle-light {
border: 0;
color: var(--cms-light-dark);
background-color: var(--cms-light-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-light-light);
color: var(--cms-light-darker);
}
}
--bs-dark: var(--cms-dark);
--bs-dark-rgb: var(--cms-dark-rgb);
--bs-dark-text-emphasis: var(--cms-dark-dark);
--bs-dark-bg-subtle: var(--cms-dark-lighter);
--bs-dark-border-subtle: var(--cms-dark-light);
.btn-subtle-dark {
border: 0;
color: var(--cms-dark-dark);
background-color: var(--cms-dark-lighter);
&:active, &:hover, &.active {
background-color: var(--cms-dark-light);
color: var(--cms-dark-darker);
}
}
}

[data-bs-theme=dark] {
--bs-primary: var(--cms-primary);
--bs-primary-rgb: var(--cms-primary-rgb);
--bs-primary-text-emphasis: var(--cms-primary-light);
--bs-primary-bg-subtle: var(--cms-primary-darker);
--bs-primary-border-subtle: var(--cms-primary-dark);
.btn-subtle-primary {
color: var(--cms-primary-light);
background-color: var(--cms-primary-darker);
&:active, &:hover, &.active {
background-color: var(--cms-primary-dark);
color: var(--cms-primary-lighter);
}
}
--bs-secondary: var(--cms-secondary);
--bs-secondary-rgb: var(--cms-secondary-rgb);
--bs-secondary-text-emphasis: var(--cms-secondary-light);
--bs-secondary-bg-subtle: var(--cms-secondary-darker);
--bs-secondary-border-subtle: var(--cms-secondary-dark);
.btn-subtle-secondary {
color: var(--cms-secondary-light);
background-color: var(--cms-secondary-darker);
&:active, &:hover, &.active {
background-color: var(--cms-secondary-dark);
color: var(--cms-secondary-lighter);
}
}
--bs-success: var(--cms-success);
--bs-success-rgb: var(--cms-success-rgb);
--bs-success-text-emphasis: var(--cms-success-light);
--bs-success-bg-subtle: var(--cms-success-darker);
--bs-success-border-subtle: var(--cms-success-dark);
.btn-subtle-success {
color: var(--cms-success-light);
background-color: var(--cms-success-darker);
&:active, &:hover, &.active {
background-color: var(--cms-success-dark);
color: var(--cms-success-lighter);
}
}
--bs-danger: var(--cms-danger);
--bs-danger-rgb: var(--cms-danger-rgb);
--bs-danger-text-emphasis: var(--cms-danger-light);
--bs-danger-bg-subtle: var(--cms-danger-darker);
--bs-danger-border-subtle: var(--cms-danger-dark);
.btn-subtle-danger {
color: var(--cms-danger-light);
background-color: var(--cms-danger-darker);
&:active, &:hover, &.active {
background-color: var(--cms-danger-dark);
color: var(--cms-danger-lighter);
}
}
--bs-warning: var(--cms-warning);
--bs-warning-rgb: var(--cms-warning-rgb);
--bs-warning-text-emphasis: var(--cms-warning-light);
--bs-warning-bg-subtle: var(--cms-warning-darker);
--bs-warning-border-subtle: var(--cms-warning-dark);
.btn-subtle-warning {
color: var(--cms-warning-light);
background-color: var(--cms-warning-darker);
&:active, &:hover, &.active {
background-color: var(--cms-warning-dark);
color: var(--cms-warning-lighter);
}
}
--bs-info: var(--cms-info);
--bs-info-rgb: var(--cms-info-rgb);
--bs-info-text-emphasis: var(--cms-info-light);
--bs-info-bg-subtle: var(--cms-info-darker);
--bs-info-border-subtle: var(--cms-info-dark);
.btn-subtle-info {
color: var(--cms-info-light);
background-color: var(--cms-info-darker);
&:active, &:hover, &.active {
background-color: var(--cms-info-dark);
color: var(--cms-info-lighter);
}
}
--bs-light: var(--cms-dark);
--bs-light-rgb: var(--cms-dark-rgb);
--bs-light-text-emphasis: var(--cms-light);
--bs-light-bg-subtle: var(--cms-dark-darker);
--bs-light-border-subtle: var(--cms-dark-dark);
--bs-dark: var(--cms-light);
--bs-dark-rgb: var(--cms-light-rgb);
--bs-dark-text-emphasis: var(--cms-light-light);
--bs-dark-bg-subtle: var(--cms-light-darker);
--bs-dark-border-subtle: var(--cms-light-dark);
--bs-white: #000000;
--bs-white-rgb: 0, 0, 0;
--bs-black: #ffffff;
--bs-black-rgb: 255, 255, 255;
}

.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-primary-text-emphasis);
--bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-primary-text-emphasis);
--bs-btn-active-border-color: var(--bs-primary-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-primary-bg-subtle);
}
.btn-outline-primary {
--bs-btn-color: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-primary);
--bs-btn-hover-border-color: var(--bs-primary);
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-primary);
--bs-btn-active-border-color: var(--bs-primary);
--bs-btn-disabled-color: var(--bs-primary-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-primary-bg-subtle);
}
.table-primary {
--bs-table-bg: var(--bs-primary-bg-subtle);
--bs-table-border-color: var(--bs-primary-border-subtle);
--bs-table-striped-bg: var(--bs-primary-border-subtle);
--bs-table-active-bg: var(--bs-primary-border-subtle);
--bs-table-hover-bg: var(--bs-primary-border-subtle);
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-secondary);
--bs-btn-border-color: var(--bs-secondary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-secondary-text-emphasis);
--bs-btn-hover-border-color: var(--bs-secondary-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-secondary-text-emphasis);
--bs-btn-active-border-color: var(--bs-secondary-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-secondary-bg-subtle);
}
.btn-outline-secondary {
--bs-btn-color: var(--bs-secondary);
--bs-btn-border-color: var(--bs-secondary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-secondary);
--bs-btn-hover-border-color: var(--bs-secondary);
--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-secondary);
--bs-btn-active-border-color: var(--bs-secondary);
--bs-btn-disabled-color: var(--bs-secondary-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-secondary-bg-subtle);
}
.table-secondary {
--bs-table-bg: var(--bs-secondary-bg-subtle);
--bs-table-border-color: var(--bs-secondary-border-subtle);
--bs-table-striped-bg: var(--bs-secondary-border-subtle);
--bs-table-active-bg: var(--bs-secondary-border-subtle);
--bs-table-hover-bg: var(--bs-secondary-border-subtle);
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-success);
--bs-btn-border-color: var(--bs-success);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-success-text-emphasis);
--bs-btn-hover-border-color: var(--bs-success-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-success-text-emphasis);
--bs-btn-active-border-color: var(--bs-success-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-success-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-success-bg-subtle);
}
.btn-outline-success {
--bs-btn-color: var(--bs-success);
--bs-btn-border-color: var(--bs-success);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-success);
--bs-btn-hover-border-color: var(--bs-success);
--bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-success);
--bs-btn-active-border-color: var(--bs-success);
--bs-btn-disabled-color: var(--bs-success-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-success-bg-subtle);
}
.table-success {
--bs-table-bg: var(--bs-success-bg-subtle);
--bs-table-border-color: var(--bs-success-border-subtle);
--bs-table-striped-bg: var(--bs-success-border-subtle);
--bs-table-active-bg: var(--bs-success-border-subtle);
--bs-table-hover-bg: var(--bs-success-border-subtle);
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-danger);
--bs-btn-border-color: var(--bs-danger);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-danger-text-emphasis);
--bs-btn-hover-border-color: var(--bs-danger-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-danger-text-emphasis);
--bs-btn-active-border-color: var(--bs-danger-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-danger-bg-subtle);
}
.btn-outline-danger {
--bs-btn-color: var(--bs-danger);
--bs-btn-border-color: var(--bs-danger);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-danger);
--bs-btn-hover-border-color: var(--bs-danger);
--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-danger);
--bs-btn-active-border-color: var(--bs-danger);
--bs-btn-disabled-color: var(--bs-danger-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-danger-bg-subtle);
}
.table-danger {
--bs-table-bg: var(--bs-danger-bg-subtle);
--bs-table-border-color: var(--bs-danger-border-subtle);
--bs-table-striped-bg: var(--bs-danger-border-subtle);
--bs-table-active-bg: var(--bs-danger-border-subtle);
--bs-table-hover-bg: var(--bs-danger-border-subtle);
}
.btn-warning {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-warning);
--bs-btn-border-color: var(--bs-warning);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-warning-text-emphasis);
--bs-btn-hover-border-color: var(--bs-warning-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-warning-text-emphasis);
--bs-btn-active-border-color: var(--bs-warning-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-warning-bg-subtle);
}
.btn-outline-warning {
--bs-btn-color: var(--bs-warning);
--bs-btn-border-color: var(--bs-warning);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-warning);
--bs-btn-hover-border-color: var(--bs-warning);
--bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-warning);
--bs-btn-active-border-color: var(--bs-warning);
--bs-btn-disabled-color: var(--bs-warning-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-warning-bg-subtle);
}
.table-warning {
--bs-table-bg: var(--bs-warning-bg-subtle);
--bs-table-border-color: var(--bs-warning-border-subtle);
--bs-table-striped-bg: var(--bs-warning-border-subtle);
--bs-table-active-bg: var(--bs-warning-border-subtle);
--bs-table-hover-bg: var(--bs-warning-border-subtle);
}
.btn-info {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-info);
--bs-btn-border-color: var(--bs-info);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-info-text-emphasis);
--bs-btn-hover-border-color: var(--bs-info-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-info-text-emphasis);
--bs-btn-active-border-color: var(--bs-info-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-info-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-info-bg-subtle);
}
.btn-outline-info {
--bs-btn-color: var(--bs-info);
--bs-btn-border-color: var(--bs-info);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-info);
--bs-btn-hover-border-color: var(--bs-info);
--bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-info);
--bs-btn-active-border-color: var(--bs-info);
--bs-btn-disabled-color: var(--bs-info-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-info-bg-subtle);
}
.table-info {
--bs-table-bg: var(--bs-info-bg-subtle);
--bs-table-border-color: var(--bs-info-border-subtle);
--bs-table-striped-bg: var(--bs-info-border-subtle);
--bs-table-active-bg: var(--bs-info-border-subtle);
--bs-table-hover-bg: var(--bs-info-border-subtle);
}
.btn-light {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-light);
--bs-btn-border-color: var(--bs-light);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-light-text-emphasis);
--bs-btn-hover-border-color: var(--bs-light-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-light-text-emphasis);
--bs-btn-active-border-color: var(--bs-light-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-light-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-light-bg-subtle);
}
.btn-outline-light {
--bs-btn-color: var(--bs-light);
--bs-btn-border-color: var(--bs-light);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-light);
--bs-btn-hover-border-color: var(--bs-light);
--bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-light);
--bs-btn-active-border-color: var(--bs-light);
--bs-btn-disabled-color: var(--bs-light-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-light-bg-subtle);
}
.table-light {
--bs-table-bg: var(--bs-light-bg-subtle);
--bs-table-border-color: var(--bs-light-border-subtle);
--bs-table-striped-bg: var(--bs-light-border-subtle);
--bs-table-active-bg: var(--bs-light-border-subtle);
--bs-table-hover-bg: var(--bs-light-border-subtle);
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-dark);
--bs-btn-border-color: var(--bs-dark);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-dark-text-emphasis);
--bs-btn-hover-border-color: var(--bs-dark-text-emphasis);
--bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-dark-text-emphasis);
--bs-btn-active-border-color: var(--bs-dark-text-emphasis);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-dark-bg-subtle);
}
.btn-outline-dark {
--bs-btn-color: var(--bs-dark);
--bs-btn-border-color: var(--bs-dark);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-dark);
--bs-btn-hover-border-color: var(--bs-dark);
--bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-dark);
--bs-btn-active-border-color: var(--bs-dark);
--bs-btn-disabled-color: var(--bs-dark-bg-subtle);
--bs-btn-disabled-border-color: var(--bs-dark-bg-subtle);
}
.table-dark {
--bs-table-bg: var(--bs-dark-bg-subtle);
--bs-table-border-color: var(--bs-dark-border-subtle);
--bs-table-striped-bg: var(--bs-dark-border-subtle);
--bs-table-active-bg: var(--bs-dark-border-subtle);
--bs-table-hover-bg: var(--bs-dark-border-subtle);
}

.was-validated .form-control:valid, .form-control.is-valid {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.form-control.is-valid, .was-validated .form-control:valid {
+.selectize-control {
.selectize-input {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
}
}

.was-validated .form-control:invalid, .form-control.is-invalid {
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='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.form-control.is-invalid, .was-validated .form-control:invalid {
+.selectize-control {
.selectize-input {
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='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
}
}