/* os: #3956a6 (57,86,166), modra odstin: #ebeef6 (235,238,246), zelena: #398da6 (57,141,166) */
/* modra tmava: #223363 (34,51,99), modra svetla: #4c66ae (76,102,174) */

:root {
	--body-background-color: #fff;
	--body-color: #000;
	--main-anchor-color: #3956a6;

	--wrapper-max-width: 1200px;
	--wrapper-mainmenu-background-color: #fff;
	--wrapper-mainmenu-color: #000;
	--wrapper-mainmenu-border-color: #eee;
	--wrapper-mainmenu-anchor-background-color: #fff;
	--wrapper-mainmenu-anchor-color: #223363;
	--wrapper-mainmenu-anchor-border-color: #fff;
	--wrapper-mainmenu-anchor-background-color-hover: #3956a6;
	--wrapper-mainmenu-anchor-color-hover: #fff;
	--wrapper-mainmenu-anchor-border-color-hover: #223363;
	--wrapper-mainmenu-cislo-zo-background-color: rgba(57,141,166,1);
	--wrapper-mainmenu-cislo-zo-color: #fff;
	--wrapper-mainmenu-email-background-color: #fff;
	--wrapper-mainmenu-email-color: #223363;
	--wrapper-mainmenu-titleos-background-color: #3956a6;
	--wrapper-mainmenu-titleos-color: #fff;
	--wrapper-mainmenu-prihlasen-background-color: none;
	--wrapper-mainmenu-prihlasen-color: #223363;
	--wrapper-mainmenu-logo-background-color: none;
	--wrapper-mainmenu-logo-height: 20px;
	--wrapper-mainmenu-logo-title-color: #223363;
	--wrapper-mainmenu-theme-switcher-icon-color: #000;

	--wrapper-mainmenu-sidemenu-background-color: #f5f5f7;
	--wrapper-mainmenu-sidemenu-color: #223363;
	--wrapper-mainmenu-sidemenu-shadow-color: #ccc;
	--wrapper-mainmenu-sidemenu-mainicon-background-color: #3956a6;
	--wrapper-mainmenu-sidemenu-mainicon-color: #fff;
	--wrapper-mainmenu-sidemenu-mainicon-background-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-mainicon-color-hover: #fff;

	--wrapper-mainmenu-sidemenu-anchor-background-color: #f5f5f7;
	--wrapper-mainmenu-sidemenu-anchor-color: #223363;
	--wrapper-mainmenu-sidemenu-anchor-background-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-anchor-color-hover: #fff;
	--wrapper-mainmenu-sidemenu-anchor-active-background-color: rgba(57,141,166,0.2);
	--wrapper-mainmenu-sidemenu-anchor-active-color: #223363;
	--wrapper-mainmenu-sidemenu-anchor-active-background-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-anchor-active-color-hover: #fff;
	--wrapper-mainmenu-sidemenu-border-color: #f5f5f7;
	--wrapper-mainmenu-sidemenu-border-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-border-active-color: #3956a6;
	--wrapper-mainmenu-sidemenu-border-active-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-hr-color: #ddd;
	--wrapper-mainmenu-sidemenu-icon-background-color: #fff;
	--wrapper-mainmenu-sidemenu-icon-color: #223363;
	--wrapper-mainmenu-sidemenu-icon-background-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-icon-color-hover: #fff;
	--wrapper-mainmenu-sidemenu-track-color: #fff;
	--wrapper-mainmenu-sidemenu-thumb-color: #ddd;

	--wrapper-dropdownmenu-background-color: #fff;
	--wrapper-dropdownmenu-color: #223363;
	--wrapper-dropdownmenu-anchor-background-color: #fff;
	--wrapper-dropdownmenu-anchor-color: #223363;
	--wrapper-dropdownmenu-anchor-background-color-hover: #3956a6;
	--wrapper-dropdownmenu-anchor-color-hover: #fff;
	--wrapper-dropdownmenu-border-color: #eee;
	--wrapper-dropdownmenu-divider-color: #ddd;
	--wrapper-dropdownmenu-subtitle-color: #000;
	--wrapper-dropdownmenu-shadow-color: #bbb;

	--wrapper-footer-background-color: #fff;
	--wrapper-footer-color: #ccc;
	--wrapper-footer-anchor-color: #ccc;
	--wrapper-footer-anchor-color-hover: #ccc;

	--wrapper-footermenu-background-color: #fff;
	--wrapper-footermenu-color: #000;
	--wrapper-footermenu-border-color: #ddd;
	--wrapper-footermenu-anchor-background-color: rgba(255,255,255,0.96);
	--wrapper-footermenu-anchor-color: #000;
	--wrapper-footermenu-anchor-text-color: #000;
	--wrapper-footermenu-anchor-background-color-hover: #223363;
	--wrapper-footermenu-anchor-color-hover: #fff;
	--wrapper-footermenu-anchor-text-color-hover: #fff;
	--wrapper-footermenu-icon-color: #000;
	--wrapper-footermenu-icon-color-hover: #fff;
	--wrapper-footermenu-icon-main-background-color: rgba(57,86,166,0.9);
	--wrapper-footermenu-icon-main-color: #fff;
	--wrapper-footermenu-icon-main-background-color-hover: rgba(57,86,166,0.9);
	--wrapper-footermenu-icon-main-color-hover: #fff;
	--wrapper-footermenu-shadow-color: #ccc;

	--wrapper-nastenka-background-color: #f5f5f7;
	--wrapper-nastenka-color: #000;
	--wrapper-nastenka-card-background-color: #fff;
	--wrapper-nastenka-card-color: #000;
	--wrapper-nastenka-card-border-color: rgba(57,86,166,0.3);
	--wrapper-nastenka-card-header-background-color: #fff;
	--wrapper-nastenka-card-header-color: #eee;
	--wrapper-nastenka-card-header-icon-color: #3956a6;
	--wrapper-nastenka-card-header-icon-border-color: rgba(57,86,166,0.3);
	--wrapper-nastenka-card-body-background-color: #fff;
	--wrapper-nastenka-card-body-color: #000;
	--wrapper-nastenka-card-body-anchor-color: #ccc;
	--wrapper-nastenka-card-body-anchor-color-hover: #ccc;
	--wrapper-nastenka-card-footer-background-color: #fff;
	--wrapper-nastenka-card-footer-color: #000;
	--wrapper-nastenka-card-hr-color: #ddd;
	--wrapper-nastenka-card-shadow-color: #ddd;

	--wrapper-ecmenu-background-color: #f5f7fb;
	--wrapper-ecmenu-color: #000;
	--wrapper-ecmenu-header-background-color: #f5f7fb;
	--wrapper-ecmenu-header-color: #000;
	--wrapper-ecmenu-header-title-color: #ddd;
	--wrapper-ecmenu-body-background-color: #f5f7fb;
	--wrapper-ecmenu-body-color: #000;
	--wrapper-ecmenu-body-anchor-background-color: #f5f7fb;
	--wrapper-ecmenu-body-anchor-color: #000;
	--wrapper-ecmenu-body-anchor-background-color-hover: #3956a6;
	--wrapper-ecmenu-body-anchor-color-hover: #fff;
	--wrapper-ecmenu-body-anchor-active-background-color: #f5f7fb;
	--wrapper-ecmenu-body-anchor-active-color: #398da6;
	--wrapper-ecmenu-body-anchor-active-background-color-hover: #20428a;
	--wrapper-ecmenu-body-anchor-active-color-hover: #fff;
	--wrapper-ecmenu-body-icon-background-color: none;
	--wrapper-ecmenu-body-icon-color: #3956a6;
	--wrapper-ecmenu-body-hr-color: #ddd;
	--wrapper-ecmenu-firstletter-color: #223363;
	--wrapper-ecmenu-firstletter-border-color: #ddd;
	--wrapper-ecmenu-button-background-color: #3956a6;
	--wrapper-ecmenu-button-color: #fff;
	--wrapper-ecmenu-button-background-color-hover: #398da6;
	--wrapper-ecmenu-button-color-hover: #fff;
	--wrapper-ecmenu-button-anchor-color: #fff;
	--wrapper-ecmenu-button-anchor-color-hover: #fff;
	--wrapper-ecmenu-scrollbar-track-color: #fff;
	--wrapper-ecmenu-scrollbar-thumb-color: #ddd;

	--navigation-ec-background-color: #fff;
	--navigation-ec-color: #398da6;
	--navigation-ec-anchor-background-color: #fff;
	--navigation-ec-anchor-color: #398da6;
	--navigation-ec-anchor-background-color-hover: #fff;
	--navigation-ec-anchor-color-hover: #398da6;

	--nav-tabs-background-color: #fff;
	--nav-tabs-color: #000;
	--nav-tabs-border-color: #ddd;
	--nav-tabs-anchor-background-color: #3956a6;
	--nav-tabs-anchor-color: #fff;
	--nav-tabs-anchor-background-color-hover: #398da6;
	--nav-tabs-anchor-color-hover: #fff;
	--nav-tabs-anchor-border-color: #3956a6;
	--nav-tabs-anchor-active-background-color: #398da6;
	--nav-tabs-anchor-active-color: #fff;
	--nav-tabs-anchor-active-border-color: #398da6;
	--nav-tabs-track-color: #fff;
	--nav-tabs-thumb-color: #ddd;

	--accordion-background-color: #fff;
	--accordion-color: #3956a6;
	--accordion-card-background-color: #fff;
	--accordion-card-color: #3956a6;
	--accordion-card-border-color: rgba(57,86,166,0.3);
	--accordion-card-header-background-color: #3956a6;
	--accordion-card-header-color: #fff;
	--accordion-card-header-icon-color: #3956a6;
	--accordion-card-body-background-color: #fff;
	--accordion-card-body-color: #3956a6;
	--accordion-card-body-anchor-background-color: #fff;
	--accordion-card-body-anchor-color: #3956a6;
	--accordion-card-body-anchor-background-color-hover: #fff;
	--accordion-card-body-anchor-color-hover: #3956a6;
	--accordion-card-body-anchor-active-background-color: #fff;
	--accordion-card-body-anchor-active-color: #398da6;
	--accordion-card-body-anchor-active-background-color-hover: #3956a6;
	--accordion-card-body-anchor-active-color-hover: #3956a6;
	--accordion-card-footer-background-color: #3956a6;
	--accordion-card-footer-color: #ccc;
	--accordion-card-hr-color: #000;
	--accordion-card-firstletter-color: #223363;
	--accordion-card-firstletter-border-color: #ddd;
	--accordion-card-shadow-color: #ccc;
	--accordion-track-color: #fff;
	--accordion-thumb-color: #ddd;

	--list-group-background-color: #fff;
	--list-group-color: #3956a6;
	--list-group-border-color: rgba(57,86,166,0.3);
	--list-group-anchor-background-color: #fff;
	--list-group-anchor-color: #3956a6;
	--list-group-anchor-background-color-hover: #fff;
	--list-group-anchor-color-hover: #3956a6;
	--list-group-anchor-active-background-color: #3956a6;
	--list-group-anchor-active-color: #fff;
	--list-group-anchor-active-background-color-hover: #3956a6;
	--list-group-anchor-active-color-hover: #fff;

	--list-group-icon-container-border-color: rgba(57,86,166,0.3);
	--list-group-icon-container-border-color-hover: rgba(57,86,166,0.3);
	--list-group-icon-color: #3956a6;
	--list-group-icon-color-hover: #3956a6;
	--list-group-hr-color: #ddd;
	--list-group-firstletter-color: #000;
	--list-group-firstletter-border-color: #ddd;
	--list-group-shadow-color: #ccc;

	--head-background-color: none;
	--head-color: #223363;
	--head-border-color: #223363;
	--subhead-background-color: none;
	--subhead-color: #223363;
	--subhead-border-color: #223363;

	--title-background-color: none;
	--title-color: #223363;
	--subtitle-background-color: none;
	--subtitle-color: #223363;

	--table-thead-th-background-color: #fff;
	--table-thead-th-label-color: #000;
	--table-thead-th-anchor-color: #3956a6;
	--table-thead-th-border-color: #aaa;

	--table-tbody-tr-background-color-hover: rgba(57,141,166,0.1);
	--table-tbody-tr-border-color: #eee;
	--table-tbody-tr-border-color-hover: rgba(57,141,166,0.6);
	--table-tbody-tr-odd-background-color: none;
	--table-tbody-tr-even-background-color: #f5f5f7;

	--table-tbody-td-background-color: #fff;
	--table-tbody-td-color: #333;
	--table-tbody-td-anchor-color: #3956a6;
	--table-tbody-td-border-color: #eee;
	--table-tbody-td-active-background-color: rgba(57,141,166,0.1);
	--table-tfoot-td-background-color: #fff;
	--table-tfoot-td-color: #333;
	--table-tfoot-td-anchor-color: #333;
	--table-tfoot-td-border-color: #aaa;
	--table-main-link-color: #000;
	--table-tbody-mezi-color: #000;

	--search-background-color: #f5f5f7;
	--search-color: #000;
	--search-anchor-background-color: none;
	--search-anchor-color: #3956a6;
	--search-anchor-background-color-hover: #f5f7fb;
	--search-anchor-color-hover: #3956a6;
	--search-icon-color: #3956a6;
	--search-icon-color-hover: #3956a6;
	--search-icon-border-color: rgba(57,86,166,0.3);
	--search-icon-border-color-hover: rgba(57,86,166,0.3);
	--search-navbar-background-color: #fff;
	--search-navbar-color: #3956a6;
	--search-border-color: rgba(57,86,166,0.4);

	--maindotaz-background-color: #fff;
	--dotaz-color: #ccc;
	--dotaz-item-background-color: none;
	--dotaz-item-color: #ddd;
	--dotaz-item-border-color: #aaa;
	--dotaz-heading-background-color: #f5f5f7;
	--dotaz-heading-color: #000;
	--dotaz-heading-notcollapsed-background-color: #f5f5f7;
	--dotaz-heading-notcollapsed-color: #000;
	--dotaz-heading-icon-color: #3956a6;
	--dotaz-body-background-color: #fff;
	--dotaz-body-color: #000;
	--dotaz-body-anchor-color: #fff;
	--dotaz-body-border-color: #ccc;

	--login-background-color: #fff;
	--login-color: #000;
	--login-form-background-color: #fff;
	--login-form-color: #000;
	--login-form-title-color: #3956a6;
	--login-form-subtitle-color: #3956a6;
	--login-form-svaz-color: #3956a6;
	--login-form-border-color: #3956a6;
	--login-form-shadow-color: #ccc;
	--login-form-logo-width: 40px;

	--pagination-background-color: none;
	--pagination-color: #000;
	--pagination-title-color: #000;
	--pagination-count-color: #000;
	--pagination-anchor-background-color: none;
	--pagination-anchor-color: #999;
	--pagination-anchor-border-color: #999;
	--pagination-anchor-active-background-color: #fff;
	--pagination-anchor-active-color: #000;
	--pagination-anchor-active-border-color: #000;
	--pagination-anchor-background-color-hover: #fff;
	--pagination-anchor-color-hover: #3956a6;
	--pagination-anchor-border-color-hover: #3956a6;
	--pagination-anchor-active-background-color-hover: #fff;
	--pagination-anchor-active-color-hover: #3956a6;
	--pagination-anchor-active-border-color-hover: #3956a6;

	--detail-background-color: none;
	--detail-color: #000;
	--detail-border-color: none;
	--detail-label-color: #000;
	--detail-label-border-color: #ddd;
	--detail-value-color: #000;
	--detail-value-border-color: #ddd;

	--modal-background-color: #fff;
	--modal-color: #000;
	--modal-header-background-color: #223363;
	--modal-header-color: #fff;
	--modal-header-border-color: #ddd;
	--modal-footer-background-color: #fff;
	--modal-footer-color: #000;
	--modal-footer-border-color: #ddd;
	--modal-border-color: #fff;

	--input-background-color: #fff;
	--input-color: #000;
	--input-border-color: #aaa;
	--input-focus-background-color: #fff;
	--input-focus-color: #000;
	--input-focus-border-color: #3956a6;
	--input-focus-shadow-color: #ccc;
	--input-valid-border-color: #3956a6;
	--input-invalid-border-color: #a00b54;
	--input-placeholder-color: #999;
	--input-disabled-backgound-color: #f8f8f9;
	--input-disabled-color: #333;
	--input-disabled-border-color: #333;
	--input-readonly-backgound-color: #f8f8f9;
	--input-readonly-color: #333;
	--input-readonly-border-color: #333;
	--input-checkbox-background-color: #fff;
	--input-checkbox-color: #3956a6;
	--input-checkbox-border-color: #3956a6;
	--input-checkbox-theme-background-color: #3956a6;
	--input-floating-color: #555;
	--input-group-text-background-color: #f8f8f9;
	--input-group-text-color: #3956a6;
	--input-group-border-color: #999;

	/* forms */
	--form-label-color: #333;

	--btn-border-width: 1px;
	--btn-outline-border-width: 1px;

	/* success: #398da6 (57,141,166) */
	--btn-success-background-color: rgba(57,141,166,0.8);
	--btn-success-color: #fff;
	--btn-success-background-color-hover: #398da6;
	--btn-success-color-hover: #fff;
	--btn-success-border-color: rgba(57,141,166,0.8);
	--btn-success-border-color-hover: #398da6;
	--btn-success-table-background-color: rgba(57,141,166,0.1);
	--btn-success-table-color: rgba(57,141,166,1);
	--btn-success-text-color: #067641;

	--btn-success-login-background-color: rgba(57,141,166,0.9);
	--btn-success-login-color: #fff;
	--btn-success-login-background-color-hover: rgba(57,141,166,1);
	--btn-success-login-color-hover: #fff;

	--btn-outline-success-background-color: none;
	--btn-outline-success-color: #398da6;
	--btn-outline-success-background-color-hover: #398da6;
	--btn-outline-success-color-hover: #fff;
	--btn-outline-success-border-color: #398da6;
	--btn-outline-success-border-color-hover: #398da6;

	/* primary #3956a6 (57,86,166) */
	--btn-primary-background-color: rgba(57,86,166,0.9);
	--btn-primary-color: #fff;
	--btn-primary-background-color-hover: #3956a6;
	--btn-primary-color-hover: #fff;
	--btn-primary-border-color: #3956a6;
	--btn-primary-border-color-hover: #3956a6;
	--btn-primary-table-background-color: #3956a6;
	--btn-primary-table-color: #3956a6;
	--btn-primary-text-color: #3956a6;

	--btn-outline-primary-background-color: none;
	--btn-outline-primary-color: #3956a6;
	--btn-outline-primary-background-color-hover: #3956a6;
	--btn-outline-primary-color-hover: #fff;
	--btn-outline-primary-border-color: #3956a6;
	--btn-outline-primary-border-color-hover: #3956a6;

	/* info #e6edf5 (230,237,245) */
	--btn-info-background-color: rgba(230,237,245,0.8);
	--btn-info-color: #000;
	--btn-info-background-color-hover: #e6edf5;
	--btn-info-color-hover: #000;
	--btn-info-border-color: #e6edf5;
	--btn-info-border-color-hover: #e6edf5;
	--btn-info-table-background-color: #e6edf5;
	--btn-info-table-color: #e6edf5;
	--btn-info-text-color: #3956a6;

	--btn-outline-info-background-color: none;
	--btn-outline-info-color: #e6edf5;
	--btn-outline-info-background-color-hover: #e6edf5;
	--btn-outline-info-color-hover: #000;
	--btn-outline-info-border-color: #e6edf5;
	--btn-outline-info-border-color-hover: #e6edf5;

	/* warning #a00b54 (160,11,84) */
	--btn-warning-background-color: rgba(160,11,84,0.8);
	--btn-warning-color: #fff;
	--btn-warning-background-color-hover: #a00b54;
	--btn-warning-color-hover: #fff;
	--btn-warning-border-color: rgba(160,11,84,0.8);
	--btn-warning-border-color-hover: #a00b54;
	--btn-warning-table-background-color:  rgba(160,11,84,0.2);
	--btn-warning-table-color: #a00b54;
	--btn-warning-text-color: #a00b54;

	--btn-outline-warning-background-color: none;
	--btn-outline-warning-color: #a00b54;
	--btn-outline-warning-background-color-hover: #a00b54;
	--btn-outline-warning-color-hover: #fff;
	--btn-outline-warning-border-color: #a00b54;
	--btn-outline-warning-border-color-hover: #a00b54;

	/* danger #a00b54 (160,11,84) */
	--btn-danger-background-color: rgba(160,11,84,0.8);
	--btn-danger-color: #fff;
	--btn-danger-background-color-hover: #a00b54;
	--btn-danger-color-hover: #fff;
	--btn-danger-border-color: #a00b54;
	--btn-danger-border-color-hover: #a00b54;
	--btn-danger-table-background-color: rgba(160,11,84,0.1);
	--btn-danger-table-color: #a00b54;
	--btn-danger-text-color: #a00b54;

	--btn-outline-danger-background-color: none;
	--btn-outline-danger-color: #a00b54;
	--btn-outline-danger-background-color-hover: #a00b54;
	--btn-outline-danger-color-hover: #fff;
	--btn-outline-danger-border-color: #a00b54;
	--btn-outline-danger-border-color-hover: #a00b54;
	
	/* dark #231f20 (35,31,32) */
	--btn-dark-background-color: rgba(35,31,32,0.8);
	--btn-dark-color: #fff;
	--btn-dark-background-color-hover: #231f20;
	--btn-dark-color-hover: #fff;
	--btn-dark-border-color: #231f20;
	--btn-dark-border-color-hover: #231f20;
	--btn-dark-table-background-color: rgba(35,31,32,0.2);
	--btn-dark-table-color: #231f20;
	--btn-dark-text-color: #231f20;

	--btn-outline-dark-background-color: none;
	--btn-outline-dark-color: #231f20;
	--btn-outline-dark-background-color-hover: rgba(35,31,32,0.8);
	--btn-outline-dark-color-hover: #fff;
	--btn-outline-dark-border-color: #231f20;
	--btn-outline-dark-border-color-hover: #231f20;

	/* ckeditor */
	--btn-editor-color: #000;

	--alert-border-width: 1px;

	/* success: #067641 (6,118,65) */
	--alert-success-background-color: rgba(6,118,65,0.1);
	--alert-success-color: #067641;
	--alert-success-border-color: rgba(6,118,65,0.1);
	--alert-success-shadow-color: #ddd;
	--alert-success-anchor-color: #067641;
	--alert-success-anchor-color-hover: #067641;

	/* primary #3956a6 (57,86,166) */
	--alert-primary-background-color: rgba(57,86,166,0.2);
	--alert-primary-color: #3956a6;
	--alert-primary-border-color: #3956a6;
	--alert-primary-shadow-color: #ccc;
	--alert-primary-anchor-color: #3956a6;
	--alert-primary-anchor-color-hover: #3956a6;

	/* info: #3956a6 (57,86,166) */
	--alert-info-background-color:rgba(57,86,166,0.05);
	--alert-info-color: #000;
	--alert-info-border-color: rgba(57,86,166,0.2);
	--alert-info-shadow-color: #ddd;
	--alert-info-anchor-color: #000;
	--alert-info-anchor-color-hover: #000;

	/* warning #a00b54 (160,11,84) */
	--alert-warning-background-color: rgba(160,11,84,0.1);
	--alert-warning-color: #000;
	--alert-warning-border-color: #000;
	--alert-warning-shadow-color: #ddd;
	--alert-warning-anchor-color: #000;
	--alert-warning-anchor-color-hover: #000;

	/* danger #a00b54 (160,11,84) */
	--alert-danger-background-color: rgba(160,11,84,0.1);
	--alert-danger-color: rgba(160,11,84,0.8);
	--alert-danger-border-color: rgba(160,11,84,0.2);
	--alert-danger-shadow-color: #ddd;
	--alert-danger-anchor-color: #a00b54;
	--alert-danger-anchor-color-hover: #a00b54;

	/* dark #231f20 (35,31,32) */
	--alert-dark-background-color: rgba(35,31,32,0.2);
	--alert-dark-color: #231f20;
	--alert-dark-border-color: rgba(35,31,32,0.4);
	--alert-dark-shadow-color: #ddd;
	--alert-dark-anchor-color: #231f20;
	--alert-dark-anchor-color-hover: #231f20;

	/* notification */
	--alert-notification-background-color: none;
	--alert-notification-shadow-color: #ccc;

	--badge-success-background-color: #067641;
	--badge-success-color: #fff;
	--badge-danger-background-color: #a00b54;
	--badge-danger-color: #fff;

	/* kalendar */
	--calendar-background-color: #fff;
	--calendar-shadow-color: #ccc;
	--calendar-table-th-background-color: #fff; 
	--calendar-table-th-color: #3956a6; 
	--calendar-table-th-background-color-hover: #3956a6; 
	--calendar-table-th-color-hover: #fff; 

	--calendar-tbody-tr-border-color: #ddd;
	--calendar-tbody-tr-span-color: #3956a6;
	--calendar-tbody-tr-span-active-background-color: #3956a6;
	--calendar-tbody-tr-span-active-color: #fff;
	--calendar-tbody-tr-span-active-background-color-hover: #3956a6;
	--calendar-tbody-tr-span-active-color-hover: #fff;

	--calendar-tbody-td-color: #3956a6;
	--calendar-tbody-td-day-background-color-hover: #3956a6;
	--calendar-tbody-td-day-color-hover: #fff;
	--calendar-tbody-td-today-background-color-hover: #398da6;
	--calendar-tbody-td-today-color-hover: #fff;
	--calendar-tbody-td-icon-color: #fff;
	--calendar-tbody-td-active-background-color: #398da6;
	--calendar-tbody-td-active-color: #fff;
	--calendar-tbody-td-active-background-color-hover: #3956a6;
	--calendar-tbody-td-active-color-hover: #fff;

	/* ostatni */
	--hr-color: #ddd;
	--sup-color: #3956a6;
	--required-label-color: #000;
	--required-label-asterisk-color: #a00b54;
	--timer-color: #3956a6;
	--back-top-backround-color: rgba(35,31,32,0.8);
	--back-top-color: #fff;
	--back-top-backround-color-hover: rgba(35,31,32,1);
	--back-top-color-hover: #fff;
	--preloader-background-color: #3956a6;
	--preloader-color: #fff;
	--loading-background-color: rgba(255,255,255,0.5);
	--loading-color: #fff;
	--loading-spinner-color1: #3956a6;
	--loading-spinner-color2: #000;
	--popover-background-color: #fff;
	--popover-color: #000;
	--popover-shadow-color: #ddd;
	--jumbotron-background-color: #f5f5f7;
	--jumbotron-color: #000;
}

/* dle uzivatele */
html.trewis-zo-dark-theme {
	/* bg: #20252b (32,37,43), item: #2b3036 (43,48,54), form: #343a41 (52,58,65), leftmenu: #181d23 (24,29,35) */
	--body-background-color: #20252b;
	--body-color: #ddd;
	--main-anchor-color: #eee;

	--wrapper-content-background-color: #20252b;
	--wrapper-content-color: #ddd;
	--wrapper-mainmenu-background-color: #2b3036;
	--wrapper-mainmenu-color: #ddd;
	--wrapper-mainmenu-border-color: #222;
	--wrapper-mainmenu-anchor-background-color: #2b3036;
	--wrapper-mainmenu-anchor-color: #ddd;
	--wrapper-mainmenu-anchor-border-color: #2b3036;
	--wrapper-mainmenu-anchor-background-color-hover: #20252b;
	--wrapper-mainmenu-anchor-color-hover: #eee;
	--wrapper-mainmenu-anchor-border-color-hover: #20252b;
	--wrapper-mainmenu-cislo-zo-background-color: #343a41;
	--wrapper-mainmenu-cislo-zo-color: #eee;
	--wrapper-mainmenu-email-background-color: #2b3036;
	--wrapper-mainmenu-email-color: #eee;
	--wrapper-mainmenu-titleos-background-color: rgba(57,86,166,0.6);
	--wrapper-mainmenu-titleos-color: #eee;
	--wrapper-mainmenu-prihlasen-background-color: none;
	--wrapper-mainmenu-prihlasen-color: #eee;
	--wrapper-mainmenu-logo-background-color: none;
	--wrapper-mainmenu-logo-height: 20px;
	--wrapper-mainmenu-logo-title-color: #ddd;
	--wrapper-mainmenu-theme-switcher-icon-color: #ddd;

	--wrapper-mainmenu-sidemenu-background-color: #2b3036;
	--wrapper-mainmenu-sidemenu-color: #ddd;
	--wrapper-mainmenu-sidemenu-mainicon-background-color: #2b3036;
	--wrapper-mainmenu-sidemenu-mainicon-color: #ddd;
	--wrapper-mainmenu-sidemenu-mainicon-background-color-hover: #000;
	--wrapper-mainmenu-sidemenu-mainicon-color-hover: #ddd;

	--wrapper-mainmenu-sidemenu-anchor-background-color: #2b3036;
	--wrapper-mainmenu-sidemenu-anchor-color: #ddd;
	--wrapper-mainmenu-sidemenu-anchor-background-color-hover: #000;
	--wrapper-mainmenu-sidemenu-anchor-color-hover: #ddd;
	--wrapper-mainmenu-sidemenu-anchor-active-background-color: rgba(57,141,166,0.4);
	--wrapper-mainmenu-sidemenu-anchor-active-color: #ddd;
	--wrapper-mainmenu-sidemenu-anchor-active-background-color-hover: #000;
	--wrapper-mainmenu-sidemenu-anchor-active-color-hover: #ddd;
	--wrapper-mainmenu-sidemenu-border-color: #222;
	--wrapper-mainmenu-sidemenu-border-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-border-active-color: #3956a6;
	--wrapper-mainmenu-sidemenu-border-active-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-hr-color: #222;
	--wrapper-mainmenu-sidemenu-icon-background-color: #2b3036;
	--wrapper-mainmenu-sidemenu-icon-color: #aaa;
	--wrapper-mainmenu-sidemenu-icon-background-color-hover: #3956a6;
	--wrapper-mainmenu-sidemenu-icon-color-hover: #ccc;
	--wrapper-mainmenu-sidemenu-track-color: #2b3036;
	--wrapper-mainmenu-sidemenu-thumb-color: #aaa;

	--wrapper-dropdownmenu-background-color: #343a41;
	--wrapper-dropdownmenu-color: #ddd;
	--wrapper-dropdownmenu-anchor-background-color: #343a41;
	--wrapper-dropdownmenu-anchor-color: #ddd;
	--wrapper-dropdownmenu-anchor-background-color-hover: #000;
	--wrapper-dropdownmenu-anchor-color-hover: #fff;
	--wrapper-dropdownmenu-border-color: #2b3036;
	--wrapper-dropdownmenu-divider-color: #222;
	--wrapper-dropdownmenu-subtitle-color: #ddd;
	--wrapper-dropdownmenu-shadow-color: #222;

	--wrapper-footer-background-color: #282828;
	--wrapper-footer-color: #ccc;
	--wrapper-footer-anchor-color: #ccc;
	--wrapper-footer-anchor-color-hover: #ccc;

	--wrapper-footermenu-background-color: #2b3036;
	--wrapper-footermenu-color: #eee;
	--wrapper-footermenu-border-color: #222;
	--wrapper-footermenu-anchor-background-color: #2b3036;
	--wrapper-footermenu-anchor-color: #eee;
	--wrapper-footermenu-anchor-text-color: #eee;
	--wrapper-footermenu-anchor-background-color-hover: #20252b;
	--wrapper-footermenu-anchor-color-hover: #eee;
	--wrapper-footermenu-anchor-text-color-hover: #eee;
	--wrapper-footermenu-icon-color: #eee;
	--wrapper-footermenu-icon-color-hover: #eee;
	--wrapper-footermenu-icon-main-background-color: rgba(57,86,166,0.9);
	--wrapper-footermenu-icon-main-color: #eee;
	--wrapper-footermenu-icon-main-background-color-hover: rgba(57,86,166,0.9);
	--wrapper-footermenu-icon-main-color-hover: #eee;
	--wrapper-footermenu-shadow-color: #222;

	--wrapper-nastenka-background-color: #20252b;
	--wrapper-nastenka-color: #eee;
	--wrapper-nastenka-card-background-color: #2b3036;
	--wrapper-nastenka-card-color: #eee;
	--wrapper-nastenka-card-border-color: #444;
	--wrapper-nastenka-card-header-background-color: #2b3036;
	--wrapper-nastenka-card-header-color: #eee;
	--wrapper-nastenka-card-header-icon-color: #ddd;
	--wrapper-nastenka-card-header-icon-border-color: #ddd;
	--wrapper-nastenka-card-body-background-color: #2b3036;
	--wrapper-nastenka-card-body-color: #ddd;
	--wrapper-nastenka-card-body-anchor-color: #ddd;
	--wrapper-nastenka-card-body-anchor-color-hover: #eee;
	--wrapper-nastenka-card-footer-background-color: #2b3036;
	--wrapper-nastenka-card-footer-color: #eee;
	--wrapper-nastenka-card-hr-color: #555;
	--wrapper-nastenka-card-shadow-color: #333;

	--wrapper-ecmenu-background-color: #2b3036;
	--wrapper-ecmenu-color: #eee;
	--wrapper-ecmenu-header-background-color: #2b3036;
	--wrapper-ecmenu-header-color: #eee;
	--wrapper-ecmenu-header-title-color: #eee;
	--wrapper-ecmenu-body-background-color: #2b3036;
	--wrapper-ecmenu-body-color: #eee;
	--wrapper-ecmenu-body-anchor-background-color: #2b3036;
	--wrapper-ecmenu-body-anchor-color: #eee;
	--wrapper-ecmenu-body-anchor-background-color-hover: #000;
	--wrapper-ecmenu-body-anchor-color-hover: #eee;
	--wrapper-ecmenu-body-anchor-active-background-color: #2b3036;
	--wrapper-ecmenu-body-anchor-active-color: #398da6;
	--wrapper-ecmenu-body-anchor-active-background-color-hover: #000;
	--wrapper-ecmenu-body-anchor-active-color-hover: #eee;
	--wrapper-ecmenu-body-icon-background-color: none;
	--wrapper-ecmenu-body-icon-color: #ccc;
	--wrapper-ecmenu-body-hr-color: #555;
	--wrapper-ecmenu-firstletter-color: #398da6;
	--wrapper-ecmenu-firstletter-border-color: #555;
	--wrapper-ecmenu-button-background-color: rgba(57,86,166,0.6);
	--wrapper-ecmenu-button-color: #fff;
	--wrapper-ecmenu-button-background-color-hover: #2b3036;
	--wrapper-ecmenu-button-color-hover: #eee;
	--wrapper-ecmenu-button-anchor-color: #eee;
	--wrapper-ecmenu-button-anchor-color-hover: #eee;
	--wrapper-ecmenu-scrollbar-track-color: #2b3036;
	--wrapper-ecmenu-scrollbar-thumb-color: #aaa;

	--navigation-ec-background-color: #20252b;
	--navigation-ec-color: #eee;
	--navigation-ec-anchor-background-color: #20252b;
	--navigation-ec-anchor-color: #eee;
	--navigation-ec-anchor-background-color-hover: #20252b;
	--navigation-ec-anchor-color-hover: #eee;

	--nav-tabs-background-color: #fff;
	--nav-tabs-color: #000;
	--nav-tabs-border-color: #555;
	--nav-tabs-anchor-background-color: rgba(245,245,245,0.8);
	--nav-tabs-anchor-color: #000;
	--nav-tabs-anchor-background-color-hover: #000;
	--nav-tabs-anchor-color-hover: #fff;
	--nav-tabs-anchor-border-color: rgba(245,245,245,0.8);
	--nav-tabs-anchor-active-background-color: #000;
	--nav-tabs-anchor-active-color: #fff;
	--nav-tabs-anchor-active-border-color: #000;
	--nav-tabs-track-color: #fff;
	--nav-tabs-thumb-color: #ddd;

	--accordion-background-color: #2b3036;
	--accordion-color: #ddd;
	--accordion-card-background-color: #2b3036;
	--accordion-card-color: #ddd;
	--accordion-card-border-color: #333;
	--accordion-card-header-background-color: #2b3036;
	--accordion-card-header-color: #ddd;
	--accordion-card-header-icon-color: #3956a6;
	--accordion-card-body-background-color: #20252b;
	--accordion-card-body-color: #ddd;
	--accordion-card-body-anchor-background-color: #20252b;
	--accordion-card-body-anchor-color: #ddd;
	--accordion-card-body-anchor-background-color-hover: #000;
	--accordion-card-body-anchor-color-hover: #ddd;
	--accordion-card-body-anchor-active-background-color: #3956a6;
	--accordion-card-body-anchor-active-color: #398da6;
	--accordion-card-body-anchor-active-background-color-hover: #000;
	--accordion-card-body-anchor-active-color-hover: #ddd;
	--accordion-card-footer-background-color: #282828;
	--accordion-card-footer-color: #ddd;
	--accordion-card-hr-color: #000;
	--accordion-card-firstletter-color: rgba(57,141,166,0.8);
	--accordion-card-firstletter-border-color: #555;
	--accordion-card-shadow-color: #ccc;
	--accordion-track-color: #2b3036;
	--accordion-thumb-color: #aaa;

	--list-group-background-color: #2b3036;
	--list-group-color: #ddd;
	--list-group-border-color: #333;
	--list-group-anchor-background-color: #20252b;
	--list-group-anchor-color: #ddd;
	--list-group-anchor-background-color-hover: #000;
	--list-group-anchor-color-hover: #ddd;
	--list-group-anchor-active-background-color: #2b3036;
	--list-group-anchor-active-color: #ddd;
	--list-group-anchor-active-background-color-hover: #2b3036;
	--list-group-anchor-active-color-hover: #ddd;

	--list-group-icon-container-border-color: #555;
	--list-group-icon-container-border-color-hover: #555;
	--list-group-icon-color: #ddd;
	--list-group-icon-color-hover: #fff;
	--list-group-hr-color: #555;
	--list-group-firstletter-color: #3956a6;
	--list-group-firstletter-border-color: #555;
	--list-group-shadow-color: #222;

	--head-background-color: none;
	--head-color: #ddd;
	--head-border-color: #555;
	--subhead-background-color: none;
	--subhead-color: #ddd;
	--subhead-border-color: #555;

	--title-background-color: none;
	--title-color: #ddd;
	--subtitle-background-color: none;
	--subtitle-color: #ddd;

	--table-thead-th-background-color: #2b3036;
	--table-thead-th-label-color: #ccc;
	--table-thead-th-anchor-color: #ccc;
	--table-thead-th-border-color: #555;

	--table-tbody-tr-background-color-hover: rgba(245,245,245,0.1);
	--table-tbody-tr-border-color: #333;
	--table-tbody-tr-border-color-hover: #777;
	--table-tbody-tr-odd-background-color: none;
	--table-tbody-tr-even-background-color: #2b3036;

	--table-tbody-td-background-color: #2b3036;
	--table-tbody-td-color: #ddd;
	--table-tbody-td-anchor-color: #ddd;
	--table-tbody-td-border-color: #555;
	--table-tbody-td-active-background-color: rgba(245,245,245,0.1);

	--table-tfoot-td-background-color: #2b3036;
	--table-tfoot-td-color: #ddd;
	--table-tfoot-td-anchor-color: #ddd;
	--table-tfoot-td-border-color: #555;
	--table-main-link-color: #ddd;
	--table-tbody-mezi-color: #ddd;

	--search-background-color: rgba(52,58,65,0.8);
	--search-color: #ddd;
	--search-anchor-background-color: none;
	--search-anchor-color: #ddd;
	--search-anchor-background-color-hover: rgba(52,58,65,0.8);
	--search-anchor-color-hover: #ddd;
	--search-icon-color: #ddd;
	--search-icon-color-hover: #ddd;
	--search-icon-border-color: #555;
	--search-icon-border-color-hover: #555;
	--search-navbar-background-color: #20252b;
	--search-navbar-color: #ddd;
	--search-border-color: #555;

	--maindotaz-background-color: #20252b;
	--dotaz-color: #ccc;
	--dotaz-item-background-color: #2b3036;
	--dotaz-item-color: #ddd;
	--dotaz-item-border-color: #555;
	--dotaz-heading-background-color: #2b3036;
	--dotaz-heading-color: #ddd;
	--dotaz-heading-notcollapsed-background-color: none;
	--dotaz-heading-notcollapsed-color: #fff;
	--dotaz-heading-icon-color: #ccc;
	--dotaz-body-background-color: #20252b;
	--dotaz-body-color: #eee;
	--dotaz-body-anchor-color: #fff;
	--dotaz-body-border-color: #ccc;

	--login-background-color: #20252b;
	--login-color: #eee;
	--login-form-background-color: #343a41;
	--login-form-color: #eee;
	--login-form-title-color: #eee;
	--login-form-subtitle-color: #eee;
	--login-form-svaz-color: #3956a6;
	--login-form-border-color: #555;
	--login-form-shadow-color: #222;

	--pagination-background-color: none;
	--pagination-color: #eee;
	--pagination-title-color: #eee;
	--pagination-count-color: #eee;
	--pagination-anchor-background-color: none;
	--pagination-anchor-color: #eee;
	--pagination-anchor-border-color: #eee;
	--pagination-anchor-active-background-color: #000;
	--pagination-anchor-active-color: #fff;
	--pagination-anchor-active-border-color: #fff;
	--pagination-anchor-background-color-hover: #000;
	--pagination-anchor-color-hover: #fff;
	--pagination-anchor-border-color-hover: #fff;
	--pagination-anchor-active-background-color-hover: #000;
	--pagination-anchor-active-color-hover: #fff;
	--pagination-anchor-active-border-color-hover: #fff;

	--detail-background-color: none;
	--detail-color: #eee;
	--detail-border-color: none;
	--detail-label-color: #ddd;
	--detail-label-border-color: #555;
	--detail-value-color: #eee;
	--detail-value-border-color: #555;

	--modal-background-color: #2b3036;
	--modal-color: #eee;
	--modal-header-background-color: #343a41;
	--modal-header-color: #eee;
	--modal-header-border-color: #444;
	--modal-footer-background-color: #2b3036;
	--modal-footer-color: #eee;
	--modal-footer-border-color: #444;
	--modal-border-color: #555;

	--input-background-color: #2b3036;
	--input-color: #eee;
	--input-border-color: #2b3036;
	--input-focus-background-color: #2b3036;
	--input-focus-color: #eee;
	--input-focus-border-color: #ccc;
	--input-focus-shadow-color: #222;
	--input-valid-border-color: #2b3036;
	--input-invalid-border-color: #f5261f;
	--input-placeholder-color: #999;
	--input-disabled-backgound-color: #2b3036;
	--input-disabled-color: #ccc;
	--input-disabled-border-color: #343a41;
	--input-readonly-backgound-color: #2b3036;
	--input-readonly-color: #ccc;
	--input-readonly-border-color: #343a41;
	--input-checkbox-background-color: #ddd;
	--input-checkbox-color: #398da6;
	--input-checkbox-border-color: #398da6;
	--input-checkbox-theme-background-color: #398da6;
	--input-floating-color: #555;
	--input-group-text-background-color: #2b3036;
	--input-group-text-color: #ccc;
	--input-group-border-color: #343a41;

	/* forms */
	--form-label-color: #ddd;

	/* success: #398da6 (57,141,166) */
	--btn-success-background-color: rgba(57,141,166,0.6);
	--btn-success-color: #eee;
	--btn-success-background-color-hover: rgba(57,141,166,0.8);
	--btn-success-color-hover: #000;
	--btn-success-border-color: rgba(57,141,166,0.6);
	--btn-success-border-color-hover: #398da6;
	--btn-success-table-background-color: rgba(57,141,166,0.1);
	--btn-success-table-color: #398da6;
	--btn-success-text-color: #398da6;

	--btn-success-login-background-color: rgba(57,86,166,0.8);
	--btn-success-login-color: #eee;
	--btn-success-login-background-color-hover: rgba(57,86,166,1);
	--btn-success-login-color-hover: #eee;

	--btn-outline-success-background-color: none;
	--btn-outline-success-color: #ddd;
	--btn-outline-success-background-color-hover: #398da6;
	--btn-outline-success-color-hover: #fff;
	--btn-outline-success-border-color: #ddd;
	--btn-outline-success-border-color-hover: #398da6;

	/* primary #231f20 (35,31,32) */
	--btn-primary-background-color: #2b3036;
	--btn-primary-color: #ccc;
	--btn-primary-background-color-hover: #343a41;
	--btn-primary-color-hover: #ccc;
	--btn-primary-border-color: #aaa;
	--btn-primary-border-color-hover: #ccc;
	--btn-primary-table-background-color: #2b3036;
	--btn-primary-table-color: #2b3036;
	--btn-primary-text-color: #ccc;

	--btn-outline-primary-background-color: none;
	--btn-outline-primary-color: #ccc;
	--btn-outline-primary-background-color-hover: #343a41;
	--btn-outline-primary-color-hover: #ccc;
	--btn-outline-primary-border-color: #aaa;
	--btn-outline-primary-border-color-hover: #ccc;

	/* info #3956a6 (57,86,166) */
	--btn-info-background-color: #2b3036;
	--btn-info-color: #eee;
	--btn-info-background-color-hover: #2b3036;
	--btn-info-color-hover: #eee;
	--btn-info-border-color: #eeee;
	--btn-info-border-color-hover: #eee;
	--btn-info-table-background-color: #2b3036;
	--btn-info-table-color: #eee;
	--btn-info-text-color: #eee;

	--btn-outline-info-background-color: none;
	--btn-outline-info-color: #eee;
	--btn-outline-info-background-color-hover: #2b3036;
	--btn-outline-info-color-hover: #eee;
	--btn-outline-info-border-color: #eee;
	--btn-outline-info-border-color-hover: #eee;

	/* warning #f5261f (245,38,31) */
	--btn-warning-background-color: rgba(245,38,31,0.2);
	--btn-warning-color: #eee;
	--btn-warning-background-color-hover: #2b3036;
	--btn-warning-color-hover: #eee;
	--btn-warning-border-color: rgba(245,38,31,0.4);
	--btn-warning-border-color-hover: rgba(245,38,31,0.4);
	--btn-warning-table-background-color: rgba(245,38,31,0.2);
	--btn-warning-table-color: #eee;
	--btn-warning-text-color: #f5261f;

	--btn-outline-warning-background-color: none;
	--btn-outline-warning-color: #eee;
	--btn-outline-warning-background-color-hover: #2b3036;
	--btn-outline-warning-color-hover: #eee;
	--btn-outline-warning-border-color: #eee;
	--btn-outline-warning-border-color-hover: #eee;

	/* danger #f5261f (245,38,31) */
	--btn-danger-background-color: rgba(245,38,31,0.8);
	--btn-danger-color: #fff;
	--btn-danger-background-color-hover: #f5261f;
	--btn-danger-color-hover: #fff;
	--btn-danger-border-color: rgba(245,38,31,0.8);
	--btn-danger-border-color-hover: #f5261f;
	--btn-danger-table-background-color: rgba(245,38,31,0.1);
	--btn-danger-table-color: rgba(245,38,31,0.6);
	--btn-danger-text-color: rgba(245,38,31,0.6);

	--btn-outline-danger-background-color: none;
	--btn-outline-danger-color: #f5261f;
	--btn-outline-danger-background-color-hover: rgba(245,38,31,0.2);
	--btn-outline-danger-color-hover: #fff;
	--btn-outline-danger-border-color: rgba(245,38,31,0.2);
	--btn-outline-danger-border-color-hover: rgba(245,38,31,0.2);
	
	/* dark #231f20 (35,31,32) */
	--btn-dark-background-color: #2b3036;
	--btn-dark-color: #eee;
	--btn-dark-background-color-hover: #2b3036;
	--btn-dark-color-hover: #eee;
	--btn-dark-border-color: #eee;
	--btn-dark-border-color-hover: #eee;
	--btn-dark-table-background-color: #2b3036;
	--btn-dark-table-color: #eee;
	--btn-dark-text-color: #eee;

	--btn-outline-dark-background-color: #2b3036;
	--btn-outline-dark-color: #eee;
	--btn-outline-dark-background-color-hover: #2b3036;
	--btn-outline-dark-color-hover: #eee;
	--btn-outline-dark-border-color: #eee;
	--btn-outline-dark-border-color-hover: #eee;

	/* ckeditor */
	--btn-editor-color: #aaa;

	/* info #dc821b (220,130,27) */
	--alert-info-background-color: #2b3036;
	--alert-info-color: #eee;
	--alert-info-border-color: #2b3036;
	--alert-info-shadow-color: #222;
	--alert-info-anchor-color: #eee;
	--alert-info-anchor-color-hover: #eee;

	/* success: #067641 (6,118,65) */
	--alert-success-background-color: #2b3036;
	--alert-success-color: #eee;
	--alert-success-border-color: #2b3036;
	--alert-success-shadow-color: #222;
	--alert-success-anchor-color: #eee;
	--alert-success-anchor-color-hover: #eee;

	/* primary #3956a6 (57,86,166) */
	--alert-primary-background-color: #2b3036;
	--alert-primary-color: #eee;
	--alert-primary-border-color: #2b3036;
	--alert-primary-shadow-color: #222;
	--alert-primary-anchor-color: #eee;
	--alert-primary-anchor-color-hover: #eee;

	/* warning #a00b54 (160,11,84) */
	--alert-warning-background-color: rgba(160,11,84,0.2);
	--alert-warning-color: #eee;
	--alert-warning-border-color: #2b3036;
	--alert-warning-shadow-color: #555;
	--alert-warning-anchor-color: #eee;
	--alert-warning-anchor-color-hover: #eee;

	/* warning #f5261f (245,38,31) */
	--alert-warning-background-color: rgba(245,38,31,0.2);
	--alert-warning-color: #eee;
	--alert-warning-border-color: #2b3036;
	--alert-warning-shadow-color: #555;
	--alert-warning-anchor-color: #eee;
	--alert-warning-anchor-color-hover: #eee;

	/* danger #f5261f (245,38,31) */
	--alert-danger-background-color: rgba(245,38,31,0.1);
	--alert-danger-color: #fff;
	--alert-danger-border-color: rgba(245,38,31,0.2);
	--alert-danger-shadow-color: #222;
	--alert-danger-anchor-color: #eee;
	--alert-danger-anchor-color-hover: #eee;

	--badge-success-background-color: #2b3036;
	--badge-success-color: #eee;
	--badge-danger-background-color: #2b3036;
	--badge-danger-color: #eee;

	/* notification */
	--alert-notification-background-color: none;
	--alert-notification-shadow-color: #333;

	/* kalendar */
	--calendar-background-color: #2b3036;
	--calendar-shadow-color: #222;
	--calendar-table-th-background-color: #2b3036; 
	--calendar-table-th-color: #ccc;
	--calendar-table-th-background-color-hover: #3956a6; 
	--calendar-table-th-color-hover: #fff;

	--calendar-tbody-tr-border-color: #555;
	--calendar-tbody-tr-span-color: #ccc;
	--calendar-tbody-tr-span-active-background-color: #3956a6;
	--calendar-tbody-tr-span-active-color: #fff;
	--calendar-tbody-tr-span-active-background-color-hover: #3956a6;
	--calendar-tbody-tr-span-active-color-hover: #fff;

	--calendar-tbody-td-color: #ccc;
	--calendar-tbody-td-day-background-color-hover: #3956a6;
	--calendar-tbody-td-day-color-hover: #fff;
	--calendar-tbody-td-today-background-color-hover: #3956a6;
	--calendar-tbody-td-today-color-hover: #fff;
	--calendar-tbody-td-icon-color: #fff;

	--calendar-tbody-td-active-background-color: #398da6;
	--calendar-tbody-td-active-color: #fff;
	--calendar-tbody-td-active-background-color-hover: rgba(57,141,166,1);
	--calendar-tbody-td-active-color-hover: #fff;

	/* ostatni */
	--hr-color: #333;
	--sup-color: #3956a6;
	--required-label-color: #ddd;
	--required-label-asterisk-color: #398da6;
	--timer-color: #3956a6;
	--back-top-backround-color: rgba(35,31,32,0.8);
	--back-top-color: #fff;
	--back-top-backround-color-hover: rgba(35,31,32,1);
	--back-top-color-hover: #fff;
	--preloader-background-color: #3956a6;
	--preloader-color: #fff;
	--loading-background-color: rgba(255,255,255,0.5);
	--loading-color: #fff;
	--loading-spinner-color1: #3956a6;
	--loading-spinner-color2: #000;
	--popover-background-color: #ccc;
	--popover-color: #000;
	--popover-shadow-color: #555;
	--jumbotron-background-color: #2b3036;
	--jumbotron-color: #ccc;
}

html, body {
	background-color: var(--body-background-color);
	color: var(--body-color);
}
h1, h2, h3, h4, h5 {
	font-weight: 500;
}
h3 {
	font-size: 1.3em;
}
hr {
	background-color: none;
	height: 1px;
	border-top: none;
	border-bottom: 1px solid var(--hr-color);
	opacity: 1;
}
sup {
	font-weight: 600;
}
strong {
	font-weight: 600;
}
a:link, a:visited {
	color: var(--main-anchor-color);
	text-decoration: none;
	outline: 0 !important;
}
p {
	white-space: normal;
}
a:hover {
	color: var(--main-anchor-color);
}
select {
	background-color: var(--input-background-color) !important;
	color: var(--input-color) !important;
	font-size: 1em !important;
	font-weight: 500 !important;
	height: 40px !important;
	padding: 8px 25px 8px 8px !important;
	border-radius: 5px !important;
	border: 1px solid var(--input-border-color) !important;
	overflow: hidden;
  	overflow: -moz-hidden-unscrollable;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right;
	background-size: 2em 1em;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select:focus {
	background-color: var(--input-focus-background-color) !important;
	color: var(--input-focus-color) !important;
	font-weight: 600 !important;
	box-shadow: 0 0 10px var(--input-focus-shadow-color) !important;
	outline: none !important;
	border: 2px solid var(--input-focus-border-color) !important;
}
select:invalid {
	border: 2px solid var(--input-invalid-border-color) !important;
}
textarea {
	background-color: var(--input-background-color) !important;
	color: var(--input-color);
	font-size: 1em !important;
	font-weight: 500 !important;
	border-radius: 5px !important;
	border: 1px solid var(--input-border-color) !important;
}
textarea:focus {
	background-color: var(--input-focus-background-color) !important;
	color: var(--input-focus-color) !important;
	font-weight: 600 !important;
	outline: none !important;
	box-shadow: 0 0 10px var(--input-focus-shadow-color) !important;
	border: 2px solid var(--input-focus-border-color) !important;
}
textarea:disabled, textarea:read-only {
	background-color: var(--input-disabled-backgound-color) !important;
	color: var(--input-disabled-color) !important;
	font-weight: 600 !important;
	border: 1px solid var(--input-disabled-border-color) !important;
}
blockquote {
	margin-left: 10px;
	padding: 10px;
	font-style: italic;
	border-left: 5px solid var(--input-border-color);
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"] {
	background-color: var(--input-background-color);
	color: var(--input-color) !important;
	font-size: 1em;
	font-weight: 500 !important;
	height: 40px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	border-radius: 5px !important;
	border: 1px solid var(--input-border-color) !important;
}
input[type="date"] {
	font-size: 1em !important;
	padding: 15px !important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="date"]:focus {
	background-color: var(--input-focus-background-color) !important;
	color: var(--input-focus-color) !important;
	font-weight: 600 !important;
	outline: none !important;
	box-shadow: 0 0 10px var(--input-focus-shadow-color) !important;
	border-radius: 5px !important;
	border: 2px solid var(--input-focus-border-color) !important;
}
input[type="text"]:required:valid, input[type="password"]:required:valid, input[type="email"]:required:valid, input[type="url"]:required:valid, input[type="number"]:required:valid, input[type="date"]:required:valid, input[type="file"]:required:valid {
	border: 2px solid var(--input-valid-border-color) !important;
}
input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, input[type="url"]:invalid, input[type="number"]:invalid, input[type="date"]:invalid {
	border: 2px solid var(--input-invalid-border-color) !important;
}
input[type="text"]:disabled, input[type="text"]:read-only {
	background-color: var(--input-disabled-backgound-color) !important;
	color: var(--input-disabled-color) !important;
	font-weight: 600 !important;
	border: 1px solid var(--input-disabled-border-color);
}

/*
input[type='checkbox'] {
	appearance: none;
	-webkit-appearance: none;
	display: flex;
	background-color: var(--input-checkbox-background-color);
	align-content: center;
	justify-content: center;
	font-size: 1rem;
	padding: 0.1rem;
	border: 1px solid var(--input-checkbox-border-color);
	border-radius: 2px;
}
input[type="checkbox"]::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	transform: scale(0);
	background-color: var(--input-checkbox-color);
}
input[type="checkbox"]:checked::before {
	transform: scale(1);
}

input[type='radio'] {
	appearance: none;
	-webkit-appearance: none;
	display: flex;
	background-color: var(--input-checkbox-background-color);
	align-content: center;
	justify-content: center;
	font-size: 1rem;
	padding: 0.1rem;
	border: 1px solid var(--input-checkbox-border-color);
	border-radius: 50%;
}
input[type="radio"]::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	clip-path: circle(50%);
	transform: scale(0);
	background-color: var(--input-checkbox-color);
}
input[type="radio"]:checked::before {
	transform: scale(1);
}  
*/

input[type='checkbox'] {
	width: 1em;
	height: 1em;
}
input[type='checkbox']:checked {
	width: 1em;
	height: 1em;
	accent-color: var(--input-checkbox-color);
}
input[type='radio'] {
	width: 1em;
	height: 1em;
}
input[type='radio']:checked {
	width: 1em;
	height: 1em;
	accent-color: var(--input-checkbox-color);
}

.input-group input, .input-group input:disabled {
	border-radius: 5px 0 0 5px !important;
	border: 1px solid var(--input-group-border-color);
}
.input-group-text {
	background-color: var(--input-group-text-background-color) !important;
	color: var(--input-group-text-color);
	font-size: 1em;
	border-radius: 0 5px 5px 0;
	border: none;
}
.input-group-prepend {
	border-radius: 5px 0 0 5px;
	border: none;
}
.input-group-append {
	border-radius: 0 5px 5px 0;
	border: none;
}
.input-group-text .fa-pen {
	color: var(--input-group-text-color);
	font-size: 0.9em;
}

::placeholder { /* chrome, firefox, opera, safari 10.1+ */
	color: var(--input-placeholder-color) !important;
	font-weight: 300 !important;
	opacity: 1; /* firefox */
}
::-ms-input-placeholder { /* microsoft edge */
	color: var(--input-placeholder-color) !important;
}
.form-check-label {
	font-weight: 400 !important;
	font-size: 1em;
}
.col-form-label, .control-label {
	color: var(--form-label-color) !important;
}

/* table */
table {
	font-size: 1em;
	font-weight: 400;
	border: none !important;
}
/* table head */
table > thead > tr > th {
	color: var(--table-thead-th-label-color);
	padding: 0.5em 0.3em !important;
	font-weight: 400;
	border-top: none !important;
	border-bottom: 1px solid var(--table-thead-th-border-color) !important;
}
table > thead > tr > th > label {
	color: var(--table-thead-th-label-color);
	font-weight: 400;
	font-size: 1em !important;
}
table > thead > tr > th a:link, table > thead > tr > th a:visited {
	color: var(--table-thead-th-anchor-color) !important;
	font-weight: 500;
	text-decoration: underline;
}
table > thead > tr > th a:hover {
	text-decoration: underline;
}
table > thead > tr > th #check-counter {
	padding: 2px;
	border: 1px solid rgba(191,14,9,1);
}
table > thead > tr > th #check-counter a {
	text-decoration: none;
}
table > thead > tr > th #check-counter-count {
	font-weight: 600;
}

/* table footer */
table > tfoot {
	border: none !important;
}
table > tfoot > tr > td {
	padding: 0.5em 0.3em !important;
	font-weight: 600 !important;
	border-top: 1px solid var(--table-tfoot-td-border-color) !important;
	border-bottom: none !important;
}

/* table body */
table > tbody > tr > td {
	color: var(--table-tbody-td-color);
	padding: 0.5em 0.3em !important;
	border: none !important;
}
table > tbody > tr > td a:link, table > tbody > tr > td a:visited {
	color: var(--table-tbody-td-anchor-color) !important;
	font-weight: 400;
	text-decoration: underline;
}
table > tbody > tr > td a:hover {
	text-decoration: underline;
}
table a:hover {
	text-decoration: underline;
}
table .table-main-link:link, table .table-main-link:visited {
	color: var(--table-main-link-color) !important;
	font-size: 1em;
	font-weight: 600 !important;
	text-decoration: none;
}
table .table-main-link:hover {
	text-decoration: underline;
}
table > tbody > tr > td > a .fa-print {
	text-decoration: none;
}
table > tbody > tr > td > a .fa-file {
	text-decoration: none;
}
table > tbody > tr > td i {
	font-size: 0.9em;
}
table > tbody > tr {
	border-bottom: 1px solid var(--table-tbody-tr-border-color) !important;
}
table .table-active {
	background-color: var(--table-tbody-td-active-background-color) !important;
}
table .table-mezi {
	background: none !important;
}
table .table-mezi:hover {
	background: none !important;
}
table .table-mezi td {
	color: var(--table-tbody-mezi-color) !important;
	padding: 20px 0 10px 0 !important;
	font-size: 1em;
	font-weight: 600;
	text-transform: none;
}
table > tbody > tr > td > .badge {
	font-size: 0.8em;
	font-weight: 600 !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}
table > tbody > tr > td > input[type='checkbox'], table > tbody > tr > td > input[type='radio'] {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
table > tbody > tr > td > .checkbox-table {
	width: 1em;
	height: 1em;
	margin: 0 auto;
	margin-top: 3px !important;
}

/* striped */
.table-striped > tbody > tr:nth-child(odd).table-mezi, .table-striped > tbody > tr:nth-child(even).table-mezi {
	background: none !important;
	color: var(--table-tbody-td-color) !important;
	border: none !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(even) > td {
	background-color: none;
}
.table-striped > tbody > tr:nth-child(odd) {
	background-color: var(--table-tbody-tr-odd-background-color) !important;
	opacity: 1;
	border-bottom: 1px solid var(--table-tbody-tr-border-color) !important;
}
.table-striped > tbody > tr:nth-child(even) {
	background-color: var(--table-tbody-tr-even-background-color) !important;
	opacity: 1;
}
table > tbody > tr:hover, .table-striped > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd) > .table-active:hover, .table-striped > tbody > tr:nth-of-type(even) > .table-active:hover {
	background-color: var(--table-tbody-tr-background-color-hover) !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-bottom: 1px solid var(--table-tbody-tr-border-color-hover) !important;
}

/* wrapper - sidemenu */
#wrapper-sidemenu {
	position: fixed;
	overflow: none;
	background-color: var(--wrapper-mainmenu-sidemenu-background-color);
	color: var(--wrapper-mainmenu-sidemenu-color);
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 100%;
	min-height: 100%;
	scrollbar-width: none;
	scrollbar-color: var(--wrapper-mainmenu-sidemenu-thumb-color) var(--wrapper-mainmenu-sidemenu-track-color);
	box-shadow: none;
	border: none;
	z-index: 10;
}
#wrapper-sidemenu:hover {
	overflow: auto;
}
#wrapper-sidemenu hr {
	margin: 5px 0;
	border-bottom: 1px solid var(--wrapper-mainmenu-sidemenu-hr-color);
	opacity: 1;
}
#wrapper-sidemenu:hover, #wrapper-sidemenu:active, #wrapper-sidemenu:focus {
	overflow: auto;
}
#wrapper-sidemenu::-webkit-scrollbar { /* ostatni prohlizece */
	width: 3px;
}
#wrapper-sidemenu::-webkit-scrollbar-track {
	background-color: var(--wrapper-mainmenu-sidemenu-track-color);
}
#wrapper-sidemenu::-webkit-scrollbar-thumb {
	background-color: var(--wrapper-mainmenu-sidemenu-thumb-color);
	border-radius: 2px;
	border: none;
}
#wrapper-sidemenu .main-item {
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	border: none;
}
#wrapper-sidemenu .main-item li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: none;
}
#wrapper-sidemenu .main-item li sup {
	color: var(--sup-color);
	font-weight: 600;
	margin-left: 5px;
}
#wrapper-sidemenu .main-item li a:link, #wrapper-sidemenu .main-item li a:visited {
	display: block;
	background-color: var(--wrapper-mainmenu-sidemenu-anchor-background-color);
	color: var(--wrapper-mainmenu-sidemenu-anchor-color);
	padding: 6px 0;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	text-transform: none;
	border-left: 2px solid var(--wrapper-mainmenu-sidemenu-border-color);
}
#wrapper-sidemenu .main-item li a:hover {
	background-color: var(--wrapper-mainmenu-sidemenu-anchor-background-color-hover);
	color: var(--wrapper-mainmenu-sidemenu-anchor-color-hover);
	text-decoration: none;
	border-left: 2px solid var(--wrapper-mainmenu-sidemenu-border-color-hover);
}
#wrapper-sidemenu .main-item li a:hover sup {
	color: var(--sup-color);
}
#wrapper-sidemenu .main-item li a.active:link, #wrapper-sidemenu .main-item li a.active:visited {
	background-color: var(--wrapper-mainmenu-sidemenu-anchor-active-background-color) !important;
	color: var(--wrapper-mainmenu-sidemenu-anchor-active-color) !important;
	font-weight: 600;
	border: none;
	border-left: 2px solid var(--wrapper-mainmenu-sidemenu-border-active-color);
}
#wrapper-sidemenu .main-item li a.active:hover {
	background-color: var(--wrapper-mainmenu-sidemenu-anchor-active-background-color-hover) !important;
	color: var(--wrapper-mainmenu-sidemenu-anchor-active-color-hover) !important;
	border-left: 2px solid var(--wrapper-mainmenu-sidemenu-border-active-color-hover);
}
/* icons */
#wrapper-sidemenu .main-item li a .icon { /* icon-container */
	display: inline-block;
	width: 46px;
	margin: auto auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
	border: none;
}
#wrapper-sidemenu .main-item li a .bi {
	color: var(--wrapper-mainmenu-sidemenu-icon-color);
	font-size: 1em;
	border: none;
}
#wrapper-sidemenu:hover .main-item li a .bi {
	color: var(--wrapper-mainmenu-sidemenu-icon-color);
}
#wrapper-sidemenu .main-item li a:hover .bi {
	color: var(--wrapper-mainmenu-sidemenu-icon-color-hover) !important;
}
#wrapper-sidemenu .main-item li a.active .bi {
	color: var(--wrapper-mainmenu-sidemenu-anchor-active-color);
}
#wrapper-sidemenu .main-item li a.active:hover .bi {
	color: var(--wrapper-mainmenu-sidemenu-icon-color-hover);
}
#wrapper-sidemenu .main-item li a .bi:hover {
	opacity: 1;
}
#wrapper-sidemenu .main-item li a .text {
	display: none;
	margin-left: 0;
}
#wrapper-sidemenu .main-item .home {
	margin-top: 60px;
	border: none;
}
#wrapper-sidemenu .main-item .home {
	margin-top: 60px;
	border: none;
}
#wrapper-sidemenu .main-item li hr {
	margin: 5px;
}
@media (max-width: 991px) {
	#wrapper-sidemenu {
		overflow: auto !important;
	}
	#wrapper-sidemenu .main-item li a:link, #wrapper-sidemenu .main-item li a:visited {
		font-weight: 600;
	}
}
@media (max-width: 767px) {
	#wrapper-sidemenu {
		display: none;
	}
	#wrapper-sidemenu .main-item li a:link, #wrapper-sidemenu .main-item li a:visited {
		font-size: 1.1em;
	}
}

/* nastenka */
#wrapper-nastenka {
	background-color: var(--wrapper-nastenka-background-color);
	color: var(--wrapper-nastenka-color);
	overflow: auto;
	padding: 0 0 10px 10px;
	margin: 0;
	border-radius: 10px;
	border: none;
}
#wrapper-nastenka .row {
	width: 100%; /* scroll */
}
#wrapper-nastenka hr {
	margin: 5px auto;
	width: 90%;
	border-bottom: 1px solid var(--wrapper-nastenka-card-hr-color);
}
#wrapper-nastenka .card {
	background-color: var(--wrapper-nastenka-background-color) !important;
	color: var(--wrapper-nastenka-card-color);
	margin: 10px 0;
	font-weight: 300;
	border-radius: 10px;
	box-shadow: none;
	border: 1px solid var(--wrapper-nastenka-card-border-color) !important;
}
#wrapper-nastenka .card .card-header {
	background-color: var(--wrapper-nastenka-card-header-background-color);
	color: var(--wrapper-nastenka-card-header-color);
	padding: 15px 10px !important;
	border-radius: 10px 10px 0 0;
	border: none;
	border-bottom: 1px solid var(--wrapper-nastenka-card-border-color) !important;
}
#wrapper-nastenka .card .card-header span {
	background-color: none;
	padding: 4px 6px;
	border-radius: 5px;
	border: 1px solid var(--wrapper-nastenka-card-header-icon-border-color);
}
#wrapper-nastenka .card .card-header .bi {
	color: var(--wrapper-nastenka-card-header-icon-color);
	font-size: 1em;
}
#wrapper-nastenka .card .card-title {
	font-size: 1.1em;
	font-weight: 600;
}
#wrapper-nastenka .card .card-body {
	background-color: var(--wrapper-nastenka-card-body-background-color);
	color: var(--wrapper-nastenka-card-body-color);
	padding: 10px 10px 30px 10px !important;
	border: none;
}
#wrapper-nastenka .card .card-footer {
	background-color: var(--wrapper-nastenka-card-footer-background-color);
	color: var(--wrapper-nastenka-card-footer-color);
	padding-left: 10px !important;
	border-radius: 0 0 10px 10px;
	border: none;
}
#wrapper-nastenka .card:hover {
	box-shadow: 0 0 10px var(--wrapper-nastenka-card-shadow-color);
}
#wrapper-nastenka .oddel {
	border-bottom: 1px solid rgba(57,86,166,1);
}
#wrapper-nastenka .card.novinka {
	background-color: rgba(57,141,166,0.05) !important;
}
@media (max-width: 767px) {
	#wrapper-nastenka {
		padding: 0;
	}
	#wrapper-nastenka .card {
		box-shadow: none;
	}
	#wrapper-nastenka .card:hover {
		box-shadow: none;
	}
}

/* menu clenove */
#wrapper-ecmenu {
	position: fixed;
	display: none;
	background-color: var(--wrapper-ecmenu-background-color);
	color: var(--wrapper-ecmenu-color);
	width: 300px;
	top: 50px;
	right: 0;
	bottom: 0;
	padding: 0;
	opacity: 1;
	border-radius: 0;
	box-shadow: none;
	border: none;
	z-index: 10;
}
#wrapper-ecmenu-header {
	background-color: var(--wrapper-ecmenu-header-background-color);
	color: var(--wrapper-ecmenu-header-color);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 70px;
	line-height: 70px;
	padding: 0 10px;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
}
#wrapper-ecmenu-body {
	position: absolute;
	overflow: auto;
	background-color: var(--wrapper-ecmenu-body-background-color);
	color: var(--wrapper-ecmenu-body-color);
	top: 70px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 10px 50px 10px;
	scrollbar-width: thin; /* firefox */
	scrollbar-color: #ddd #fff; /* firefox */
	border: none;
}
#wrapper-ecmenu-body::-webkit-scrollbar { /* ostatni prohlizece */
	width: 3px;
}
#wrapper-ecmenu-body::-webkit-scrollbar-track {
	background-color: #fff;
}
#wrapper-ecmenu-body::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 2px;
	border: none;
}
#wrapper-ecmenu-body a:link, #wrapper-ecmenu-body a:visited {
	display: block;
	background-color: var(--wrapper-ecmenu-body-anchor-background-color);
	color: var(--wrapper-ecmenu-body-anchor-color);
	padding: 3px;
	margin: 0;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	border: none;
}
#wrapper-ecmenu-body a:hover {
	background-color: var(--wrapper-ecmenu-body-anchor-background-color-hover);
	color: var(--wrapper-ecmenu-body-anchor-color-hover);
}
#wrapper-ecmenu-body i {
	background-color: var(--wrapper-ecmenu-body-icon-background-color);
	color: var(--wrapper-ecmenu-body-icon-color);
	margin-right: 5px;
	padding: 0;
	font-size: 0.8em;
}
#wrapper-ecmenu-body a.active {
	background-color: var(--wrapper-ecmenu-body-anchor-active-background-color);
	color: var(--wrapper-ecmenu-body-anchor-active-color);
	font-size: 1em;
	font-weight: 600;
}
#wrapper-ecmenu-body a.active i {
	background-color: var(--wrapper-ecmenu-body-icon-background-color);
	color: var(--wrapper-ecmenu-body-icon-color);
}
#wrapper-ecmenu-body a.active:hover {
	background-color: var(--wrapper-ecmenu-body-anchor-active-background-color-hover) !important;
	color: var(--wrapper-ecmenu-body-anchor-active-color-hover) !important;
	text-decoration: none;
}
#wrapper-ecmenu-body .first_letter {
	color: var(--wrapper-ecmenu-firstletter-color);
	padding: 0;
	margin-top: 10px;
	font-weight: 600;
	font-size: 1em;
	border-bottom: 0.5px solid var(--wrapper-ecmenu-firstletter-border-color);
}
#wrapper-ecmenu-button {
	display: none;
	position: fixed;
	background-color: var(--wrapper-ecmenu-button-background-color);
	color: var(--wrapper-ecmenu-button-color);
	width: 44px;
	height: 44px;
	line-height: 44px;
	right: 0;
	bottom: 40%;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	font-size: 16px;
	vertical-align: middle;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
	border: none;
	z-index: 100;
}
#wrapper-ecmenu-button:hover {
	background-color: var(--wrapper-ecmenu-button-background-color-hover);
	color: var(--wrapper-ecmenu-button-color-hover);
}
#wrapper-ecmenu-button a:link, #wrapper-ecmenu-button a:visited, #wrapper-ecmenu-button a:focus {
	display: block;
	height: 100%;
	color: var(--wrapper-ecmenu-button-anchor-color);
	padding: 0;
	font-size: 1em;
	text-decoration: none;
}
#wrapper-ecmenu-button i {
	margin: auto auto;
	padding: 0;
}
@media (max-width: 991px) {
	#wrapper-ecmenu-button {
		display: initial;
	}
	#wrapper-ecmenu {
		width: 40%;
	}
}
@media (max-width: 767px) {
	#wrapper-ecmenu {
		width: 100%;
		font-size: 1em;
	}
}

/* bootstrap */
.table-responsive {
	padding: 0;
}
.page-header {
	font-size: 1.4em;
	font-weight: 400;
}

/* nav-tabs */
.nav-tabs {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	scrollbar-width: thin;
	scrollbar-color: var(--nav-tabs-thumb-color) var(--nav-tabs-track-color);
	border-bottom: 1px solid var(--nav-tabs-border-color);
}
.nav-tabs::-webkit-scrollbar { /* ostatni prohlizece */
	height: 2px;
}
.nav-tabs::-webkit-scrollbar-track {
	background-color: var(--nav-tabs-track-color);
}
.nav-tabs::-webkit-scrollbar-thumb {
	background-color: var(--nav-tabs-thumb-color);
	border-radius: 2px;
	border: none;
}
.nav-tabs li a:link, .nav-tabs li a:visited {
	background-color: var(--nav-tabs-anchor-background-color);
	color: var(--nav-tabs-anchor-color);
	margin-right: 2px;
	font-size: 1em !important;
	font-weight: 600 !important;
	text-transform: none;
	white-space: nowrap;
	border-radius: 5px 5px 0 0;
	border: none;
	border-left: 1px solid var(--nav-tabs-anchor-border-color);
	border-top: 1px solid var(--nav-tabs-anchor-border-color);
	border-right: 1px solid var(--nav-tabs-anchor-border-color);
}
.nav-tabs li a:hover {
	background-color: var(--nav-tabs-anchor-background-color-hover) !important;
	color: var(--nav-tabs-anchor-color-hover);
}
.nav-tabs .nav-link.active {
	background-color: var(--nav-tabs-anchor-active-background-color);
	color: var(--nav-tabs-anchor-active-color);
	margin-right: 2px;
	font-weight: 600 !important;
	border: 1px solid var(--nav-tabs-anchor-active-border-color);
}

.tab-content table {
	margin-top: 5px !important;
}

.modal-dialog {
	max-width: 1000px;
	border: none !important;
	z-index: 1050;
}
.modal .modal-content {
	background-color: var(--modal-background-color);
	color: var(--modal-color) !important;
	border-radius: 10px;
	border: none;
}
.modal .modal-content .modal-header .modal-title {
	font-weight: 600;
	font-size: 1.3em;
	text-shadow: none;
}
.modal .modal-content .modal-header {
	background-color: var(--modal-header-background-color);
	color: var(--modal-header-color);
	padding: 10px;
	border: none;
	border-bottom: 1px solid var(--modal-header-border-color) !important;
}
.modal .modal-content .modal-footer {
	background-color: var(--modal-footer-background-color);
	color: var(--modal-footer-color);
	border: none;
	border-top: 1px solid var(--modal-footer-border-color);
}

.card {
	border-radius: initial;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.is-valid {
	background-image: none !important;
	border: 2px solid var(--input-valid-border-color) !important;
}
.valid-feedback {
	color: var(--input-valid-border-color) !important;
}
.is-invalid {
	background-image: none !important;
	border: 2px solid var(--input-invalid-border-color) !important;
}
.invalid-feedback {
	color: var(--input-invalid-border-color) !important;
}

/* navbar - mainmenu */
.navbar {
	background-color: var(--wrapper-mainmenu-background-color) !important;
	color: var(--wrapper-mainmenu-color) !important;
	top: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none;
	font-size: 1em;
	border: none;
	border-bottom: 1px solid var(--wrapper-mainmenu-border-color);
}
.navbar #wrapper-sidemenu-icon {
	margin: 0 20px 0 15px;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	font-size: 1.4em;
	text-align: center;
	border: none;
}
.navbar #wrapper-sidemenu-icon:link, .navbar #wrapper-sidemenu-icon:visited, .navbar #wrapper-sidemenu-icon:focus {
	background-color: var(--wrapper-mainmenu-sidemenu-mainicon-background-color) !important;
	color: var(--wrapper-mainmenu-sidemenu-mainicon-color) !important;
}
.navbar #wrapper-sidemenu-icon:hover {
	background-color: var(--wrapper-mainmenu-sidemenu-mainicon-background-color-hover) !important;
	color: var(--wrapper-mainmenu-sidemenu-mainicon-color-hover) !important;
}
.navbar .navbar-brand:link, .navbar .navbar-brand:visited {
	display: block;
	padding: 0 10px;
	margin: 0;
	text-transform: none;
	font-size: 1em;
	font-weight: 400;
	border: none;
}
.navbar .logo {
	background-color: var(--wrapper-mainmenu-logo-background-color);
	margin: 0;
	padding: 5px;
	width: 120px;
	height: 49px;
	border: none;
}
.navbar .logo-img {
	display: block;
	height: var(--wrapper-mainmenu-logo-height) !important;
	border: none;
}
.navbar .logo-title {
	color: var(--wrapper-mainmenu-logo-title-color) !important;
	font-size: 1em;
	font-weight: 600;
	text-transform: none;
	padding: 0 10px;
}
.navbar .navbar-title-os {
	display: block;
	background-color: var(--wrapper-mainmenu-titleos-background-color) !important;
	color: var(--wrapper-mainmenu-titleos-color);
	padding: 0 10px;
	margin: 0;
	text-transform: none;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	border: none;
}
.navbar .navbar-cislo-zo {
	display: block;
	background-color: var(--wrapper-mainmenu-cislo-zo-background-color) !important;
	color: var(--wrapper-mainmenu-cislo-zo-color) !important;
	padding: 0 10px;
	margin: 0;
	text-transform: none;
	text-decoration: none;
	font-size: 1em;
	font-weight: 600;
	border: none;
}
.navbar .navbar-email {
	display: block;
	background-color: var(--wrapper-mainmenu-email-background-color) !important;
	color: var(--wrapper-mainmenu-email-color) !important;
	padding: 0 10px;
	margin: 0;
	text-transform: none;
	text-decoration: none;
	font-size: 1em;
	font-weight: 400;
	border: none;
}
.navbar .navbar-prihlasen {
	background-color: var(--wrapper-mainmenu-prihlasen-background-color);
	color: var(--wrapper-mainmenu-prihlasen-color);
	padding: 0 8px;
	text-transform: none;
	text-decoration: none;
	border-radius: 3px;
	border: none;
}
.navbar ul.navbar-nav > li > a:hover .navbar-prihlasen, .navbar ul.navbar-nav > li > a:focus .navbar-prihlasen {
	background-color: var(--wrapper-mainmenu-anchor-background-color-hover);
	color: var(--wrapper-mainmenu-anchor-color-hover) !important;
	text-decoration: none;
}
.navbar #theme-switcher-container {
	display: inline-block;
	height: 49px;
	margin-left: 0;
}
.navbar #theme-switcher-container .form-check {
	color: var(--input-checkbox-theme-background-color);
	margin-right: 10px;
}
.navbar #theme-switcher-container .fas, .navbar #theme-switcher-container .far {
	color: var(--wrapper-mainmenu-theme-switcher-icon-color);
	font-size: 1em;
}
.navbar .logo_main img {
	height: 40px;
}
.navbar ul.nav li.active {
	outline: nonte;
}
.navbar ul.navbar-nav > li > a:link, .navbar ul.navbar-nav > li > a:visited {
	display: block;
	background-color: var(--wrapper-mainmenu-anchor-background-color);
	color: var(--wrapper-mainmenu-anchor-color) !important;
	height: 49px;
	padding: 0 6px;
	text-transform: none;
	font-size: 1em;
	font-weight: 600 !important;
	border: none !important;
	border-bottom: 1px solid var(--wrapper-mainmenu-anchor-border-color) !important;
}
.navbar ul.navbar-nav > li > a:hover, .navbar ul.navbar-nav > li > a:focus {
	background-color: var(--wrapper-mainmenu-anchor-background-color-hover);
	color: var(--wrapper-mainmenu-anchor-color-hover) !important;
	border-bottom: 1px solid var(--wrapper-mainmenu-anchor-border-color-hover) !important;
}

/* navbar dropdown */
.navbar ul.navbar-nav > li > .dropdown-menu {
	background-color: var(--wrapper-dropdownmenu-background-color);
	color: var(--wrapper-dropdownmenu-color);
	margin-left: 2px;
	margin-top: -2px;
	padding: 20px 20px;
	font-size: 1em !important;
	box-shadow: 0 0 10px var(--wrapper-dropdownmenu-shadow-color);
	border-radius: 5px;
	border: none;
}
.navbar ul.navbar-nav > li > .dropdown-menu a:link, .navbar ul.navbar-nav > li > .dropdown-menu a:visited {
	color: var(--wrapper-dropdownmenu-anchor-color);
	padding: 5px 10px;
	height: auto;
	line-height: normal;
	text-transform: none;
	font-size: 1em;
	font-weight: 600;
	border-bottom: none;
}
.navbar ul.navbar-nav > li > .dropdown-menu a:hover { 
	background-color: var(--wrapper-dropdownmenu-anchor-background-color-hover);
	color: var(--wrapper-dropdownmenu-anchor-color-hover);
}
.navbar .dropdown-menu .dropdown-divider {
	border-color: var(--wrapper-dropdownmenu-divider-color);
}

/* navbar */
@media (max-width: 767px) {
	.navbar {
		position: fixed;
		background-color: var(--wrapper-mainmenu-background-color) !important;
		color: var(--wrapper-mainmenu-color);
		top: 0 !important;
		left: 0;
		right: 0;
		margin-top: 0 !important;
		padding: 0 !important;
		width: 100%;
		height: 50px;
		line-height: 50px;
		opacity: 1;
	}
	.navbar.affix {
		position: fixed;
		top: 0 !important;
	}
	.navbar .navbar-brand {
		font-weight: 400;
	}
	.navbar .navbar-brand-subtitle {
		margin-left: 10px;
		font-size: 1em;
		font-weight: 400;
	}
	.navbar .navbar-title-os {
		height: 50px;
		font-size: 1em;
		font-weight: 600;
		border: none;
	}
	.navbar #theme-switcher-container {
		margin-left: 15px;
	}
}

/* jubmotron na form */
.jumbotron {
	background-color: var(-jumbotron-background-color) !important;
	color: var(-jumbotron-color) !important;
}
.datepicker {
	font-size: 1em;
}

/* row, cols, form */
.row {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}
[class *= "col-"], [class *= "col-"] {
	padding: 0 10px 0 0;
}
form .form-group, .form-group {
	margin-top: 5px;
	margin-bottom: 3px;
	border: none !important;
}
form .form-group > [class *= "col-"], .form-group > [class *= "col-"] {
	padding-left: 5px !important;
	padding-right: 0 !important;
}
form .form-group label, .form-group label {
	color: var(--form-label-color);
	font-size: 1em;
	font-weight: 400;
}
form .required-label {
	color: var(--required-label-color) !important;
	font-weight: 600 !important;
}
form .required-label:after {
	content:"*";
	color: var(--required-label-asterisk-color) !important;
	margin-left: 3px;
	font-size: 1.1em;
}
@media (max-width: 767px) {
	form .form-group > [class *= "col-"], .form-group > [class *= "col-"] {
		padding: 0;
	}
	form .form-group label, .form-group label {
		margin-top: 10px;
		margin-bottom: 3px;
		text-align: left;
	}
	.form-group .form-check-label {
		margin: 0;
	}
}

/* navigace na karte clena */
.navigation-ec {
	background-color: var(--navigation-ec-background-color);
	color: var(--navigation-ec-color);
	width: 100%;
	margin-top: 5px;
	padding: 0;
	border: none;
}
.navigation-ec a:link, .navigation-ec a:visited, .navigation-ec a:focus {
	background-color: var(--navigation-ec-anchor-background-color);
	color: var(--navigation-ec-anchor-color);
	text-decoration: none;
}
.navigation-ec a:link i, .navigation-ec a:visited i {
	color: var(--navigation-ec-anchor-color);
}

/* pagination */
.pagination-container {
	margin-top: 20px;
	margin-bottom: 10px;
	border: none;
}
.pagination .page-item a:link, .pagination .page-item a:visited, .pagination .page-item a:focus {
	background-color: var(--pagination-anchor-background-color);
	color: var(--pagination-anchor-color);
	font-size: 1em;
	font-weight: 500;
	margin: 0 1px;
	padding: 5px 8px;
	box-shadow: none;
	border-radius: 0 !important;
	border: none;
	border-bottom: 2px solid var(--pagination-anchor-border-color);
}
.pagination .page-item a:hover {
	background-color: var(--pagination-anchor-background-color-hover);
	color: var(--pagination-anchor-color-hover);
	border-bottom: 2px solid var(--pagination-anchor-border-color-hover);
}
.pagination .page-item .active:link, .pagination .page-item .active:visited {
	background-color: var(--pagination-anchor-active-background-color);
	color: var(--pagination-anchor-active-color);
	font-weight: 600;
	border-bottom: 2px solid var(--pagination-anchor-active-border-color);
}
.pagination .page-item .active:hover {
	background-color: var(--pagination-anchor-active-background-color-hover) ;
	color: var(--pagination-anchor-active-color-hover);
	border-bottom: 2px solid var(--pagination-anchor-active-border-color-hover);
}
.pagination i {
	color: var(--pagination-anchor-color);
	font-size: 0.8em;
}
.pagination a:hover i {
	color: var(--pagination-anchor-color-hover);
}
.pagination-title {
	color: var(--pagination-title-color);
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.pagination-count {
	color: var(--pagination-count-color);
	margin-top: 5px;
	margin-right: 10px;
	font-weight: 600;
}

/* accordion */
#accordion {
	background-color: var(--accordion-background-color);
	color: var(--accordion-color);
	font-size: 1em;
	border: none;
}
#accordion .card {
	background-color: var(--accordion-card-background-color);
	color: var(--accordion-card-color);
	border-radius: 5px;
	border: 1px solid  var(--accordion-card-border-color) !important;
}
#accordion .card .card-header {
	background-color: var(--accordion-card-header-background-color);
	color: var(--accordion-card-header-color);
	padding: 8px 10px;
	font-weight: 600; 
	border: none;
}
#accordion .card .card-header a:link, #accordion .card .card-header a:visited {
	color: var(--accordion-card-header-color);
	font-size: 1em;
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	border: none;
}
#accordion .card .card-body {
	background-color: var(--accordion-card-body-background-color);
	color: var(--accordion-card-body-color);
	overflow: auto;
	max-height: 700px;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 0;
	scrollbar-width: thin;
	scrollbar-color: var(--accordion-thumb-color) var(--accordion-track-color);
	border: none !important;
}
#accordion .card .card-body::-webkit-scrollbar { /* ostatni prohlizece */
	width: 3px;
}
#accordion .card .card-body::-webkit-scrollbar-track {
	background-color: var(--accordion-track-color);
}
#accordion .card .card-body::-webkit-scrollbar-thumb {
	background-color: var(--accordion-thumb-color);
	border-radius: 2px;
	border: none;
}
#accordion .card .card-body ul {
	padding: 0;
	list-style-type: none;
}
#accordion .card .card-body ul li {
	padding: 0;
}
#accordion .card .card-body ul li a:link, #accordion .card .card-body ul li a:visited {
	display: block;
	background-color: var(--accordion-card-body-anchor-background-color);
	color: var(--accordion-card-body-anchor-color);
	padding: 4px 2px !important;
	margin: 0;
	font-weight: 600 !important;
	text-decoration: none;
}
#accordion .card .card-body ul li a:hover {
	background-color: var(--accordion-card-body-anchor-background-color-hover);
	color: var(--accordion-card-body-anchor-color-hover);
	text-decoration: underline;
}
#accordion .card .card-body .span-icon {
	padding: 2px;
	margin-right: 5px;
}
#accordion .card .card-body .span-icon i {
	color: var(--accordion-card-body-color);
	font-size: 0.8em;
}
#accordion .card .card-body ul li a.active {
	display: block;
	color: var(--accordion-card-body-anchor-active-color);
	padding: 2px;
	font-size: 1em;
	font-weight: 600 !important;
	border: none;
}
#accordion .card .card-body ul li a.active i {
	color: var(--accordion-card-body-anchor-active-color);
}
#accordion .card .card-body ul li a.active:hover {
	color: var(--accordion-card-body-anchor-active-color-hover);
}
#accordion .card .card-body ul li.first_letter {
	color: var(--accordion-card-firstletter-color);
	padding: 0;
	margin-top: 10px;
	font-weight: 600;
	font-size: 1em;
	border-bottom: 0.5px solid var(--accordion-card-firstletter-border-color);
}
@media (max-width: 980px) {
	#accordion .card .card-body {
		max-height: 300px;
	}
}

/* list-group */
.list-group {
	background-color: var(--list-group-background-color);
	color: var(--list-group-color);
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1em;
	border-radius: 5px;
	border: 1px solid var(--list-group-border-color) !important;
}
.list-group a:link, .list-group a:visited {
	display: block;
	background-color: var(--list-group-anchor-background-color);
	color: var(--list-group-anchor-color);
	padding: 5px 5px;
	font-weight: 500;
	text-decoration: none;
	border: none;
}
.list-group a:hover {
	background-color: var(--list-group-anchor-background-color-hover);
	color: var(--list-group-anchor-color-hover);
	text-decoration: underline;
}
.list-group .active {
	background-color: var(--list-group-anchor-active-background-color);
	color: var(--list-group-anchor-active-color);
	padding: 8px 10px;
	text-transform: none;
	font-size: 1em;
	font-weight: 600;
	text-align: left;
	border: none !important;
	z-index: 0;
}
.list-group .active:hover {
	background-color: var(--list-group-anchor-active-background-color-hover) !important;
	color: var(--list-group-anchor-active-color-hover) !important;
}
.list-group .icon {
	display: inline-block;
	background-color: var(--list-group-icon-container-background-color);
	padding: 4px 6px;
	margin-right: 5px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid var(--list-group-icon-container-border-color);
}
.list-group .icon .bi {
	color: var(--list-group-icon-color);
	font-size: 1em;
	margin: auto auto !important;
	border: none;
}
.list-group a:hover .icon {
	/*border: 1px solid var(--list-group-icon-container-border-color-hover);*/
}
.list-group a:hover .icon .bi {
	color: var(--list-group-icon-color-hover) !important;
}

/* all buttons */
.btn {
	border-radius: 50px !important;
}
/* success */
.btn-success {
	background-color: var(--btn-success-background-color) !important;
	color:  var(--btn-success-color) !important;
	border-color: var(--btn-success-border-color);
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
	background-color: var(--btn-success-background-color-hover) !important;
	color: var(--btn-success-color-hover);
	border-color: var(--btn-success-border-color-hover);
}
.btn-outline-success {
	background-color: var(--btn-outline-success-background-color);
	color: var(--btn-outline-success-color) !important;
	border-color: var(--btn-outline-success-border-color) !important;
}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
	background-color: var(--btn-outline-success-background-color-hover) !important;
	color: var(--btn-outline-success-color-hover) !important;
	border-color: var(--btn-outline-success-border-color-hover) !important;
}
.border-success {
	border: var(--btn-border-width) solid var(--btn-success-border-color) !important;
}
.text-success {
	color: var(--btn-success-text-color) !important;
}
.table-success, table-success:hover {
	background-color: var(--btn-success-table-background-color) !important;
	color: var(--btn-success-table-color) !important;
}

/* primary */
.bg-primary {
	background-color: var(--btn-primary-background-color) !important;
	color: var(--btn-primary-color) !important;
}
.btn-primary {
	background-color: var(--btn-primary-background-color) !important;
	color: var(--btn-primary-color) !important;
	border-color: var(--btn-primary-border-color);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: var(--btn-primary-background-color-hover) !important;
	color: var(--btn-primary-color-hover) !important;
	border-color: var(--btn-primary-border-color-hover) !important;
}
.btn-outline-primary {
	background-color: var(--btn-outline-primary-background-color) !important;
	color: var(--btn-outline-primary-color) !important;
	border-color: var(--btn-outline-primary-border-color) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
	background-color: var(--btn-outline-primary-background-color-hover) !important;
	color: var(--btn-outline-primary-color-hover) !important;
	border-color: var(--btn-outline-primary-border-color-hover) !important;
}
.text-primary {
	color: var(--btn-primary-text-color) !important;
}
.border-primary {
	border: var(--btn-border-width) solid var(--btn-primary-border-color) !important;
}
.table-primary, table-primary:hover {
	background-color: var(--btn-primary-table-background-color) !important;
	color: var(--btn-primary-table-color) !important;
}

/* info */
.bg-info {
	background-color: var(--btn-info-background-color) !important;
	color: var(--btn-info-color) !important;
}
.btn-info {
	background-color: var(--btn-info-background-color) !important;
	color: var(--btn-info-color) !important;
	border-color: var(--btn-info-border-color);
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
	background-color: var(--btn-info-background-color-hover)  !important;
	color: var(--btn-info-color-hover) !important;
	border-color: var(--btn-info-border-color-hover) !important;
}
.btn-outline-info {
	background-color: var(--btn-outline-info-background-color) !important;
	color: var(--btn-outline-info-color) !important;
	border-color: var(--btn-outline-info-border-color) !important;
}
.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus {
	background-color: var(--btn-outline-info-background-color-hover) !important;
	color: var(--btn-outline-info-color-hover) !important;
	border-color: var(--btn-outline-info-border-color-hover) !important;
}
.border-info {
	border: var(--btn-border-width) solid var(--btn-info-border-color) !important;
}
.text-info {
	color: var(--btn-info-text-color) !important;
}
.table-info, table-info:hover {
	background-color: var(--btn-info-table-background-color)  !important;
	color: var(--btn-info-table-color) !important;
}

/* warning */
.btn-warning {
	background-color: var(--btn-warning-background-color) !important;
	color: var(--btn-warning-color) !important;
	border-color: var(--btn-warning-border-color);
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
	background-color: var(--btn-warning-background-color-hover) !important;
	color: var(--btn-warning-color-hover);
	border-color: var(--btn-warning-border-color-hover);
}
.btn-outline-warning {
	background-color: var(--btn-outline-warning-background-color);
	color: var(--btn-outline-warning-color) !important;
	border-color: var(--btn-outline-warning-border-color);
}
.btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus {
	background-color: var(--btn-warning-background-color-hover) !important;
	color: var(--btn-outline-warning-color-hover) !important;
	border-color: var(--btn-outline-warning-border-color-hover) !important;
}
.bg-warning {
	background-color: var(--btn-warning-background-color) !important;
	border-color: var(--btn-warning-color) !important;
}
.border-warning {
	border:  var(--btn-border-width) solid var(--btn-warning-border-color) !important;
}
.text-warning {
	color: var(--btn-warning-text-color) !important;
}
.table-warning, table-warning:hover {
	background-color: var(--btn-warning-table-background-color) !important;
	color: var(--btn-warning-table-color) !important;
}

/* secondary */
.btn-secondary {
	color: #000 !important;
}
.bg-secondary {
	background-color: #f7f7f7 !important;
}

/* danger */
.btn-danger {
	background-color: var(--btn-danger-background-color) !important;
	color: var(--btn-danger-color) !important;
	border-color: var(--btn-danger-border-color);
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
	background-color: var(--btn-danger-background-color-hover) !important;
	color: var(--btn-danger-color-hover) !important;
	border-color: var(--btn-danger-border-color-hover);
}
.btn-outline-danger {
	background-color: var(--btn-outline-danger-background-color);
	color: var(--btn-outline-danger-color) !important;
	border-color: var(--btn-outline-danger-border-color) !important;
}
.btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus {
	background-color: var(--btn-outline-danger-background-color-hover) !important;
	color: var(--btn-outline-danger-color-hover) !important;
	border-color: var(--btn-outline-danger-border-color-hover) !important;
}
.bg-danger {
	background-color: var(--btn-danger-background-color) !important;
	color: var(--btn-danger-color) !important;
}
.text-danger {
	color: var(--btn-danger-text-color) !important;
}
.border-danger {
	border:  var(--btn-border-width) solid var(--btn-danger-border-color) !important;
}
.table-danger, .table-danger:hover {
	background-color: var(--btn-danger-table-background-color) !important;
	color: var(--btn-danger-table-color) !important;
	font-weight: 600;
}

/* dark */
.bg-dark {
	background-color: var(--btn-dark-background-color) !important;
	color: var(--btn-dark-color) !important;
}
.btn-dark {
	background-color: var(--btn-dark-background-color) !important;
	color: var(--btn-dark-color) !important;
	border-color: var(--btn-dark-border-color);
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
	background-color: var(--btn-dark-background-color-hover) !important;
	color: var(--btn-dark-color-hover);
	border-color: var(--btn-dark-border-color-hover);
}
.btn-outline-dark {
	background-color: var(--btn-outline-dark-background-color);
	color: var(--btn-outline-dark-color);
	border-color: var(--btn-dark-border-color);
}
.btn-outline-dark:hover, .btn-outline-dark:active, .btn-outline-dark:focus {
	background-color: var(--btn-outline-dark-background-color-hover) !important;
	color: var(--btn-outline-dark-color-hover);
	border-color: var(--btn-outline-dark-border-color-hover) !important;
}
.text-dark {
	color: var(--btn-dark-text-color) !important;
}
.border-dark {
	border: var(--btn-border-width) solid var(--btn-dark-border-color) !important;
}

/* all buttons */
.btn-default, .btn-primary, .btn-info, .btn-secondary, .btn-success, .btn-info, .btn-danger, .btn-warning, .btn-light, .btn-dark {
	font-size: 1em;
	padding: 10px 15px;
	margin: 2px 0;
	font-weight: 600;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	box-shadow: none !important;
	border-radius: initial;
	border-width: var(--btn-border-width);
	-webkit-transition: background 0s;
	transition: background 0s;
}
.btn-success {
	font-weight: 600;
}
.btn-outline-success, .btn-outline-info, .btn-outline-primary, .btn-outline-default, .btn-outline-secondary, .btn-outline-danger, .btn-outline-warning, .btn-outline-dark, .btn-outline-light {
	font-size: 1em;
	padding: 10px 15px;
	margin: 2px 0;
	font-weight: 600;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	box-shadow: none !important;
	border-width: var(--btn-outline-border-width) !important;
	-webkit-transition: background 0s;
	transition: background 0s;
}
.btn-success-outline {
	font-weight: 600;
}
@media(max-width: 767px) {
	.btn-outline-success, .btn-outline-primary, .btn-outline-default, .btn-outline-secondary, .btn-outline-danger, .btn-outline-warning, 
	.btn-outline-dark, .btn-outline-light {
		-webkit-transition: none;
		transition: none;
	}
	.btn-default, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-danger, .btn-warning, .btn-light, .btn-dark {
		-webkit-transition: none;
		transition: none;
	}
}

/* badge */
.badge {
	padding: 4px;
	font-weight: 500;
	font-size: 1em;
}
.badge-success {
	background-color: var(--badge-success-background-color);
	color: var(--badge-success-color);
}
.badge-danger {
	background-color: var(--badge-danger-background-color);
	color: var(--badge-danger-color);
}

/* alerts */
.alert {
	font-size: 1em;
	font-weight: 500;
	margin: 10px 0;
	padding: 10px;
	border-radius: 10px;
}
/* alert-info */
.alert-info {
	background-color: var(--alert-info-background-color);
	color: var(--alert-info-color) !important;
	border: 1px solid var(--alert-info-border-color);
}
/* success */
.alert-success {
	background-color: var(--alert-success-background-color);
	color: var(--alert-success-color);
	border: 1px solid var(--alert-success-border-color); 
}
/* primary */
.alert-primary {
	background-color: var(--alert-primary-background-color);
	color: var(--alert-primary-color);
	border: 1px solid var(--alert-primary-border-color);
}
/* warning */
.alert-warning {
	background-color: var(--alert-warning-background-color);
	color: var(--alert-warning-color);
	border: 1px solid var(--alert-warning-border-color);
}
/* danger */
.alert-danger {
	background-color: var(--alert-danger-background-color);
	color: var(--alert-danger-color);
	border: 1px solid var(--alert-danger-border-color);
}
.alert-danger a:link, .alert-danger a:visited {
	color: var(--alert-danger-anchor-color);
}
.alert-danger a:hover {
	color: var(--alert-danger-anchor-color-hover);
}
/* dark */
.alert-dark {
	background-color: var(--alert-dark-background-color);
	color: var(--alert-dark-color);
	border: 1px solid var(--alert-dark-border-color);
}
/* notification */
.alert-notification {
	display: none;
	position: fixed;
	top: 120px;
	right: 40px;
	padding: 15px;
	font-size: 1.1em;
	font-weight: 600;
	box-shadow: 0 0 20px var(--alert-notification-shadow-color);
	border-radius: 10px;
	border-width: 2px;
	z-index: 500;
}
.alert-notification .alert-icon {
	margin-right: 10px;
}
.alert-notification.alert-info {
	background-color: #f5f7fb;
	color: #094788 !important;
}
.alert-notification.alert-success {
	background-color: #74afc0;
	color: #fff;
}
.alert-notification.alert-danger {
	background-color: #f9d7da;
	color: #58151c;
}
.alert-notification.alert-warning {
	background-color: #fff3cd;
	color: #695008;
}

/* alerts-all */
.alert-info, .alert-success, .alert-primary, .alert-warning, .alert-danger, .alert-dark {
	border-radius: 10px !important;
	border-width: var(--alert-border-width) !important;
}

/* popover */
.popover {
	background-color: var(--popover-background-color);
	color: var(--popover-color);
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px var(--popover-shadow-color);
	z-index: 10;
}

/* ostatni */
.hide {
	display: none !important;
}
.no-display {
	display: none !important;
}
.thin {
	font-weight: 300 !important;
}
.bold {
	font-weight: 500 !important;
}
.strong {
	font-weight: 600 !important;
}
.small {
	font-size: 0.8em !important;
}
.smaller {
	font-size: 0.9em !important;
}
.big {
	font-size: 1.2em !important;
}
.bigger {
	font-size: 1.1em !important;
}
.italic {
	font-style: italic !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.border-0 {
	border: none !important;
}

/* search */
.search {
	background-color: var(--search-background-color);
	color: var(--search-color);
	margin-top: 10px !important;
	margin-bottom: 5px !important;
	padding: 10px 5px;
	border-radius: 10px;
	border: none;
	z-index: 0;
}
.search a:link, .search a:focus, .search a:visited {
	display: inline-block;
	background-color: var(--search-anchor-background-color);
	color: var(--search-anchor-color);
	font-weight: 500;
	text-decoration: none;
	padding: 5px;
	border: none;
}
.search a:hover {
	background-color: var(--search-anchor-background-color-hover);
	color: var(--search-anchor-color-hover);
	text-decoration: underline;
}
.search .input-group input, .search .input-group input:disabled {
	border-radius: 5px !important;
}

/* search - navbar */
.search-navbar {
	background-color: var(--search-navbar-background-color);
	color: var(--search-navbar-color);
	padding: 0;
	margin: 0;
	border-bottom: 1px solid var(--search-border-color);
}
.search-navbar [class*="col-"] {
	padding: 3px !important;
}
.search-navbar a:link, .search-navbar a:visited {
	display: block;
	background-color: none;
	color: var(--search-anchor-color);
	padding: 5px 5px 5px 0;
	text-align: left;
	text-decoration: none;
	font-weight: 500;
	border-radius: 5px;
	border: none;
}
.search-navbar a:hover {
	background-color: none;
	color: var(--search-anchor-color-hover);
	text-decoration: underline;
}
.search-navbar a .search-icon {
	color: var(--search-icon-color);
	padding: 4px 6px;
	margin-right: 5px !important;
	border-radius: 5px;
	border: 1px solid var(--search-icon-border-color);
}
.search-navbar a .search-icon i {
	color: var(--search-icon-color);
	font-size: 1em;
	margin: auto auto !important;
	border: none;
}
.search-navbar a .search-icon:hover {
	border: 1px solid var(--search-icon-border-color-hover);
}
.search-navbar a .search-icon:hover i {
	color: var(--search-icon-color-hover);
}
@media (max-width: 767px) {
	.search-navbar a:link, .search-navbar a:visited {
		padding: 8px 0;
		text-align: left;
	}
}

.error-404 {
	font-size: 100px;
}

/* head, subhead */
.head {
	display: block;
	position: relative;
	background-color: var(--head-background-color);
	color: var(--head-color);
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
	text-transform: none;
	font-size: 1.1em;
	font-weight: 600;
	border-bottom: 2px solid var(--head-border-color);
}
.head span {
	padding: 0;
	margin: 0;
	font-weight: 600 !important;
}
@media(max-width: 767px) {
	.head {
		margin-top: 15px;
		font-size: 1.1em;
		font-weight: 600;
	}
	.head span {
		font-weight: 600;
	}
}
.subhead {
	background-color: var(--subhead-background-color);
	color: var(--subhead-color) !important;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 1em;
	font-weight: 600 !important;
	border-bottom: 1px solid var(--subhead-border-color);
}
.subhead span {
	font-weight: 600 !important;
}
.title {
	background-color: var(--title-background-color);
	color: var(--title-color);
	margin: 20px 0 5px 0;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.3;
	border: none;
}
.subtitle {
	background-color: var(--subtitle-background-color);
	color: var(--subtitle-color);
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 5px;
	font-size: 1em;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	border: none;
}

/* infoservis */
a.title_link:link, a.title_link:visited {
	color: #333;
	margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: 400;
	display: table;
	text-decoration: none;
}
a.title_link:hover {
	color: #333;
	text-decoration: underline;
}

/* timer */
#timer {
	color: var(--timer-color);
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1em;
	font-weight: 600;
}
.hours {
	float: left;
	display: none;
}
.minutes {
	float: left;
	font-weight: 600;
	font-size: 1.1em;
}
.seconds {
	float: left;
	margin-top: 1px;
	font-weight: 400;
	font-size: 0.9em;
}

/* back to top */
#back-top:link, #back-top:visited, #back-top:focus {
	display: none;
	position: fixed;
	background-color: var(--back-top-backround-color);
	color: var(--back-top-color);
	width: 44px;
	height: 44px;
	line-height: 44px;
	bottom: 50px;
	right: 0;
	z-index: 100;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	vertical-align: middle;
	box-shadow: 3px 3px 5px #ccc;
	border: none;
	border-radius: 5px 0 0 5px;
	background-color: transition;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top:hover {
	outline: 0;
	background-color: var(--back-top-backround-color-hover) ;
	color: var(--back-top-color-hover);
	border: none;
}
#back-top i.animated {
	transition-property: transform;
	transition-duration: 1s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}
#back-top:hover i.animated {
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: pulse;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

/* login */
#login-background {
	position: fixed;
	display: flex;
	background-color: var(--login-background-color);
	background-image: none;
	background-position: center center; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: var(--login-color);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	border: none;
	z-index: 0;
}
#login-form {
	overflow: auto;
	background-color: var(--login-form-background-color);
	color: var(--login-form-color);
	align-items: center;
	margin: auto auto;
	padding: 10px 20px 20px 20px;
	width: 70%;
	max-width: 360px;
	height: auto;
	max-height: 650px;
	font-size: 1em;
	font-weight: 300;
	border-radius: 10px;
	box-shadow: none;
	border: none;
	z-index: 1;
}
#login-form .login-header {
	padding: 15px 5px;
	text-align: right;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid var(--login-form-border-color);
}
#login-form .login-header .login-title {
	color: var(--login-form-title-color);
	font-size: 1.1em;
	font-weight: 600;
	text-transform: none;
}
#login-form .login-header .login-subtitle {
	color: var(--login-form-subtitle-color);
	font-size: 1em;
	font-weight: 300;
	text-transform: none;
}
#login-form .login-header .login-subtitle .login-svaz {
	color: var(--login-form-svaz-color);
	font-weight: 600;
}
#login-form .login-header .login-logo {
	width: var(--login-form-logo-width);
	margin: 0;
	float: left;
	opacity: 1;
}
#login-form .login-body {
	background-color: none;
	padding: 10px 15px;
	text-align: center;
}
#login-form .login-footer {
	padding: 5px 15px 0 15px;
	font-weight: 300;
	border: none;
}
#login-form label {
	color: var(--login-form-color);
	font-weight: 400;
	text-align: center !important;
	margin: 0 0 5px 0;
}
#login-form input[type="text"], #login-form input[type="password"] {
	background-color: var(--input-background-color);
	color: var(--input-color);
	font-size: 1em !important;
	font-weight: 600 !important;
	height: auto !important;
	padding: 13px 15px !important;
	text-align: center;
	border-radius: 30px !important;
	border-width: 2px;
}
#login-form input[type="text"]:focus, #login-form input[type="password"]:focus {
	font-weight: 600 !important;
	box-shadow: none !important;
}
#login-form input[type="text"]:valid, #login-form input[type="password"]:valid, #login-form input[type="text"]:invalid, #login-form input[type="password"]:invalid {
	border: 2px solid var(--input-valid-border-color) !important;
}
#login-form input[type="text"]:valid:focus, #login-form input[type="password"]:valid:focus, #login-form input[type="text"]:invalid:focus, #login-form input[type="password"]:invalid:focus {
	border: 2px solid var(--input-invalid-border-color) !important;
}

#login-form input[type="text"]:-webkit-autofill, #login-form input[type="text"]:-webkit-autofill:focus,  #login-form input[type="text"]:-webkit-autofill:active, 
#login-form input[type="password"]:-webkit-autofill {
	color: var(--input-focus-background-color) !important;
	-webkit-text-fill-color: var(--input-focus-color) !important;
	-webkit-box-shadow: 0 0 0 1000px var(--input-focus-background-color) inset !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	text-shadow: none !important;
	border: 2px solid var(--input-border-color) !important;
}
#login-form .form-check-label {
	font-size: 1em;
	font-weight: 400 !important;
	margin: 0 0 0 5px;
}
#login-form #login-error {
	font-weight: 500 !important;
	margin-bottom: 20px;
}
#login-form .btn-success {
	background-color: var(--btn-success-login-background-color) !important;
	color:  var(--btn-success-login-color) !important;
	padding: 13px 15px;
	border-radius: 30px !important;
	border: 1px solid var(--btn-success-login-background-color);
}
#login-form .btn-success:hover, #login-form .btn-success:active, #login-form .btn-success:focus {
	background-color: var(--btn-success-login-background-color-hover) !important;
	color: var(--btn-success-login-color-hover);
	border: 1px solid var(--btn-success-login-background-color-hover);
}
#login-form .required-label {
	color: var(--required-label-color);
	font-weight: 400 !important;
}
#login-form .required-label:after {
	content: "*";
	color: var(--required-label-asterisk-color);
	margin-left: 3px;
	font-size: 1.1em;
}
@media (max-width: 980px) {
	#login-background {
		background-attachment: scroll;
	}
}
@media (max-width: 767px) {
	#login-form {
		width: 90%;
		font-size: 1em;
		box-shadow: none;
	}
}

/* preloader */
#preloader {
	display: none;
	position: fixed;
	background-color: var(--preloader-background-color);
	color: var(--preloader-color);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	height: 100%;
}
#preloader #status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	font-size: 2.5em;
	font-weight: 600;
	margin: -100px 0 0 -100px;
}
#preloader #status .substatus {
	color: #fff;
	font-size: 0.6em;
	font-weight: 300;
}
@media (max-width: 767px) {
	#preloader {
			display: inline;
	}
}
/* ----- */

/* step */
.step-container {
	overflow: auto;
	padding: 20px;
	margin-bottom: 10px;
	border: none;
}
.step-container .step {
	height: 100px;
	line-height: 100px;
	width: 100px;
	margin: 10px auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	font-size: 2em;
}
.step-container .step.line {
	font-weight: 300;
	width: auto;
	border: none;
}
@media (max-width: 767px) {
	.step-container {
			padding: 10px;
			margin-bottom: 5px;
	}
	.step-container .step.line {
			display: none;
	}
}
/* ----- */

/* kalendar */
.bootstrap-datetimepicker-widget.dropdown-menu {
	padding: 20px 30px !important;
	z-index: 999 !important;
}
.bootstrap-datetimepicker-widget {
	background-color: var(--calendar-background-color) !important;
	width: auto !important;
	font-size: 1em;
	box-shadow: 0 0 10px var(--calendar-shadow-color);
	border: none;
}

/* zahlavi kalendare */
.bootstrap-datetimepicker-widget table > thead > tr th {
	color: var(--calendar-table-th-color);
	font-weight: 400;
	border-top: none !important;
}
.bootstrap-datetimepicker-widget table > thead > tr th.picker-switch {
	background-color: none;
	color: var(--calendar-table-th-color);
}
.bootstrap-datetimepicker-widget table > thead > tr th.prev {
	color: var(--calendar-table-th-color);
}
.bootstrap-datetimepicker-widget table > thead > tr th.next {
	color: var(--calendar-table-th-color);
}
.bootstrap-datetimepicker-widget table > thead > tr th.picker-switch:hover {
	background-color: var(--calendar-table-th-background-color-hover) !important;
	color: var(--calendar-table-th-color-hover);
}
.bootstrap-datetimepicker-widget table > thead > tr th.prev:hover {
	background-color: var(--calendar-table-th-background-color-hover) !important;
	color: var(--calendar-table-th-color-hover);
}
.bootstrap-datetimepicker-widget table > thead > tr th.next:hover {
	background-color: var(--calendar-table-th-background-color-hover) !important;
	color: var(--calendar-table-th-color-hover);
}

/* dny, mesice, roky */
.bootstrap-datetimepicker-widget table > tbody > tr {
	border-bottom: 1px solid var(--calendar-tbody-tr-border-color) !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr:hover {
	background: none !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr:hover span {
	color: var(--calendar-tbody-tr-span-color) !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr span.active {
	background-color: var(--calendar-tbody-tr-span-active-background-color);
	color: var(--calendar-tbody-tr-span-active-color) !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr span:hover {
	background-color: var(--calendar-tbody-tr-span-active-background-color-hover);
	color: var(--calendar-tbody-tr-span-active-color-hover) !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr td {
	color: var(--calendar-tbody-td-color);
	padding: 7px !important;
	font-weight: 400;
}
.bootstrap-datetimepicker-widget table > tbody > tr td.day:hover {
	background-color: var(--calendar-tbody-td-day-background-color-hover);
	color: var(--calendar-tbody-td-day-color-hover);
}
.bootstrap-datetimepicker-widget table > tbody > tr td:hover .far, .bootstrap-datetimepicker-widget table > tbody > tr td:hover .fas {
	color: var(--calendar-tbody-td-icon-color);
}
.bootstrap-datetimepicker-widget table > tbody > tr td.active {
	background-color: var(--calendar-tbody-td-active-background-color) !important;
	color: var(--calendar-tbody-td-active-color) !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr td.active:hover {
	background-color: var(--calendar-tbody-td-active-background-color-hover) !important;
	color: var(--calendar-tbody-td-active-color-hover) !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: var(--calendar-tbody-td-today-background-color) !important;
}
/* kalendar */

/* hk-mail */
.hk-mail-detail {
	margin: 20px 0;
}
.hk-mail-detail p {
	padding: 0;
	margin-bottom: 5px;
}
.hk-mail-detail h2 {
	font-size: 14px;
	font-weight: 600;
}
.hk-mail-detail h3 {
	font-size: 13px;
	font-weight: 600;
}
.hk-mail-detail h4 {
	font-size: 12px;
	font-weight: 600;
}
/* -------- */

/* ckeditor 5 */
.ck {
	font-size: 1em;
	border: none !important;
}
.ck-editor__editable {
	background-color: var(--input-background-color) !important;
	color: var(--input-color);
	min-height: 500px !important;
	max-height: 800px !important;
	border: 1px solid var(--input-border-color) !important;
}
.ck-editor__editable:focus {
	border: 2px solid var(--input-focus-border-color) !important;
}
.ck .ck-toolbar {
	background: none !important;
	font-size: 1em !important;
}
.ck .ck-button {
	color: var(--btn-editor-color) !important;
	font-size: 0.8em !important;
	padding: 5px !important;
}
.ck .ck-icon {
	font-size: 0.8em !important;
}
.ck p {
	margin-bottom: 5px;
}
.ck h2 {
	font-size: 14px;
	font-weight: 600;
}
.ck h3 {
	font-size: 13px;
	font-weight: 600;
}
.ck h4 {
	font-size: 12px;
	font-weight: 600;
}
figure { /* pro vlozenou tabulku */
	border: none !important;
}
/* ckeditor 5 */

/* loading */
.loading {
	display: none;
	position: fixed;
	background-color: var(--loading-background-color);
	color: var(--loading-color);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
.loading .spinner {
	position: absolute;
	left: 48%;
	top: 45%;
	border: 6px dashed var(--loading-spinner-color1);
	border-top: 6px dashed var(--loading-spinner-color2);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spinnerframe 2s linear infinite;
}
@keyframes spinnerframe {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* napoveda */
#main-help {
	font-size: 1em;
}
#main-help .content {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5;
	border: none;
}
#main-help .content .head {
	margin: 30px 0 0 0;
}
#main-help .content .subhead {
	color: #dc821b;
	padding: 0;
	margin: 30px 0 0 0;
}
#main-help .content p {
	margin: 10px 0;
}

/* dotazy */
#main-dotaz {
	background-color: var(--maindotaz-background-color);
	margin: 20px 0;
	padding: 0;
	border: none;
}
#main-dotaz #faq .card {
	background-color: var(--maindotaz-background-color);
	margin-bottom: 10px;
	border-radius: 0;
	border: none;
}  
#main-dotaz #faq .card .card-header {
	background-color: var(--dotaz-heading-background-color);
	padding: 2px 0;
	border-radius: none;
	border: none;
} 
#main-dotaz #faq .card .card-header .btn-header-link {
	display: block;
	background-color: var(--dotaz-heading-background-color);
	color: var(--dotaz-heading-color);
	text-align: left;
	font-size: 1em;
	font-weight: 600;
	padding: 10px 0;
	padding-right: 30px;
	box-shadow: none !important;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--dotaz-item-border-color);
}
#main-dotaz #faq .card .card-header .btn-header-link .bi {
	color: var(--dotaz-heading-icon-color);
	margin-left: 5px;
	margin-right: 10px;
}
#main-dotaz #faq .card .card-header .btn-header-link.collapsed {
	background-color: var(--dotaz-heading-notcollapsed-background-color);
	color: var(--dotaz-heading-notcollapsed-color);
}  
#main-dotaz #faq .card .card-header .btn-header-link.collapsed .bi {
	color: var(--dotaz-heading-icon-color);
	margin-left: 5px;
	margin-right: 10px;
}
#main-dotaz #faq .card .collapsing {
	background-color: var(--dotaz-body-background-color) !important;
	color: var(--dotaz-body-color);
	font-size: 1.1em;
	line-height: 25px;
	border-radius: 0 !important;
}
#main-dotaz #faq .card .collapsing p {
	margin: 0;
}
#main-dotaz #faq .card .collapse {
	border: none;
}
#main-dotaz #faq .card .collapse.show {
	background-color: var(--dotaz-body-background-color) !important;
	color: var(--dotaz-body-color);
	font-size: 1.1em;
	line-height: 25px;
	border-radius: 0 !important;
}
#main-dotaz #faq .card .collapse.show p {
	margin: 0;
}
@media (max-width: 767px) {
	#main-dotaz #faq .card .card-header .btn-header-link, #main-dotaz #faq .card .collapsing, #main-dotaz #faq .card .collapse.show {
		font-size: 1.1em !important;
	}
}

/* wrapper - footermenu */
#wrapper-footermenu {
	display: none;
	overflow: none;
	position: fixed;
	background-color: var(--wrapper-footermenu-background-color);
	left: 0;
	right: 0;
	bottom: 0;
	height: 65px;
	padding: 0;
	margin: 0;
	font-size: 1em;
	box-shadow: 0 0 10px var(--wrapper-footermenu-shadow-color);
	border: none;
	z-index: 2;
}
#wrapper-footermenu a:link, #wrapper-footermenu a:visited {
	position: relative;
	display: inline-block;
	background-color: var(--wrapper-footermenu-anchor-background-color);
	color: var(--wrapper-footermenu-anchor-color);
	text-align: center;
	vertical-align: middle;
	width: 20%;
	height: 65px;
	padding: 12px 3px 0 3px;
	font-weight: 400;
	font-size: 0.8em;
	text-transform: lowercase;
	text-decoration: none;
	border: none;
}
#wrapper-footermenu a .bi {
	position: absolute;
	color: var(--wrapper-footermenu-icon-color);
	left: 0;
	right: 0;
	bottom: 32px;
	padding: 0;
	font-size: 16px;
	border: none;
}
#wrapper-footermenu a .bi-people {
	position: relative;
	top: -20px;
	background-color: var(--wrapper-footermenu-icon-main-background-color);
	color: var(--wrapper-footermenu-icon-main-color);
	font-size: 16px;
	padding: 10px 13px;
	border-radius: 20px;
}
#wrapper-footermenu a .text {
	color: var(--wrapper-footermenu-anchor-text-color);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
}
#wrapper-footermenu a:hover {
	background: var(--wrapper-footermenu-anchor-background-color-hover);
	color: var(--wrapper-footermenu-anchor-color-hover);
}
#wrapper-footermenu a:hover .text, #wrapper-footermenu a:hover .bi {
	color: var(--wrapper-footermenu-icon-color-hover);
}
#wrapper-footermenu a:hover .bi-people {
	background-color: var(--wrapper-footermenu-icon-main-background-color-hover);
	color: var(--wrapper-footermenu-icon-main-color-hover);
}