/* modra: #20428a (32,66,138), cervena: #c82749 (200,39,73), modra tmava: #162e61 (22,46,97), cervena tmava: #7f2034, sediva: #f2f3fc (242,243,252), zelena tmava: #428a20 (66,138,32), zelena svetla: #49c827 (73,200,39) */
:root {
--body-background-color: #fff;
--body-background-color: #fff;
--body-color: #555;
--wrapper-content-background-color: #fff;
--wrapper-content-color: #000;
--wrapper-topmenu-background-color: #20428a;
--wrapper-topmenu-color: #fff;
--wrapper-topmenu-title-color: #fff;
--wrapper-topmenu-pocet-color: #fff;
--wrapper-topmenu-phone-color: #fff;
--wrapper-topmenu-email-color: #fff;
--wrapper-topmenu-dotaz-color: #fff;
--wrapper-topmenu-ds-color: #fff;
--wrapper-topmenu-ico-color: #fff;
--wrapper-topmenu-anchor-color: #fff;
--wrapper-topmenu-trewiszo-color: #fff;
--wrapper-topmenu-prihlasen-background-color: none;
--wrapper-topmenu-prihlasen-color: #fff;
--wrapper-topmenu-bi-color: #fff;
--wrapper-topmenu-intranet-background-color: #b42341;
--wrapper-topmenu-intranet-color: #fff;
--wrapper-topmenu-intranet-title-color: #fff;
--wrapper-topmenu-intranet-pocet-color: #fff;
--wrapper-topmenu-intranet-phone-color: #fff;
--wrapper-topmenu-intranet-email-color: #fff;
--wrapper-topmenu-intranet-dotaz-color: #fff;
--wrapper-topmenu-intranet-ds-color: #fff;
--wrapper-topmenu-intranet-ico-color: #fff;
--wrapper-topmenu-intranet-anchor-color: #fff;
--wrapper-topmenu-intranet-trewiszo-color: #fff;
--wrapper-topmenu-intranet-prihlasen-background-color: none;
--wrapper-topmenu-intranet-prihlasen-color: #ddd;
--wrapper-topmenu-intranet-bi-color: #fff;
--wrapper-mainmenu-background-color: #fff;
--wrapper-mainmenu-color: #162e61;
--wrapper-mainmenu-border-color: #ddd;
--wrapper-mainmenu-anchor-background-color: #fff;
--wrapper-mainmenu-anchor-color: #20428a;
--wrapper-mainmenu-anchor-background-color-hover: rgba(0,0,0,0.6);
--wrapper-mainmenu-anchor-color-hover: rgba(22,46,97,0.8);
--wrapper-mainmenu-anchor-border-color-hover: #c82749;
--wrapper-mainmenu-home-color: #c82749;
--wrapper-mainmenu-phone-color: #20428a;
--wrapper-mainmenu-email-background-color: #2c4280;
--wrapper-mainmenu-email-color: #fff;
--wrapper-mainmenu-titleos-background-color: #2c4280;
--wrapper-mainmenu-titleos-color: #fff;
--wrapper-mainmenu-prihlasen-background-color: #2c4280;
--wrapper-mainmenu-prihlasen-color: #2c4280;
--wrapper-mainmenu-logo-background-color: none;
--wrapper-mainmenu-shadow-color: #ccc;
--wrapper-mainmenu-sidemenu-background-color: #000;
--wrapper-mainmenu-sidemenu-color: #c82749;
--wrapper-mainmenu-sidemenu-bi-background-color: #fff;
--wrapper-mainmenu-sidemenu-bi-color: #c82749;
--wrapper-mainmenu-sidemenu-bi-background-color-hover: #162e61;
--wrapper-mainmenu-sidemenu-bi-color-hover: #fff;
--wrapper-dropdownmenu-background-color: #fff;
--wrapper-dropdownmenu-color: #000;
--wrapper-dropdownmenu-anchor-background-color: #fff;
--wrapper-dropdownmenu-anchor-color: #20428a;
--wrapper-dropdownmenu-anchor-background-color-hover: none;
--wrapper-dropdownmenu-anchor-color-hover: #20428a;
--wrapper-dropdownmenu-border-color: #eee;
--wrapper-dropdownmenu-divider-color: #eee;
--wrapper-dropdownmenu-subtitle-color: #20428a;
--wrapper-dropdownmenu-shadow-color: #ccc;
--wrapper-dropdownmenu-bi-color: #c82749;
--wrapper-dropdownmenu-bi-color-hover: #c82749;
--wrapper-leftmenu-background-color: #fff;
--wrapper-leftmenu-color: #ccc;
--wrapper-leftmenu-title-color: #c82749;
--wrapper-leftmenu-scrollbar-color: #fff;
--wrapper-leftmenu-anchor-color: #20428a;
--wrapper-leftmenu-anchor-bi-background-color: none;
--wrapper-leftmenu-anchor-bi-color: #c82749;
--wrapper-leftmenu-anchor-bi-theme-color: #000;
--wrapper-leftmenu-anchor-background-color-hover: #f5f5f7;
--wrapper-leftmenu-ostatni-background-color: #f5f5f7;
--wrapper-leftmenu-hr-color: #ccc;
--wrapper-leftmenu-heading-border-color: none;
--wrapper-leftmenu-theme-border-color: #ddd;
--wrapper-footer-info-background-color: rgba(32,66,138,0.05);
--wrapper-footer-info-color: #333;
--wrapper-footer-info-anchor-color: #333;
--wrapper-footer-info-anchor-color-hover: #333;
--wrapper-footer-info-title-color: #162e61;
--wrapper-footer-info-border-color: rgba(32,66,138,0.1);
--wrapper-footer-info-bi-color: #c82749;
--wrapper-footer-background-color: rgba(32,66,138,0.05);
--wrapper-footer-color: #555;
--wrapper-footer-anchor-color: #000;
--wrapper-footer-anchor-color-hover: #000;
--wrapper-footermenu-background-color: none;
--wrapper-footermenu-color: #20428a;
--wrapper-footermenu-border-color: #ddd;
--wrapper-footermenu-anchor-background-color: rgba(255,255,255,0.95);
--wrapper-footermenu-anchor-color: #20428a;
--wrapper-footermenu-anchor-text-color: #20428a;
--wrapper-footermenu-anchor-background-color-hover: #20428a;
--wrapper-footermenu-anchor-color-hover: #fff;
--wrapper-footermenu-anchor-text-color-hover: #fff;
--wrapper-footermenu-bi-color: #20428a;
--wrapper-footermenu-bi-color-hover: #fff;
--wrapper-footermenu-bi-main-background-color: rgba(200,39,73,1);
--wrapper-footermenu-bi-main-color: #fff;
--wrapper-footermenu-bi-main-background-color-hover: rgba(200,39,73,1);
--wrapper-footermenu-bi-main-color-hover: #fff;
--wrapper-footermenu-shadow-color: #ccc;
--section-doporucujeme-background-color: #fff;
--section-message-background-color: #fff;
--section-marquee-background-color: rgba(200,39,73,0.1);
--section-main-top-background-color: #fff;
--section-akce-background-color: #fff;
--section-rozcestnik-background-color: rgba(32,66,138,0.05);
--section-reklama-generuj-background-color: none;
--section-main-contact-background-color: none;
--section-main-os-background-color: #fff;
--section-main-video-background-color: #fff;
--section-reklama-ts-background-color: #fff;
--section-reklama-t-background-color1: rgba(22,46,97,0.9);
--section-reklama-t-background-color2: rgba(22,46,97,1);
--main-anchor-background-color: none;
--main-anchor-color: #20428a;
--main-page-background-color: #fff;
--main-page-color: #000;
--main-doporucujeme-background-color: none;
--main-doporucujeme-color: #000;
--main-doporucujeme-border-color: none;
--main-doporucujeme-title-color: #c82749;
--main-doporucujeme-datum-color: #000;
--main-top-background-color: none;
--main-top-item-background-color: #fff;
--main-top-item-color: #000;
--main-top-item-header-color: #c82749;
--main-top-item-anchor-color:#162e61;
--main-top-item-title-color: #162e61;
--main-top-item-intranet-background-color: none;
--main-top-item-intranet-color: rgba(200,39,73,1);
--main-top-item-border-color: #fff;
--main-top-item-shadow-color: #ddd;
--main-rozcestnik-background-color: none;
--main-rozcestnik-color: #000;
--main-rozcestnik-anchor-background-color: #fff;
--main-rozcestnik-anchor-color: #162e61;
--main-rozcestnik-anchor-background-color-hover: #20428a;
--main-rozcestnik-anchor-color-hover: #fff;
--main-rozcestnik-anchor-border-color: #fff;
--main-rozcestnik-bi-color: #c82749;
--main-rozcestnik-bi-color-hover: #fff;
--main-rozcestnik-shadow-color: #ddd;
--main-infoservis-background-color: none;
--main-infoservis-color: #000;
--main-infoservis-item-background-color: none;
--main-infoservis-item-color: #000;
--main-infoservis-item-border-color: #ddd;
--main-infoservis-anchor-title-color: #162e61;
--main-akce-background-color: none;
--main-akce-color: #000;
--main-akce-item-background-color: none;
--main-akce-item-color: #000;
--main-akce-item-border-color: #ddd;
--main-akce-anchor-title-color: #162e61;
--main-akce-datum-background-color: #fff;
--main-akce-datum-color: #c82749;
--main-akce-datum-border-color: #162e61;
--main-akce-oddel-color: #000;
--main-akce-pocet-volne-background-color: #428a20;
--main-akce-pocet-volne-color: #fff;
--main-akce-pocet-nula-background-color: #c82749;
--main-akce-pocet-nula-color: #fff;
--main-akce-pocet-bi-pozadavek: #c82749;
--main-akce-pocet-bi-pozadavek-exists: #20428a;
--main-kontakt-background-color: none;
--main-kontakt-color: #000;
--main-kontakt-card-background-color: #fff;
--main-kontakt-card-color: #000;
--main-kontakt-card-border-color: #fff;
--main-kontakt-card-anchor-color: #162e61;
--main-kontakt-card-shadow-color: #ddd;
--main-kontakt-heading-background-color: rgba(32,66,138,0.05);
--main-kontakt-heading-color: #000;
--main-kontakt-footer-background-color: #fff;
--main-kontakt-footer-color: #000;
--main-kontakt-hr-color: rgba(200,39,73,0.6);
--main-kontakt-bi-color: #c82749;
--main-kontakt-svaz-background-color: rgba(32,66,138,0.05);
--main-kontakt-svaz-color: #000;
--main-kontakt-svaz-anchor-color: #c82749;
--main-kontakt-svaz-border-color: #f5f5f7;
--main-dotaz-background-color: none;
--main-dotaz-color: #000;
--main-dotaz-item-background-color: #fff;
--main-dotaz-item-color: #ddd;
--main-dotaz-item-border-color: rgba(0,0,0,0.6);
--main-dotaz-heading-background-color: #fff;
--main-dotaz-heading-color: #162e61;
--main-dotaz-heading-notcollapsed-background-color: #fff;
--main-dotaz-heading-notcollapsed-color: #162e61;
--main-dotaz-heading-bi-color: #c82749;
--main-dotaz-body-background-color: #fff;
--main-dotaz-body-color: #333;
--main-dotaz-body-anchor-color: #c82749;
--main-dotaz-body-border-color: #c82749;
--main-benefit-background-color: none;
--main-benefit-color: #000;
--main-benefit-item-a-background-color: #fff;
--main-benefit-item-a-color: #000;
--main-benefit-item-b-background-color: #fff;
--main-benefit-item-b-color: #000;
--main-benefit-item-border-color: #fff;
--main-benefit-anchor-title-color: #162e61;
--main-reklama-generuj-background-color: none;
--main-reklama-generuj-color: #000;
--main-contact-background-color: none;
--main-contact-color: #000;
--main-contact-phone-color: #20428a;
--main-contact-email-color: #20428a;
--main-contact-bi-color: #c82749;
--head-background-color: rgba(32,66,138,1);
--head-background-color2: rgba(200,39,73,1);
--head-color: #20428a;
--head-border-color: #c82749;
--head-border-left-color: #20428a;
--head-border-right-color: #c82749;
--head-span-border-color: #c82749;
--subhead-background-color: none;
--subhead-color: #20428a;
--title-background-color: none;
--title-color: #20428a;
--subtitle-background-color: none;
--subtitle-color: #20428a;
--clanek-uvod-color: #000;
--clanek-obsah-color: #333;
--table-background-color: none;
--table-color: #000;
--table-thead-th-background-color: none;
--table-thead-th-label-color: #000;
--table-thead-th-anchor-color: #aaa;
--table-thead-th-border-color: #eee;
--table-tbody-tr-border-color: none;
--table-tbody-tr-mezi-color: #000;
--table-tbody-td-background-color: none;
--table-tbody-td-color: #000;
--table-tbody-td-anchor-color: #c82749;
--table-tbody-td-border-color: #eee;
--table-tbody-td-bi-pdf-color: #c82749;
--table-tbody-td-bi-word-color: #000;
--table-tbody-td-bi-excel-color: #000;
--table-tfoot-td-background-color: none;
--table-tfoot-td-color: #000;
--table-tfoot-td-anchor-color: #c82749;
--table-main-link-color: #20428a;
--table-tbody-tr-odd-background-color: #fff;
--table-tbody-tr-even-background-color: rgba(245,245,247,0.6);
--table-pozadavky-border-color: #777;
--table-pozadavek-label-background-color: #fff;
--table-pozadavek-label-color: #000;
--table-pozadavek-value-background-color: rgba(245,245,247,0.6);
--table-pozadavek-value-color: #000;
--touchmenu-anchor-background-color: none;
--touchmenu-anchor-color: #20428a;
--touchmenu-anchor-border-color: #20428a;
--touchmenu-anchor-background-color-hover: #20428a;
--touchmenu-anchor-color-hover: #fff;
--touchmenu-anchor-border-color-hover: #20428a;
--touchmenu-anchor-active-background-color: #fff;
--touchmenu-anchor-active-color: #20428a;
--touchmenu-anchor-active-border-color: #20428a;
--touchmenu-anchor-active-background-color:-hover: none;
--touchmenu-anchor-active-color-hover: #20428a;
--touchmenu-anchor-active-border-color-hover: #20428a;
--touchmenu-bi-background-color: #c82749;
--touchmenu-bi-color: #fff;
--touchmenu-bi-color-hover: #000;
--touchmenu-bi-all-color: #c82749;
--touchmenu-bi-all-border-color: #c82749;
--touchmenu-bi-all-color-hover: #fff;
--search-background-color: rgba(32,66,138,0.05);
--search-color: #000;
--search-border-color: none;
--marquee-background-color: none;
--marquee-color: #162e61;
--marquee-anchor-color: #162e61;
--marquee-item-bi-color: #c82749;
--marquee-item-bi-warning-color: #c82749;
--marquee-item-border-color: #ddd;
--login-background-color: #fff;
--login-color: #000;
--login-form-background-color: #fff;
--login-form-color: #000;
--login-form-title-color: #20428a;
--login-form-subtitle-color: #c82749;
--login-form-border-color: #ddd;
--login-form-shadow-color: #ddd;
--pagination-background-color: none;
--pagination-color: #000;
--pagination-anchor-background-color: none;
--pagination-anchor-color: #20428a;
--pagination-anchor-border-color: #20428a;
--pagination-anchor-active-background-color: #fff;
--pagination-anchor-active-color: #c82749;
--pagination-anchor-active-border-color: #c82749;
--pagination-anchor-background-color-hover: #c82749;
--pagination-anchor-color-hover: #fff;
--pagination-anchor-border-color-hover: #c82749;
--pagination-anchor-active-background-color-hover: #c82749;
--pagination-anchor-active-color-hover: #fff;
--pagination-anchor-active-border-color-hover: #c82749;
--detail-background-color: none;
--detail-color: #000;
--detail-border-color: none;
--detail-label-color: #000;
--detail-label-border-color: none;
--detail-value-color: #000;
--detail-value-border-color: #ddd;
--modal-background-color: #fff;
--modal-color: #000;
--modal-border-color: #ddd;
--myCarousel-title-color: #fff;
--myCarousel-title-bold-color: #f5261f;
--myCarousel-title-shadow-color: #555;
--messageCarousel-background-color: none;
--messageCarousel-title-color: #162e61;
--messageCarousel-title-shadow-color: #555;
--messageCarousel-bi-color: #c82749;
--page-section-background-color: rgba(32,66,138,0.05);
--page-section-color: #000;
--page-section-border-color: rgba(235,238,246,1);
--input-background-color: #f8f8f9;
--input-color: #000;
--input-border-color: #555;
--input-focus-backround-color: #f2f2f3;
--input-focus-color: #000;
--input-focus-border-color: #162e61;
--input-valid-border-color: #000;
--input-invalid-border-color: #c82e27;
--input-placeholder-color: #999;
--input-readonly-backgound-color: #f8f8f9;
--input-readonly-color: #333;
--input-checkbox-background-color: #20428a;
--input-checkbox-color: #20428a;
--input-checkbox-border-color: #555;
--input-checkbox-theme-background-color: #c82749;
--input-floating-color: #555;
--input-group-text-backgraound-color: #f8f8f9;
--input-group-text-color: #000;
--hr-color: #ddd;
--required-label-color: #c82749;
--intranet-anchor-background-color: none;
--intranet-anchor-color: #c82749;
}
/* dle uzivatele */
html.trewis-web-dark-theme {
/* br: #12141a, #141928 (20,25,40), #182237 (24,34,55), #192949 (25,41,73), #1c3261 (28,50,97), #1e3b78 (30,59,120), #375489 (55,84,137), #57719c (87,113,156) #7a8eab (122,142,171), #a1acba (161,172,186) */
--body-background-color: #141928;
--body-color: #ccc;
--wrapper-content-background-color: #141928;
--wrapper-content-color: #ccc;
--wrapper-topmenu-background-color: #141928;
--wrapper-topmenu-color: #ddd;
--wrapper-topmenu-title-color: #ddd;
--wrapper-topmenu-pocet-color: #ddd;
--wrapper-topmenu-phone-color: #ddd;
--wrapper-topmenu-email-color: #ddd;
--wrapper-topmenu-dotaz-color: #ddd;
--wrapper-topmenu-ds-color: #ddd;
--wrapper-topmenu-ico-color: #ddd;
--wrapper-topmenu-anchor-color: #ddd;
--wrapper-topmenu-trewiszo-color: #ddd;
--wrapper-topmenu-prihlasen-background-color: none;
--wrapper-topmenu-prihlasen-color: #fff;
--wrapper-topmenu-bi-color: #c82749;
--wrapper-topmenu-intranet-background-color: #7f2034;
--wrapper-topmenu-intranet-color: #fff;
--wrapper-topmenu-intranet-title-color: #fff;
--wrapper-topmenu-intranet-pocet-color: #fff;
--wrapper-topmenu-intranet-phone-color: #fff;
--wrapper-topmenu-intranet-email-color: #fff;
--wrapper-topmenu-intranet-dotaz-color: #fff;
--wrapper-topmenu-intranet-ds-color: #fff;
--wrapper-topmenu-intranet-ico-color: #fff;
--wrapper-topmenu-intranet-anchor-color: #fff;
--wrapper-topmenu-intranet-trewiszo-color: #fff;
--wrapper-topmenu-intranet-prihlasen-background-color: none;
--wrapper-topmenu-intranet-prihlasen-color: #ccc;
--wrapper-topmenu-intranet-bi-color: #ccc;
--wrapper-mainmenu-background-color: #141928;
--wrapper-mainmenu-color: #ddd;
--wrapper-mainmenu-border-color: none;
--wrapper-mainmenu-anchor-background-color: none;
--wrapper-mainmenu-anchor-color: #ddd;
--wrapper-mainmenu-anchor-background-color-hover: none;
--wrapper-mainmenu-anchor-color-hover: #ccc;
--wrapper-mainmenu-anchor-border-color-hover: #c82749;
--wrapper-mainmenu-home-color: #ddd;
--wrapper-mainmenu-phone-color: #fff;
--wrapper-mainmenu-email-background-color: #2c4280;
--wrapper-mainmenu-email-color: #fff;
--wrapper-mainmenu-titleos-background-color: #2c4280;
--wrapper-mainmenu-titleos-color: #fff;
--wrapper-mainmenu-prihlasen-background-color: none;
--wrapper-mainmenu-prihlasen-color: #ccc;
--wrapper-mainmenu-logo-background-color: none;
--wrapper-mainmenu-shadow-color: #222;
--wrapper-mainmenu-sidemenu-background-color: none;
--wrapper-mainmenu-sidemenu-color: #ddd;
--wrapper-mainmenu-sidemenu-bi-background-color: none;
--wrapper-mainmenu-sidemenu-bi-color: #ddd;
--wrapper-mainmenu-sidemenu-bi-background-color-hover: none;
--wrapper-mainmenu-sidemenu-bi-color-hover: #fff;
--wrapper-dropdownmenu-background-color: #182237;
--wrapper-dropdownmenu-color: #ddd;
--wrapper-dropdownmenu-anchor-background-color: #182237;
--wrapper-dropdownmenu-anchor-color: #ddd;
--wrapper-dropdownmenu-anchor-background-color-hover: none;
--wrapper-dropdownmenu-anchor-color-hover: #fff;
--wrapper-dropdownmenu-border-color: #182237;
--wrapper-dropdownmenu-divider-color: #333;
--wrapper-dropdownmenu-subtitle-color: #000;
--wrapper-dropdownmenu-shadow-color: #222;
--wrapper-dropdownmenu-bi-color: #c82749;
--wrapper-dropdownmenu-bi-color-hover: #c82749;
--wrapper-leftmenu-background-color: #141928;
--wrapper-leftmenu-color: #ddd;
--wrapper-leftmenu-title-color: #c82749;
--wrapper-leftmenu-scrollbar-track-color: #ccc;
--wrapper-leftmenu-scrollbar-thumb-color: #333;
--wrapper-leftmenu-anchor-color: #ddd;
--wrapper-leftmenu-anchor-bi-background-color: none;
--wrapper-leftmenu-anchor-bi-color: #7a8eab;
--wrapper-leftmenu-anchor-bi-theme-color: #7a8eab;
--wrapper-leftmenu-anchor-background-color-hover: #182237;
--wrapper-leftmenu-ostatni-background-color: #182237;
--wrapper-leftmenu-hr-color: #555;
--wrapper-leftmenu-heading-border-color: none;
--wrapper-leftmenu-theme-border-color: #555;
--wrapper-footer-info-background-color: #182237;
--wrapper-footer-info-color: #ddd;
--wrapper-footer-info-anchor-color: #ccc;
--wrapper-footer-info-anchor-color-hover: #ccc;
--wrapper-footer-info-title-color: #ddd;
--wrapper-footer-info-border-color: #182237;
--wrapper-footer-info-bi-color: #c82749;
--wrapper-footer-background-color: #182237;
--wrapper-footer-color: #ccc;
--wrapper-footer-anchor-color: #ddd;
--wrapper-footer-anchor-color-hover: #ddd;
--wrapper-footermenu-background-color: #182237;
--wrapper-footermenu-color: #ddd;
--wrapper-footermenu-border-color: #182237;
--wrapper-footermenu-anchor-background-color: #182237;
--wrapper-footermenu-anchor-color: #ddd;
--wrapper-footermenu-anchor-text-color: #ddd;
--wrapper-footermenu-anchor-background-color-hover: #c82749;
--wrapper-footermenu-anchor-color-hover: #fff;
--wrapper-footermenu-anchor-text-color-hover: #ddd;
--wrapper-footermenu-bi-color: #ddd;
--wrapper-footermenu-bi-color-hover: #fff;
--wrapper-footermenu-bi-main-background-color: #c82749;
--wrapper-footermenu-bi-main-color: #fff;
--wrapper-footermenu-bi-main-background-color-hover: #c82749;
--wrapper-footermenu-bi-main-color-hover: #fff;
--wrapper-footermenu-shadow-color: #222;
--section-doporucujeme-background-color: none;
--section-message-background-color: none;
--section-marquee-background-color: rgba(200,39,73,0.1);
--section-main-top-background-color: #141928;
--section-akce-background-color: #141928;
--section-rozcestnik-background-color: none;
--section-reklama-generuj-background-color: #141928;
--section-benefit-background-color: none;
--section-main-contact-background-color: #182237;
--section-main-os-background-color: #182237;
--section-main-video-background-color: #141928;
--section-reklama-ts-background-color: none;
--section-reklama-t-background-color1: #182237;
--section-reklama-t-background-color2: #182237;
--main-anchor-background-color: none;
--main-anchor-color: #ddd;
--main-page-background-color: none;
--main-page-color: #ccc;
--main-doporucujeme-background-color: none;
--main-doporucujeme-color: #ccc;
--main-doporucujeme-border-color: #2b3036;
--main-doporucujeme-title-color: #ddd;
--main-doporucujeme-datum-color: #ccc;
--main-top-background-color: none;
--main-top-item-background-color: #182237;
--main-top-item-color: #bbb;
--main-top-item-header-color: #c82749;
--main-top-item-anchor-color: #ddd;
--main-top-item-title-color: #ddd;
--main-top-item-intranet-background-color: none;
--main-top-item-intranet-color: #c82749;
--main-top-item-border-color: #182237;
--main-top-item-shadow-color: none;
--main-rozcestnik-background-color: none;
--main-rozcestnik-color: #ccc;
--main-rozcestnik-anchor-background-color: #182237;
--main-rozcestnik-anchor-color: #ddd;
--main-rozcestnik-anchor-background-color-hover: #162e61;
--main-rozcestnik-anchor-color-hover: #ccc;
--main-rozcestnik-anchor-border-color: #182237;
--main-rozcestnik-bi-color: #c82749;
--main-rozcestnik-bi-color-hover: #ccc;
--main-rozcestnik-shadow-color: none;
--main-infoservis-background-color: none;
--main-infoservis-color: #ddd;
--main-infoservis-item-background-color: none;
--main-infoservis-item-color: #ddd;
--main-infoservis-item-border-color: #555;
--main-infoservis-anchor-title-color: #ddd;
--main-akce-background-color: none;
--main-akce-color: #ddd;
--main-akce-item-background-color: none;
--main-akce-item-color: #ddd;
--main-akce-item-border-color: #555;
--main-akce-anchor-title-color: #ddd;
--main-akce-datum-background-color: #182237;
--main-akce-datum-color: #ddd;
--main-akce-datum-border-color: #555;
--main-akce-oddel-color: #ddd;
--main-akce-pocet-volne-background-color: rgba(66,138,32,0.6);
--main-akce-pocet-volne-color: #ddd;
--main-akce-pocet-nula-background-color: rgba(200,39,73,0.6);
--main-akce-pocet-nula-color: #ddd;
--main-kontakt-background-color: none;
--main-kontakt-color: #ccc;
--main-kontakt-card-background-color: #182237;
--main-kontakt-card-color: #ccc;
--main-kontakt-card-border-color: none;
--main-kontakt-card-anchor-color: #fff;
--main-kontakt-card-shadow-color: none;
--main-kontakt-heading-background-color: #182237;
--main-kontakt-heading-color: #ccc;
--main-kontakt-footer-background-color: #182237;
--main-kontakt-footer-color: #ccc;
--main-kontakt-hr-color: #141928;
--main-kontakt-bi-color: #c82749;
--main-kontakt-svaz-background-color: #182237;
--main-kontakt-svaz-color: #ddd;
--main-kontakt-svaz-anchor-color: #fff;
--main-kontakt-svaz-border-color: #182237;
--main-dotaz-background-color: #141928;
--main-dotaz-color: #ddd;
--main-dotaz-item-background-color: #182237;
--main-dotaz-item-color: #ddd;
--main-dotaz-item-border-color: #141928;
--main-dotaz-heading-background-color: #182237;
--main-dotaz-heading-color: #ccc;
--main-dotaz-heading-notcollapsed-background-color: #182237;
--main-dotaz-heading-notcollapsed-color: #ccc;
--main-dotaz-heading-bi-color: #c82749;
--main-dotaz-body-background-color: #141928;
--main-dotaz-body-color: #ddd;
--main-dotaz-body-anchor-color: #ccc;
--main-dotaz-body-border-color: #c82749;
--main-benefit-background-color: none;
--main-benefit-color: #ccc;
--main-benefit-item-a-background-color: rgba(24,34,55,0.8);
--main-benefit-item-a-color: #ccc;
--main-benefit-item-b-background-color: none;
--main-benefit-item-b-color: #ccc;
--main-benefit-item-border-color: #2b3036;
--main-benefit-anchor-title-color: #fff;
--main-reklama-generuj-background-color: none;
--main-reklama-generuj-color: #ccc;
--main-contact-background-color: none;
--main-contact-color: #ccc;
--main-contact-phone-color: #ccc;
--main-contact-email-color: #ccc;
--main-contact-bi-color: #ccc;
--head-background-color: rgba(32,66,138,1);
--head-background-color2: rgba(200,39,73,1);
--head-color: #57719c;
--head-border-color: #57719c;
--head-border-left-color: #57719c;
--head-border-right-color: #57719c;
--head-span-border-color: #57719c;
--subhead-background-color: none;
--subhead-color: #57719c;
--title-background-color: none;
--title-color: #ddd;
--subtitle-background-color: none;
--subtitle-color: #ddd;
--clanek-uvod-color: #ccc;
--clanek-obsah-color: #bbb;
--table-background-color: none;
--table-color: #ddd;
--table-thead-th-background-color: none;
--table-thead-th-label-color: #ccc;
--table-thead-th-anchor-color: #ddd;
--table-thead-th-border-color: #333;
--table-tbody-tr-border-color: none;
--table-tbody-tr-mezi-color: #ddd;
--table-tbody-td-background-color: none;
--table-tbody-td-color: #ddd;
--table-tbody-td-anchor-color: #ddd;
--table-tbody-td-border-color: #333;
--table-tbody-td-bi-pdf-color: #ddd;
--table-tbody-td-bi-word-color: #ddd;
--table-tbody-td-bi-excel-color: #ddd;
--table-tfoot-td-background-color: none;
--table-tfoot-td-color: #ddd;
--table-tfoot-td-anchor-color: #ddd;
--table-main-link-color: #ddd;
--table-tbody-tr-odd-background-color: none;
--table-tbody-tr-even-background-color: rgba(24,34,55,0.2);
--table-pozadavky-border-color: #555;
--table-pozadavek-label-background-color: #141928;
--table-pozadavek-label-color: #ccc;
--table-pozadavek-value-background-color: #182237;
--table-pozadavek-value-color: #ccc;
--touchmenu-anchor-background-color: rgba(32,66,138,0.6);
--touchmenu-anchor-color: #ddd;
--touchmenu-anchor-border-color: rgba(32,66,138,0.6);
--touchmenu-anchor-background-color-hover: #57719c;
--touchmenu-anchor-color-hover: #fff;
--touchmenu-anchor-border-color-hover: #20428a;
--touchmenu-anchor-active-background-color: #fff;
--touchmenu-anchor-active-color: red;
--touchmenu-anchor-active-border-color: #fff;
--touchmenu-anchor-active-background-color-hover: #f00;
--touchmenu-anchor-active-color-hover: blue;
--touchmenu-anchor-active-border-color-hover: #2b3036;
--touchmenu-bi-background-color: #c82749;
--touchmenu-bi-color: #fff;
--touchmenu-bi-color-hover: #000;
--touchmenu-bi-all-color: #ccc;
--touchmenu-bi-all-border-color: #ccc;
--touchmenu-bi-all-color-hover: #000;
--search-background-color: #182237;
--search-color: #ddd;
--search-border-color: #182237;
--marquee-background-color: none;
--marquee-color: #ccc;
--marquee-anchor-color: #ddd;
--marquee-item-bi-color: #c82749;
--marquee-item-bi-warning-color: #c82749;
--marquee-item-border-color: #2b3036;
--login-background-color: #141928;
--login-color: #ccc;
--login-form-background-color: #192949;
--login-form-color: #ccc;
--login-form-title-color: #ccc;
--login-form-subtitle-color: #aaa;
--login-form-border-color: #192949;
--login-form-shadow-color: #222;
--pagination-background-color: none;
--pagination-color: #ccc;
--pagination-anchor-background-color: none;
--pagination-anchor-color: #ccc;
--pagination-anchor-border-color: #999;
--pagination-anchor-active-background-color: none;
--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: #000;
--pagination-anchor-active-background-color-hover: #fff;
--pagination-anchor-active-color-hover: #000;
--pagination-anchor-active-border-color-hover: #fff;
--detail-background-color: none;
--detail-color: #ccc;
--detail-border-color: none;
--detail-label-color: #ccc;
--detail-label-border-color: none;
--detail-value-color: #ccc;
--detail-value-border-color: #555;
--modal-background-color: #192949;
--modal-color: #ddd;
--modal-border-color: #192949;
--myCarousel-title-color: #eee;
--myCarousel-title-bold-color: #eee;
--myCarousel-title-shadow-color: #222;
--messageCarousel-background-color: none;
--messageCarousel-title-color: #eee;
--messageCarousel-title-shadow-color: #555;
--messageCarousel-bi-color: #eee;
--page-section-background-color: #182237;
--page-section-color: #ccc;
--page-section-border-color: #182237;
--input-background-color: #182237;
--input-color: #eee;
--input-border-color: #555;
--input-focus-backround-color: #182237;
--input-focus-color: #eee;
--input-focus-border-color: #57719c;
--input-valid-border-color: #555;
--input-invalid-border-color: #c82749;
--input-placeholder-color: #999;
--input-readonly-backgound-color: #555;
--input-readonly-color: #aaa;
--input-checkbox-background-color: #c82749;
--input-checkbox-color: #c82749;
--input-checkbox-border-color: #ddd;
--input-checkbox-theme-background-color: #c82749;
--input-floating-color: #ddd;
--input-group-text-backgraound-color: #182237;
--input-group-text-color: #ddd;
--hr-color: #555;
--required-label-color: #c82749;
--intranet-anchor-background-color: none;
--intranet-anchor-color: #c82749;
}
html, body {
background: var(--body-background-color);
color: var(--body-color);
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
hr {
background: none;
height: 1px !important;
border-top: none !important;
border-bottom: 1px solid var(--hr-color);
opacity: 1;
}
img {
border: none;
}
strong {
font-weight: 700 !important;
}
a:hover, a:active, a:focus, a:link, a:visited {
text-decoration: none;
outline: none !important;
outline-style: none !important;
}
a:link, a:visited, a:focus {
background: var(--main-anchor-background-color);
color: var(--main-anchor-color);
font-weight: 400;
font-size: 1em;
outline: none !important;
box-shadow: none !important;
text-decoration: none;
border: none;
}
a:hover, a:active {
font-size: 1em;
text-decoration: underline;
opacity: 1 !important;
}
a:hover:active {
border: none !important;
}
a:active {
background-color: transparent !important;
border: trasparent !important;
}
blockquote {
margin-left: 10px;
padding: 10px;
font-style: italic;
border-left: 5px solid #ddd;
}
/* inputs */
select {
background-color: var(--input-background-color) !important;
color: var(--input-color) !important;
font-size: 1em !important;
font-weight: 500 !important;
height: auto !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
box-shadow: none !important;
border-radius: 30px !important;
border: 1px solid var(--input-border-color) !important;
}
select:focus {
font-weight: 600 !important;
outline: none;
outline: 2px solid var(--input-focus-border-color) !important;
}
select:invalid {
border: 2px solid var(--input-invalid-border-color) !important;
}
select:invalid:focus {
border: none !important;
}
.form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c82749' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
color: #2596be;
}
textarea {
background-color: var(--input-background-color) !important;
color: var(--input-color) !important;
font-size: 1em !important;
border-radius: 10px;
border: 1px solid var(--input-border-color) !important;
}
textarea:focus {
font-weight: 600 !important;
outline: none !important;
box-shadow: none !important;
outline: 2px solid var(--input-focus-border-color) !important;
}
textarea:invalid {
border: 2px solid var(--input-invalid-border-color) !important;
}
textarea:invalid:focus {
border: none !important;
}
textarea:required:valid {
border: 1px solid var(--input-valid-border-color) !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="date"], input[type="file"] {
background-color: var(--input-background-color);
color: var(--input-color);
font-size: 1em !important;
font-weight: 500;
height: auto !important;
padding: 10px 10px !important;
box-shadow: none !important;
border-radius: 10px;
border: 1px solid var(--input-border-color) !important;
}
input[type="color"] {
box-shadow: none !important;
border: none !important;
}
input[type="date"] {
border-radius: 30px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
background-image: url('data:image/svg+xml;utf8,');
opacity: 1;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
opacity: 1;
}
/* bez checkbox, radio kvuli edge a ff */
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="file"] {
background-color: var(--input-focus-backround-color) !important;
color: var(--input-focus-color) !important;
font-weight: 600 !important;
outline: 2px solid var(--input-focus-border-color);
}
input[type="text"]:read-only {
background-color: var(--input-readonly-backgound-color);
color: var(--input-readonly-color);
}
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: 1px 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, input[type="file"]:invalid {
border: 2px solid var(--input-invalid-border-color) !important;
}
input[type="text"]:invalid:focus, input[type="password"]:invalid:focus, input[type="email"]:invalid:focus, input[type="url"]:invalid:focus, input[type="number"]:invalid:focus, input[type="date"]:invalid:focus, input[type="file"]:invalid:focus {
border: none !important;
}
/* checkbox, radio */
input[type="checkbox"] {
width: 1em;
height: 1em;
border: 1px solid var(--input-checkbox-border-color) !important;
}
input[type='checkbox']:focus {
box-shadow: none;
}
input[type="radio"] {
width: 1em;
height: 1em;
}
.form-check-input:checked {
background-color: var(--input-checkbox-background-color) !important;
color: var(--input-checkbox-border-color) !important;
border-color: var(--input-checkbox-border-color);
}
::placeholder {
color: var(--input-placeholder-color) !important;
font-weight: 300;
font-size: 1em;
}
::-ms-input-placeholder {
color: var(--input-placeholder-color) !important;
font-weight: 200;
font-size: 1em;
}
/* dark theme inputs */
html.trewis-web-dark-theme {
input, select, textarea {
background-color: var(--input-background-color) !important;
color: var(--input-color) !important;
border-color: var(--input-border-color) !important;
}
input:invalid, select:invalid, textarea:invalid {
border: 2px solid var(--input-invalid-border-color);
}
input[type="checkbox"] {
border: 1px solid var(--input-checkbox-border-color) !important;
}
.form-check-input:checked {
background-color: var(--input-checkbox-background-color) !important;
color: var(--input-checkbox-color) !important;
border-color: var(--input-checkbox-border-color);
}
input[type="date"]::-webkit-calendar-picker-indicator {
background-image: url('data:image/svg+xml;utf8,');
}
.form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c82749' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
color: #2596be;
}
}
/* tables */
table {
background-color: var(--table-background-color) !important;
color: var(--table-color);
font-size: 1em;
font-weight: 400;
border: none !important;
}
table tr {
border: none !important;
}
table > thead > tr > th {
background-color: var(--table-thead-th-background-color) !important;
color: var(--table-thead-th-label-color) !important;
padding: 7px 2px !important;
font-weight: 500 !important;
font-size: 1em !important;
border: none !important;
border-bottom: 2px solid var(--table-thead-th-border-color) !important;
}
table > thead > tr > th > label {
color: var(--table-thead-th-label-color) !important;
font-weight: 500 !important;
font-size: 1em !important;
}
table > thead > tr > th a:link, table > thead > tr > th a:visited {
color: var(--table-thead-th-anchor-color);
font-weight: 500;
}
table > thead > tr > th a:hover {
text-decoration: underline;
}
table > tbody {
border: none !important;
}
table > tbody > tr > td {
background-color: var(--table-tbody-td-background-color) !important;
color: var(--table-tbody-td-color) !important;
padding: 10px 2px !important;
border: none !important;
border-bottom: 1px solid var(--table-tbody-td-border-color) !important;
}
table > tbody > tr > td.bold, table > tbody > tr > td .bold {
font-weight: 500 !important;
}
table > tfoot {
border: none !important;
}
table > tfoot > tr > td {
background-color: var(--table-tfoot-td-background-color) !important;
color: var(--table-tfoot-td-color) !important;
padding: 10px 2px !important;
border-top: none !important;
border-bottom: none !important;
}
table > tbody > tr > td a:link, table > tbody > tr > td a:visited {
color: var(--table-tbody-td-anchor-color);
font-weight: 400;
}
table > tbody > tr > td a:hover {
background-color: none;
text-decoration: underline;
border: none;
}
table a:hover {
background-color: none;
text-decoration: underline;
border: none;
}
table .table-main-link:link, table .table-main-link:visited {
color: var(--table-main-link-color) !important;
font-size: 1em !important;
font-weight: 600 !important;
text-decoration: none;
}
table .table-main-link:hover {
background-color: none;
text-decoration: underline;
border: none;
}
table > tbody > tr > td > a .bi {
font-size: 1em !important;
padding: 0;
margin: 0;
}
table > tbody > tr > td .bi {
font-size: 1em !important;
}
table > tbody > tr > td .bi-file-pdf {
color: var(--table-tbody-td-bi-pdf-color);
}
table > tbody > tr > td .bi-file-word {
color: var(--table-tbody-td-bi-word-color);
}
table > tbody > tr > td .bi-file-excel {
color: var(--table-tbody-td-bi-excel-color);
}
table > tbody > tr {
border-bottom: 1px solid var(--table-tbody-tr-border-color) !important;
}
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'] {
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
margin-top: 4px !important;
}
table .table-mezi {
background: none !important;
}
table .table-mezi:hover {
background: none !important;
}
table .table-mezi td {
color: var(--table-tbody-tr-mezi-color) !important;
padding: 20px 0 10px 0 !important;
font-size: 1.2em;
font-weight: 600;
text-transform: normal;
}
/* table bootstrap, striped */
.table-responsive {
padding: 0;
}
.table-striped > tbody > tr:nth-child(odd) {
background-color: var(--table-tbody-tr-odd-background-color);
}
.table-striped > tbody > tr:nth-child(even) {
background-color: var(--table-tbody-tr-even-background-color);
}
.table-hover > tbody > tr:hover > td {
--bs-table-hover-bg: none !important;
}
@media (max-width: 767px) {
table .table-main-link:link, table .table-main-link:visited {
font-size: 1em;
font-weight: 600 !important;
}
}
/* nastaveni primo v bootstrap css */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--table-tbody-td-odd-background-color);
--bs-table-striped-bg: none;
--bs-table-active-color: #000;
--bs-table-active-bg: none;
--bs-table-hover-color: none;
--bs-table-hover-bg: none;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #000;
--bs-table-striped-bg: var(--table-tbody-td-even-background-color);
--bs-table-active-color: blue;
--bs-table-active-bg: none;
--bs-table-hover-color: none;
--bs-table-hover-bg: none;
}
/* table - bootstrap */
/* pro tabulka v ck editor */
.tabulka {
margin: 10px 0;
}
.tabulka thead tr th {
font-weight: 500;
}
.tabulka > tbody > tr > td {
font-size: 1em;
font-weight: 400;
text-align: left;
border: 1px solid #ccc !important;
}
/* sections */
.content-section-a {
padding: 15px 0 15px 0;
}
.content-section-b {
background: #f6f6f6;
padding: 15px 0 15px 0;
}
.content-section-detail {
overflow: auto;
padding: 10px 0;
}
.content-section-main-doporucujeme {
background-color: var(--section-doporucujeme-background-color) !important;
margin: 0;
padding: 10px 0 !important;
}
.content-section-main-top {
background: var(--section-main-top-background-color);
margin: 0;
padding: 0 !important;
border: none;
}
.content-section-main-rozcestnik {
background-color: var(--section-rozcestnik-background-color);
padding: 0 !important;
}
.content-section-main-akce {
background-color: var(--section-akce-background-color);
margin: 0;
padding: 0 !important;
border: none;
}
.content-section-main-os {
background-color: var(--section-main-os-background-color);
}
.content-section-main-video {
background-color: var(--section-main-video-background-color);
margin: 0;
padding: 0;
border: none;
}
.content-section-main-benefit {
background-color: var(--section-benefit-background-color);
padding: 15px 0;
}
.content-section-main-nej {
padding: 0 0 15px 0;
}
.content-section-main-nastenka {
padding: 0;
}
.content-section-main-news {
padding: 0;
}
.content-section-main-form {
background: #f7f7f7;
padding: 15px 0 15px 0;
}
.content-section-main-message {
background-color: var(--section-message-background-color);
padding: 10px 0 !important;
margin: 0;
border: none
}
.content-section-main-marquee {
background-color: var(--section-marquee-background-color);
padding: 0 !important;
margin: 0;
border: none;
}
.content-section-main-reklama-slider {
background: var(--section-reklama-ts-background-color);
padding: 0;
margin: 0 auto;
border: none !important;
}
.content-section-main-reklama-tv {
background: none;
padding: 0;
border: none;
}
.content-section-main-reklama-t1 {
padding: 0;
border: none;
}
.content-section-main-reklama-t2 {
background: linear-gradient(to right bottom, var(--section-reklama-t-background-color1), var(--section-reklama-t-background-color2));
padding: 0;
border: none;
}
.content-section-main-reklama-r0 {
overflow: auto;
margin-top: 0;
padding: 0;
border: none;
}
.content-section-main-reklama-r1 {
overflow: auto;
margin-top: 20px;
padding: 0;
border: none;
}
.content-section-main-reklama-r2 {
overflow: auto;
margin-top: 20px;
padding: 0;
border: none;
}
.content-section-main-reklama-generuj {
background: var(--section-reklama-generuj-background-color);
padding: 10px 5px !important;
border: none;
}
.content-section-main-contact {
background: var(--section-main-contact-background-color);
padding: 20px 0 !important;
}
@media (max-width: 767px) {
.content-section-main-top {
padding: 0 !important;
border: none;
}
.content-section-main-doporucujeme {
padding: 0 !important;
}
}
/* sections */
/* reklama generuj */
#main_reklama_generuj {
background: var(--main-reklama-generuj-background-color);
color: var(--main-reklama-generuj-color);
text-align: center;
padding: 10px 0;
}
#main_reklama_generuj .item {
overflow: auto;
padding: 0;
text-align: left;
}
#main_reklama_generuj img {
padding: 0;
margin: 10px;
max-width: auto;
max-height: 80px;
height: auto;
border: none;
}
#main_reklama_generuj .head {
text-align: left;
}
/* reklama generuj */
/* reklama */
.reklama { /* text u clanku jako reklamni */
font-size: 10px;
font-style: italic;
text-align: right;
}
/* poradenstvi unios */
.reklama_poradenstvi_2024 {
width: 100%;
max-width: 300px;
height: auto;
margin-bottom: 5px;
border: none;
}
@media (max-width: 991px) {
.reklama_poradenstvi_2024 {
width: auto;
max-width: 200px;
margin: 10px;
float: left;
}
}
@media (max-width: 767px) {
.reklama_poradenstvi_2024 {
width: auto;
margin: 10px;
max-width: 180px;
float: left;
}
}
/* reklama - sekce */
.content-section-main-reklama-r0 .reklama-img {
width: 100%;
max-width: 300px;
height: auto;
margin-bottom: 5px;
border: none;
}
@media (max-width: 991px) {
.content-section-main-reklama-r0 .reklama-img {
width: auto;
margin: 5px;
max-width: 150px;
float: left;
border: none;
}
}
@media (max-width: 767px) {
.content-section-main-reklama-r0 .reklama-img {
width: auto;
margin: 5px;
max-width: 150px;
float: left;
border: none;
}
}
.content-section-main-reklama-r1 .reklama-img {
width: 100%;
max-width: 300px;
height: auto;
margin-bottom: 5px;
border: none;
}
@media (max-width: 991px) {
.content-section-main-reklama-r1 .reklama-img {
width: auto;
margin: 5px;
max-width: 150px;
float: left;
border: none;
}
}
@media (max-width: 767px) {
.content-section-main-reklama-r1 .reklama-img {
width: auto;
margin: 5px;
max-width: 150px;
float: left;
border: none;
}
}
.content-section-main-reklama-r2 .reklama-img {
width: 100%;
max-width: 300px;
height: auto;
margin-bottom: 5px;
border: none;
}
@media (max-width: 991px) {
.content-section-main-reklama-r2 .reklama-img {
width: auto;
margin: 5px;
max-width: 150px;
float: left;
border: none;
}
}
@media (max-width: 767px) {
.content-section-main-reklama-r2 .reklama-img {
width: auto;
margin: 5px;
max-width: 150px;
float: left;
}
}
/* wrapper - content */
#wrapper-content {
position: relative;
background: var(--wrapper-content-background-color);
color: var(--wrapper-content-color);
min-height: 100vh;
padding-left: 0;
padding-right: 0;
padding-top: 120px !important;
padding-bottom: 240px !important;
margin: 0 auto -240px !important;
border: none;
}
#wrapper-content:before, #wrapper-content:after {
display: table;
content: " ";
}
#wrapper-content:after {
clear: both;
}
/* wrapper - topmenu */
#wrapper-topmenu {
background: var(--wrapper-topmenu-background-color);
color: var(--wrapper-topmenu-color);
top: 0;
height: 70px !important;
line-height: 70px;
padding: 0 5px !important;
margin: 0 !important;
text-align: left !important;
font-size: 1em;
font-weight: 300;
box-shadow: none;
border: none;
}
#wrapper-topmenu .container-fluid {
padding: 0 !important;
margin: 0 auto !important;
height: 100%;
max-width: 1200px;
border: none;
}
#wrapper-topmenu .topmenu-logo {
padding: 0;
margin: 0;
border: none;
}
#wrapper-topmenu .topmenu-logo a {
text-decoration: none;
border: none;
}
#wrapper-topmenu .topmenu-logo a img {
background: none;
height: 55px;
margin: 0 10px 0 0;
padding: 5px 0;
border: none;
}
#wrapper-topmenu .topmenu-title {
color: var(--wrapper-topmenu-title-color);
text-transform: normal;
font-size: 1.1em;
font-weight: 400;
text-transform: normal;
}
#wrapper-topmenu .topmenu-subtitle {
color: var(--wrapper-topmenu-title-color);
font-size: 0.8em;
font-weight: 400;
text-transform: normal;
}
#wrapper-topmenu .topmenu-pocet {
color: var(--wrapper-topmenu-pocet-color);
margin-left: 10px;
font-size: 1.1em;
font-weight: 600;
}
#wrapper-topmenu .topmenu-trewis-zo {
color: var(--wrapper-topmenu-trewiszo-color) !important;
margin-left: 0;
font-size: 1em;
font-weight: 500 !important;
text-decoration: none;
}
#wrapper-topmenu .topmenu-trewis-zo:hover {
text-decoration: none;
}
#wrapper-topmenu .topmenu-trewis-zo .bi {
color: var(--wrapper-topmenu-trewiszo-color);
margin-right: 5px;
}
#wrapper-topmenu .topmenu-phone {
color: var(--wrapper-topmenu-phone-color) !important;
margin-left: 20px;
font-size: 1em;
font-weight: 500 !important;
}
#wrapper-topmenu .topmenu-phone:hover {
text-decoration: none;
}
#wrapper-topmenu .topmenu-phone .bi {
color: var(--wrapper-topmenu-bi-color);
padding: 4px 6px;
margin-right: 5px;
border-radius: 3px;
}
#wrapper-topmenu .topmenu-email {
color: var(--wrapper-topmenu-email-color) !important;
margin-left: 20px;
font-size: 1em;
font-weight: 500 !important;
}
#wrapper-topmenu .topmenu-email:hover {
background: none;
text-decoration: underline;
border: none;
}
#wrapper-topmenu .topmenu-email .bi {
color: var(--wrapper-topmenu-bi-color);
padding: 4px 6px;
margin-right: 5px;
border-radius: 3px;
}
#wrapper-topmenu .topmenu-dotaz {
color: var(--wrapper-topmenu-dotaz-color) !important;
margin-left: 20px;
font-size: 1em;
}
#wrapper-topmenu .topmenu-dotaz .bi {
color: var(--wrapper-topmenu-bi-color);
margin-right: 5px;
}
#wrapper-topmenu .topmenu-ds {
color: var(--wrapper-topmenu-ds-color) !important;
margin-left: 20px;
font-size: 1em;
font-weight: 600;
}
#wrapper-topmenu .topmenu-ds-text {
margin-right: 5px;
font-weight: 300;
}
#wrapper-topmenu .topmenu-ico {
color: var(--wrapper-topmenu-ico-color) !important;
margin-left: 20px;
font-size: 1em;
font-weight: 600;
}
#wrapper-topmenu .topmenu-ico-text {
margin-right: 5px;
font-weight: 300;
}
#wrapper-topmenu .topmenu-intranet-info {
color: var(--wrapper-topmenu-intranet-color);
font-weight: 600;
}
#wrapper-topmenu a:link, #wrapper-topmenu a:visited, #wrapper-topmenu a:focus {
color: var(--wrapper-topmenu-anchor-color);
font-weight: 600;
text-decoration: none;
}
#wrapper-topmenu a:hover {
text-decoration: underline;
}
#wrapper-topmenu .topmenu-prihlasen {
color: var(--wrapper-topmenu-prihlasen-color) !important;
}
/* topmenu intranet */
#wrapper-topmenu.topmenu-intranet {
background-color: var(--wrapper-topmenu-intranet-background-color) !important;
}
#wrapper-topmenu.topmenu-intranet a:link, .topmenu-intranet a:visited, .topmenu-intranet a:focus {
color: var(--wrapper-topmenu-intranet-anchor-color) !important;
}
#wrapper-topmenu.topmenu-intranet .topmenu-title {
color: var(--wrapper-topmenu-intranet-title-color) !important;
}
#wrapper-topmenu.topmenu-intranet .topmenu-subtitle {
color: var(--wrapper-topmenu-intranet-title-color) !important;
}
#wrapper-topmenu.topmenu-intranet .topmenu-prihlasen {
color: var(--wrapper-topmenu-intranet-prihlasen-color) !important;
}
#wrapper-topmenu.topmenu-intranet .topmenu-pocet {
color: var(--wrapper-topmenu-intranet-pocet-color) !important;
}
#wrapper-topmenu.topmenu-intranet a.topmenu-phone {
color: var(--wrapper-topmenu-intranet-phone-color) !important;
}
#wrapper-topmenu.topmenu-intranet a.topmenu-phone .bi {
color: var(--wrapper-topmenu-intranet-bi-color) !important;
}
#wrapper-topmenu.topmenu-intranet a.topmenu-email {
color: var(--wrapper-topmenu-intranet-email-color) !important;
}
#wrapper-topmenu.topmenu-intranet a.topmenu-email .bi {
color: var(--wrapper-topmenu-intranet-bi-color) !important;
}
/* wrapper - footer */
#wrapper-footer {
position: relative;
background: var(--wrapper-footer-background-color);
color: var(--wrapper-footer-color);
padding: 0;
margin: 0;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 1em;
font-weight: 300;
}
#wrapper-footer a:link, #wrapper-footer a:visited, #wrapper-footer a:focus {
color: var(--wrapper-footer-anchor-color);
font-weight: 500;
text-decoration: none;
}
#wrapper-footer a:hover {
background: none;
color: var(--wrapper-footer-anchor-color-hover);
text-decoration: underline;
border: none;
}
/* wrapper - footer-info */
#wrapper-footer-info {
position: relative;
background: var(--wrapper-footer-info-background-color);
color: var(--wrapper-footer-info-color);
width: 100%;
min-height: 200px;
text-align: left;
margin: 0;
padding: 20px 0;
border: none;
border-bottom: 2px solid var(--wrapper-footer-info-border-color);
}
#wrapper-footer-info .container-fluid {
max-width: 1200px;
}
#wrapper-footer-info .footer-info-title {
color: var(--wrapper-footer-info-title-color);
font-weight: 600;
font-size: 1.1em;
padding: 0;
margin-bottom: 5px;
}
#wrapper-footer-info .bi {
color: var(--wrapper-footer-info-bi-color);
margin-right: 5px;
}
/* wrapper - mainmenu */
#wrapper-mainmenu {
background: var(--wrapper-mainmenu-background-color) !important;
color: var(--wrapper-mainmenu-color) !important;
top: 70px;
height: 50px !important;
line-height: 50px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 1em;
border: none;
}
#wrapper-mainmenu .container-fluid {
padding: 0 !important;
margin: 0 auto !important;
max-width: 1200px;
text-align: left;
border: none;
}
#wrapper-mainmenu .navbar-logo {
display: none;
font-size: 1em;
margin: 0;
padding: 0;
height: 44px;
line-height: 44px;
border: none;
}
#wrapper-mainmenu .navbar-logo a {
border: none;
}
#wrapper-mainmenu .navbar-logo a img {
background: var(--wrapper-mainmenu-logo-background-color);
height: 40px;
margin: 0 5px;
padding: 0;
border: none;
}
#wrapper-mainmenu .navbar-brand {
font-size: 1em;
margin: 0 10px 0 0 !important;
padding: 0 !important;
height: 50px;
line-height: 50px;
box-shadow: none !important;
border: none;
}
#wrapper-mainmenu .navbar-home {
margin: 0 5px;
padding: 5px;
border: none;
}
#wrapper-mainmenu .navbar-home a {
text-decoration: none !important;
outline: 0;
border: none;
}
#wrapper-mainmenu .navbar-home a .bi {
color: var(--wrapper-mainmenu-home-color);
font-size: 1.6em;
border: none;
}
#wrapper-mainmenu .navbar-phone {
color: var(--wrapper-mainmenu-phone-color);
font-size: 1.4em;
font-weight: 600;
text-decoration: none !important;
border: none;
}
#wrapper-mainmenu .navbar-brand .navbar-icon:link, #wrapper-mainmenu .navbar-brand .navbar-icon:visited, #wrapper-mainmenu .navbar-brand .navbar-icon:focus {
background-color: var(--wrapper-mainmenu-sidemenu-background-color);
color: var(--wrapper-mainmenu-sidemenu-color);
padding: 0 !important;
margin: 0 auto !important;
font-size: 1.2em;
text-align: center;
box-shadow: none !important;
border: none;
}
#wrapper-mainmenu .navbar-brand .bi {
background: var(--wrapper-mainmenu-sidemenu-bi-background-color);
color: var(--wrapper-mainmenu-sidemenu-bi-color);
font-size: 1.8em;
padding: 3px 5px !important;
border-radius: 5px !important;
border: none;
/*border: 1px solid var(--wrapper-mainmenu-sidemenu-bi-color);*/
}
#wrapper-mainmenu .navbar-brand .navbar-icon:hover .bi {
background: var(--wrapper-mainmenu-sidemenu-bi-background-color-hover);
color: var(--wrapper-mainmenu-sidemenu-bi-color-hover);
}
#wrapper-mainmenu .navbar-brand a:link, #wrapper-mainmenu .navbar-brand a:visited {
padding: 0 10px;
margin: 0;
text-transform: none;
font-size: 1em;
font-weight: 600;
}
#wrapper-mainmenu .navbar-title-os {
display: block;
background: var(--wrapper-mainmenu-titleos-background-color) !important;
color: var(--wrapper-mainmenu-titleos-color);
padding: 0 10px;
margin: 0;
text-transform: normal;
font-size: 1em;
font-weight: 400;
border: none;
}
#wrapper-mainmenu .navbar-email {
display: block;
background: var(--wrapper-mainmenu-email-background-color) !important;
color: var(--wrapper-mainmenu-email-color) !important;
padding: 0 10px;
margin: 0;
text-transform: none;
font-size: 1em;
font-weight: 400;
border: none;
}
#wrapper-mainmenu .navbar-prihlasen {
color: var(--wrapper-mainmenu-prihlasen-color);
padding: 5px;
margin: 0;
text-transform: none;
text-decoration: none;
font-size: 1em;
font-weight: 600;
border-radius: 0;
border: none;
}
#wrapper-mainmenu .navbar-nav {
margin: 0 auto !important;
padding: 0 !important;
border: none;
}
#wrapper-mainmenu .navbar-nav > li > a:link, #wrapper-mainmenu .navbar-nav > li > a:visited, #wrapper-mainmenu .navbar-nav > li > a:focus {
display: block;
background: var(--wrapper-mainmenu-anchor-background-color);
color: var(--wrapper-mainmenu-anchor-color);
padding: 0 5px;
margin: 0 2px;
height: 50px;
line-height: 50px;
text-transform: normal;
font-size: 1.1em !important;
font-weight: 600 !important;
border: none;
transition: none;
}
#wrapper-mainmenu .navbar-nav > li > a:hover, #wrapper-mainmenu .navbar-nav > li > a:focus {
color: var(--wrapper-mainmenu-anchor-color-hover);
text-decoration: none;
border-bottom: 2px solid var(--wrapper-mainmenu-anchor-border-color-hover);
}
/* korekce, schvalovani */
#wrapper-mainmenu .navbar-nav .my-rozpracovano, #wrapper-mainmenu .navbar-nav .my-odbornakorekce,
#wrapper-mainmenu .navbar-nav .my-korekce, #wrapper-mainmenu .navbar-nav .my-publikovano {
padding: 0 !important;
font-size: 1em;
}
#wrapper-mainmenu .navbar-nav .my-rozpracovano a:link, #wrapper-mainmenu .navbar-nav .my-rozpracovano a:visited {
background-color: rgba(39,39,39,1);
color: #fff;
padding: 0 10px;
margin: 0;
margin-left: 10px;
font-weight: 500 !important;
}
#wrapper-mainmenu .navbar-nav .my-rozpracovano a:hover {
text-decoration: underline !important;
}
#wrapper-mainmenu .navbar-nav .my-odbornakorekce a:link, #wrapper-mainmenu .navbar-nav .my-odbornakorekce a:visited {
background-color: rgba(200,39,73,1);
color: #fff;
padding: 0 10px;
margin: 0;
font-weight: 500 !important;
}
#wrapper-mainmenu .navbar-nav .my-odbornakorekce a:hover {
text-decoration: underline !important;
}
#wrapper-mainmenu .navbar-nav .my-korekce a:link, #wrapper-mainmenu .navbar-nav .my-korekce a:visited {
background-color: rgba(122,73,165,1);
color: #fff;
padding: 0 10px;
margin: 0;
font-weight: 500 !important;
}
#wrapper-mainmenu .navbar-nav .my-korekce a:hover {
text-decoration: underline !important;
}
#wrapper-mainmenu .navbar-nav .my-publikovano a:link, #wrapper-mainmenu .navbar-nav .my-publikovano a:visited {
background-color: rgba(73,116,165,1);
color: #fff;
padding: 0 10px;
margin: 0;
font-weight: 500 !important;
}
#wrapper-mainmenu .navbar-nav .my-publikovano a:hover {
text-decoration: underline !important;
}
/* dropdown */
#wrapper-mainmenu ul.navbar-nav > li.dropdown {
position: static !important;
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu {
background: var(--wrapper-dropdownmenu-background-color);
color: var(--wrapper-dropdownmenu-color);
left: auto;
margin: -3px auto 0 -20px;
padding: 20px 30px;
font-size: 1em !important;
line-height: 1.2em;
/*width: max-content;*/
min-width: 300px;
border-radius: 0;
box-shadow: 0 0 20px var(--wrapper-dropdownmenu-shadow-color);
border: 1px solid var(--wrapper-dropdownmenu-border-color);
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu:before {
left: 45px;
top: -16px;
border: 8px solid #0000;
border-bottom: 8px solid var(--wrapper-dropdownmenu-border-color);
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu:after {
left: 46px;
top: -14px;
border: 7px solid #0000;
border-bottom: 7px solid var(--wrapper-dropdownmenu-background-color);
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu:before, #wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu:after {
content: "";
position: absolute;
display: inline-block;
right: auto;
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu .bi {
color: var(--wrapper-dropdownmenu-bi-color) !important;
margin-right: 10px;
font-size: 1.2em !important;
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-item:hover .bi {
color: var(--wrapper-dropdownmenu-bi-color-hover) !important;
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu .subtitle {
color: var(--wrapper-dropdownmenu-subtitle-color);
font-size: 1.1em;
font-weight: 600;
}
#wrapper-mainmenu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-item {
padding: 8px;
}
@media(min-width: 576px) {
.dropdown-menu {
animation: 0.5s slidedropdown;
}
@keyframes slidedropdown {
0% {opacity: 0;}
100% {opacity: 1;}
from {transform: translateY(-10px);}
to {transform: translateY(0);}
}
}
#wrapper-mainmenu ul.navbar-nav > li > .dropdown-menu a:link,
#wrapper-mainmenu ul.navbar-nav > li > .dropdown-menu a:visited,
#wrapper-mainmenu ul.navbar-nav > li > .dropdown-menu a:visited {
color: var(--wrapper-dropdownmenu-anchor-color) !important;
padding: 8px 10px;
line-height: normal;
text-transform: normal;
text-decoration: none;
font-size: 1.1em !important;
font-weight: 600;
border: none;
}
#wrapper-mainmenu ul.navbar-nav > li > .dropdown-menu a:hover {
background: var(--wrapper-dropdownmenu-anchor-background-color-hover) !important;
color: var(--wrapper-dropdownmenu-anchor-color-hover) !important;
text-decoration: underline;
border: none;
}
#wrapper-mainmenu .dropdown-menu .dropdown-divider {
border-top: none;
border-bottom: 1px solid var(--wrapper-dropdownmenu-divider-color);
}
#wrapper-mainmenu .dropdown-menu .bi {
font-size: 0.9em;
margin-right: 5px;
}
/* wrapper - leftmenu */
#wrapper-leftmenu {
overflow: none;
background: var(--wrapper-leftmenu-background-color);
color: var(--wrapper-leftmenu-color);
width: 500px;
}
#wrapper-leftmenu:hover {
overflow: auto;
}
#wrapper-leftmenu .offcanvas-header {
height: 50px;
line-height: 50px;
min-height: 50px;
text-align: right;
vertical-align: middle;
padding: 0 30px;
font-size: 1em;
border: none;
border-bottom: 1px solid var(--wrapper-leftmenu-heading-border-color);
}
#wrapper-leftmenu .offcanvas-header .offcanvas-header-title {
color: var(--wrapper-leftmenu-title-color);
font-size: 1.4em;
font-weight: 600 !important;
}
#wrapper-leftmenu .offcanvas-header a {
border: none;
}
#wrapper-leftmenu .offcanvas-header a .bi {
display: block;
color: var(--wrapper-leftmenu-title-color);
font-size: 1.6em;
}
#wrapper-leftmenu .offcanvas-body {
padding: 5px;
}
#wrapper-leftmenu #theme-switcher-container { /* theme switch */
background-color: none;
padding: 10px 0;
margin-bottom: 20px;
text-align: center;
border-top: 1px solid var(--wrapper-leftmenu-theme-border-color);
border-bottom: 1px solid var(--wrapper-leftmenu-theme-border-color);
}
#wrapper-leftmenu #theme-switcher-container .form-check-inline {
margin-left: 15px;
margin-right: 35px;
}
#wrapper-leftmenu #theme-switcher-container input[type="radio"] {
width: 1em;
height: 1em;
margin-top: 6px;
border: 1px solid var(--input-checkbox-border-color) !important;
}
#wrapper-leftmenu #theme-switcher-container input[type="radio"]:checked {
background-color: var(--input-checkbox-theme-background-color) !important;
width: 1em;
height: 1em;
border: 1px solid var(--input-checkbox-theme-background-color) !important;
}
#wrapper-leftmenu #theme-switcher-container input[type="radio"]:checked ~ label .bi {
color: var(--input-checkbox-theme-background-color);
}
#wrapper-leftmenu #theme-switcher-container .bi {
color: var(--wrapper-leftmenu-anchor-bi-theme-color);
margin-left: 5px;
font-size: 1.2em;
}
@media (max-width: 767px) {
#wrapper-leftmenu #theme-switcher-container input[type="radio"] {
margin-top: 5px;
}
#wrapper-leftmenu #theme-switcher-container .bi {
font-size: 1em;
}
}
#wrapper-leftmenu .offcanvas-body::-webkit-scrollbar { /* ostatni prohlizece */
width: 3px;
}
#wrapper-leftmenu .offcanvas-body::-webkit-scrollbar-track {
background: var(--wrapper-leftmenu-scrollbar-track-color);
}
#wrapper-leftmenu .offcanvas-body::-webkit-scrollbar-thumb {
background-color: var(--wrapper-leftmenu-scrollbar-thumb-color);
border-radius: 2px;
border: none;
}
#wrapper-leftmenu .offcanvas-body ul {
padding: 0;
list-style-type: none;
border: none;
}
#wrapper-leftmenu .offcanvas-body ul li {
padding: 0;
}
#wrapper-leftmenu .offcanvas-body ul li a:link, #wrapper-leftmenu .offcanvas-body ul li a:visited {
display: block;
color: var(--wrapper-leftmenu-anchor-color);
padding: 8px 10px;
font-size: 1.2em !important;
font-weight: 600;
text-transform: normal;
text-decoration: none;
border-radius: 0 5px 5px 0;
border: none;
}
#wrapper-leftmenu .offcanvas-body ul li a:hover {
background: var(--wrapper-leftmenu-anchor-background-color-hover) !important;
}
#wrapper-leftmenu .offcanvas-body ul li a .bi {
background: var(--wrapper-leftmenu-anchor-bi-background-color);
color: var(--wrapper-leftmenu-anchor-bi-color);
font-size: 1em;
padding: 3px;
margin-right: 15px;
border-radius: 0;
}
#wrapper-leftmenu .offcanvas-body ul li hr {
margin: 2px 0;
border-bottom: 10px solid var(--wrapper-leftmenu-hr-color);
}
#wrapper-leftmenu .leftmenu-ostatni {
background: var(--wrapper-leftmenu-ostatni-background-color);
padding: 20px 0;
}
#wrapper-leftmenu .leftmenu-ostatni .leftmenu-ostatni-title {
font-size: 1em;
padding-left: 70px;
}
/* wrapper - footermenu */
#wrapper-footermenu {
display: none;
overflow: none;
position: fixed;
background: var(--wrapper-footermenu-background-color);
color: var(--wrapper-footermenu-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;
/*border-top: 1px solid var(--wrapper-footermenu-border-color);*/
z-index: 100;
}
#wrapper-footermenu a:link, #wrapper-footermenu a:visited {
position: relative;
display: inline-block;
background: 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.7em !important;
text-transform: lowercase;
border: none;
}
#wrapper-footermenu a .bi {
position: absolute;
color: var(--wrapper-footermenu-bi-color);
left: 0;
right: 0;
bottom: 32px;
font-size: 16px;
border: none;
}
#wrapper-footermenu a .bi.bi-main {
position: relative;
background: var(--wrapper-footermenu-bi-main-background-color);
color: var(--wrapper-footermenu-bi-main-color);
top: -15px;
font-size: 14px;
padding: 7px 10px;
border-radius: 20px;
}
#wrapper-footermenu a .text {
position: absolute;
color: var(--wrapper-footermenu-anchor-text-color);
left: 0;
right: 0;
bottom: 15px;
}
#wrapper-footermenu a:hover {
background: var(--wrapper-footermenu-anchor-background-color-hover) !important;
color: var(--wrapper-footermenu-anchor-color-hover);
}
#wrapper-footermenu a:hover .text {
color: var(--wrapper-footermenu-anchor-text-color-hover);
}
#wrapper-footermenu a:hover .bi {
color: var(--wrapper-footermenu-bi-color-hover);
}
#wrapper-footermenu a:hover .bi.bi-main {
background: var(--wrapper-footermenu-bi-main-background-color-hover);
color: var(--wrapper-footermenu-bi-main-color-hover);
}
/* wrappers ---------------------------------- 991 */
@media (max-width: 991px) {
#wrapper-topmenu .topmenu-title, #wrapper-topmenu .topmenu-pocet {
display: none;
}
#wrapper-mainmenu {
position: fixed;
height: 51px !important;
line-height: 51px !important;
top: 50 !important;
left: 0;
right: 0;
margin-top: 0 !important;
padding: 0 !important;
font-size: 1em;
width: 100%;
box-shadow: none !important;
opacity: 1;
}
#wrapper-mainmenu .navbar-logo {
height: 44px;
line-height: 44px;
}
#wrapper-mainmenu .navbar-logo a img {
height: 40px;
}
#wrapper-mainmenu .navbar-brand {
height: 50px;
line-height: 50px;
}
#wrapper-mainmenu .navbar-nav > li > a:link, #wrapper-mainmenu .navbar-nav > li > a:visited {
height: 50px;
padding: 0 5px;
}
#wrapper-content {
padding-top: 110px !important;
padding-bottom: 70px !important;
margin: 0 auto -40px !important;
}
#wrapper-footer-info {
display: none;
}
#wrapper-leftmenu .offcanvas-header {
height: 50px;
line-height: 50px;
min-height: 50px;
}
}
/* wrappers ------------------------------------- 767 */
@media (max-width: 767px) {
#wrapper-topmenu {
display: none;
}
#wrapper-mainmenu {
position: fixed;
width: 100%;
height: 51px !important;
line-height: 51px !important;
top: 0 !important;
left: 0;
right: 0;
margin-top: 0 !important;
font-size: 0.8em;
box-shadow: none;
opacity: 1;
}
#wrapper-mainmenu .navbar-home {
display: none;
}
#wrapper-mainmenu .navbar-logo {
display: inline;
}
#wrapper-mainmenu .navbar-logo img {
height: 36px !important;
}
#wrapper-mainmenu .navbar-brand {
height: 50px;
line-height: 50px;
}
#wrapper-mainmenu .navbar-brand .bi {
font-size: 2em;
border: none;
}
#wrapper-footer-info {
display: none;
}
#wrapper-footer {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
#wrapper-content {
padding-top: 50px !important;
padding-bottom: 70px !important;
margin: 0 auto 0 !important;
border: none;
}
#wrapper-leftmenu .offcanvas-header {
height: 60px;
line-height: 60px;
min-height: 60px;
}
#wrapper-leftmenu .offcanvas-body .form-check-label {
font-size: 1.1em;
}
#wrapper-leftmenu .offcanvas-body ul li a:link, #wrapper-leftmenu .offcanvas-body ul li a:visited {
font-size: 1.2em !important;
font-weight: 600;
}
}
/* wrappers ------------------------------------- 575 */
@media(max-width: 575px) {
#wrapper-footermenu a:link, #wrapper-footermenu a:visited {
font-size: 0.65em;
}
#wrapper-leftmenu {
width: 100%;
}
}
/* carousel */
#myCarousel {
background: none;
position: relative;
width: 100%;
height: 450px;
margin: 0 auto;
padding: 0;
border: none;
}
#myCarousel .carousel-inner {
background: none !important;
height: 100% !important;
width: 100% !important;
min-height: 100% !important;
min-width: 100% !important;
padding: 0;
margin: 0;
}
#myCarousel .carousel-item {
background: none;
height: 100%;
width: 100%;
min-height: 100% !important;
min-width: 100% !important;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll !important;
border: none;
}
#myCarousel .carousel-caption-container {
position: absolute;
background: linear-gradient(to right, rgba(32,66,138,0), rgba(32,66,138,0.4), rgba(32,66,138,0.4), rgba(32,66,138,0));
color: #fff;
left: 20px;
right: 20px;
bottom: 50px;
height: auto;
max-width: 1200px;
margin: 0 auto !important;
padding: 20px 0;
font-size: 1em;
border-radius: 0px;
border: none;
}
#myCarousel .carousel-caption-container-intro {
position: absolute;
background: linear-gradient(to right, rgba(32,66,138,0), rgba(32,66,138,0.4), rgba(32,66,138,0.4), rgba(32,66,138,0));
left: 20px;
right: 20px;
bottom: 50px;
height: auto;
max-width: 1200px;
margin: 0 auto !important;
padding: 20px 0;
font-size: 1em;
border-radius: 0;
border: none;
}
#myCarousel .carousel-caption-container-intro .carousel-btn {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin-bottom: 10px;
border: none;
}
#myCarousel .carousel-caption {
position: relative;
padding: 10px;
left: 0;
right: 0;
bottom: 0;
height: auto;
text-align: center !important;
border: none;
}
#myCarousel .carousel-caption a:link, #myCarousel .carousel-caption a:visited {
background: none;
color: var(--myCarousel-title-color);
font-size: 2em;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
text-shadow: 1px 1px 3px var(--myCarousel-title-shadow-color);
box-shadow: none;
border: none;
}
#myCarousel .carousel-caption .carousel-caption-bold {
color: var(--myCarousel-title-bold-color);
}
#myCarousel .carousel-caption a:hover {
text-decoration: underline;
}
#myCarousel .carousel-video-youtube {
background: #000;
height: 100%;
width: 100%;
padding: 0 60px;
margin: 0;
border: none;
}
#myCarousel .carousel-video {
background: #000;
height: 100%;
width: 100%;
padding: 0 60px;
margin: 0;
border: none;
}
#myCarousel .carousel-indicators {
background: rgba(32,66,138,0.4);
margin: 10px auto;
padding: 10px 20px;
max-width: 120px;
min-width: 20px;
border-radius: 20px;
}
#myCarousel .carousel-indicators button {
background-color: #fff;
height: 3px;
width: 20px;
border-radius: 0 !important;
border: none;
opacity: 1;
}
#myCarousel .carousel-indicators button.active {
background-color: #c82749;
}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next {
background: none;
width: 60px;
opacity: 1;
}
#myCarousel .carousel-control-prev .carousel-control-prev-icon, #myCarousel .carousel-control-next .carousel-control-next-icon {
background: rgba(32,66,138,0.4);
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 5px;
}
#myCarousel .carousel-control-prev .carousel-control-prev-icon .bi, #myCarousel .carousel-control-next .carousel-control-next-icon .bi {
color: #fff;
font-size: 1.5em;
border: none;
}
@media(min-width: 1200px) {
#myCarousel {
height: 450px;
}
#myCarousel .carousel-caption a:link, #myCarousel .carousel-caption a:visited {
font-size: 2em !important;
}
}
@media(min-width: 1600px) {
#myCarousel {
height: 500px;
}
#myCarousel .carousel-caption a:link, #myCarousel .carousel-caption a:visited {
font-size: 2em !important;
}
}
@media(max-width: 767px) {
#myCarousel {
height: 450px;
}
#myCarousel .carousel-caption-container, #myCarousel .carousel-caption-container-intro {
background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
left: 20px;
right: 20px;
bottom: 40px;
}
#myCarousel .carousel-caption {
left: 0;
width: 100% !important;
margin: 0 !important;
padding: 10px;
border: none;
}
#myCarousel .carousel-caption a:link, #myCarousel .carousel-caption a:visited {
font-size: 1.6em !important;
line-height: 1.4;
}
#myCarousel .carousel-caption a:hover {
text-decoration: none;
}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next {
display: none;
}
#myCarousel .carousel-indicators {
display: none;
}
#myCarousel .carousel-video {
width: auto;
padding: 0;
}
#myCarousel .carousel-video-youtube {
padding: 0;
}
}
/* messagecarousel */
#messageCarousel {
position: relative;
background: none;
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
padding: 0 10px;
border: none;
}
#messageCarousel .carousel-inner, #messageCarousel .carousel-item {
height: 100%;
border: none;
}
#messageCarousel .fill {
position: relative;
width: 100%;
height: 100%;
padding: 20px 0 60px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border: none;
}
#messageCarousel .carousel-caption {
position: relative;
background: none;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
bottom: 0;
height: auto;
min-height: auto;
width: 100%;
text-align: center;
border: none;
}
#messageCarousel .carousel-caption .bi {
color: var(--messageCarousel-bi-color);
font-size: 1.1em;
margin-right: 10px;
}
#messageCarousel .carousel-caption a:link, #messageCarousel .carousel-caption a:visited {
background: none;
color: var(--messageCarousel-title-color);
font-size: 1.3em;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
text-shadow: none;
box-shadow: none;
border: none;
}
#messageCarousel .carousel-caption a:hover, #messageCarousel .carousel-caption a:focus, #messageCarousel .carousel-caption a:active {
text-decoration: underline;
}
#messageCarousel .carousel-indicators {
background-color: rgba(32,66,138,0.1);
margin: 20px auto;
padding: 10px 20px;
max-width: 120px;
min-width: 20px;
border-radius: 20px;
}
#messageCarousel .carousel-indicators button {
background-color: #aaa;
height: 3px;
width: 20px;
border-radius: 0 !important;
border: none;
opacity: 1;
}
#messageCarousel .carousel-indicators button.active {
background-color: #c82749;
}
#messageCarousel .carousel-control-prev .carousel-control-prev-icon {
background: none;
}
#messageCarousel .carousel-control-next .carousel-control-next-icon {
background: none;
}
@media(min-width: 1200px) {
#messageCarousel .carousel-caption a:link,
#messageCarousel .carousel-caption a:visited {
font-size: 1.3em;
font-weight: 600;
}
}
@media(min-width: 1900px) {
#messageCarousel .carousel-caption a:link,
#messageCarousel .carousel-caption a:visited {
font-size: 1.4em;
font-weight: 600;
}
}
@media(max-width: 767px) {
#messageCarousel {
height: auto;
max-height: none;
}
#messageCarousel .carousel-caption a:link,
#messageCarousel .carousel-caption a:visited {
font-size: 1.2em;
font-weight: 600;
}
#messageCarousel .fill {
padding: 20px 20px 60px 20px;
}
}
/* universalni page */
#main_page {
background: var(--main-page-background-color);
color: var(--main-page-color);
width: 100% !important;
max-width: 1200px;
padding: 0 10px 20px 10px;
margin: 0 auto;
border: none;
}
@media(max-width: 991px) {
#main_page {
padding: 5px 0 5px 5px;
}
}
/* uvod obrazovka */
.main_container {
width: 100% !important;
max-width: 1200px;
margin: 0 auto;
padding: 0 10px;
border: none;
}
@media(max-width: 991px) {
.main_container {
max-width: auto;
padding: 5px 10px !important;
}
}
/* setup */
#main_setup {
width: 100% !important;
margin: 5px auto 50px auto;
padding: 20px;
border: none;
}
#main_setup .main_setup_icon {
display: inline-block;
background: rgba(245,38,31,0.4);
padding: 0;
margin: 0 10px 0 0;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
vertical-align: middle;
border-radius: 5px;
border: none;
}
#main_setup .main_setup_icon i {
color: #000;
font-size: 1em;
}
#main_setup ul {
list-style-type: square;
list-style-position: outside;
margin: 0;
padding: 0 20px;
border: none;
}
#main_setup ul li::marker {
/*color: #c82749;*/
font-size: 1.2em;
}
#main_setup ul li a:link, #main_setup ul li a:visited {
display: block;
/*color: #c82749;*/
font-size: 1em;
font-weight: 500;
text-decoration: none;
text-transform: normal;
}
#main_setup ul li a:hover {
text-decoration: underline;
}
@media(max-width: 991px) {
#main_setup {
max-width: auto;
padding: 5px 10px;
border: none;
}
}
/* partner */
#main_partner {
position: relative;
text-align: center;
padding: 50px 15px;
}
#main_partner a.partner img {
max-width: 90px;
max-height: 60px;
}
.main_partner_rozpis {
overflow: auto;
}
.main_partner_rozpis .main_partner_rozpis_item {
height: 150px;
line-height: 150px;
margin-bottom: 10px;
vertical-align: middle;
text-align: center;
}
.main_partner_rozpis a img {
max-width: 120px;
max-height: 120px;
}
.main_partner_rozpis a img:hover {
max-width: 120px;
max-height: 120px;
}
/* main benefit - uvod */
#main_benefit {
padding: 0;
width: 100%;
border: none;
}
/* benefity */
#main_benefit_list {
background: var(--main-benefit-background-color);
color: var(--main-benefit-color);
padding: 0;
margin: 0;
border: none;
}
#main_benefit_list .item {
text-align: left !important;
float: none !important;
padding: 0;
margin: 0;
border: none;
border-bottom: 1px solid var(--main-benefit-item-border-color);
}
#main_benefit_list .item-a {
background-color: var(--main-benefit-item-a-background-color);
color: var(--main-benefit-item-a-color);
}
#main_benefit_list .item-b {
background-color: var(--main-benefit-item-b-background-color);
color: var(--main-benefit-item-b-color);
}
#main_benefit_list .item .content {
padding: 30px 20px 10px 20px;
border: none;
}
#main_benefit_list .item .title_link:link, #main_benefit_list .item .title_link:visited, #main_benefit_list .item .title_link:focus {
color: var(--main-benefit-anchor-title-color);
font-size: 1.2em !important;
font-weight: 600;
line-height: 1.3;
text-transform: normal;
text-decoration: none;
}
#main_benefit_list .item .title_link:hover {
text-decoration: underline;
border: none;
}
#main_benefit_list .item .text {
overflow: auto;
padding: 10px 0;
font-size: 1em !important;
font-weight: 400;
line-height: 1.6;
text-transform: normal;
letter-spacing: 0;
border: none;
}
#main_benefit_list .item .photo {
height: 400px;
background-position: left top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border: none;
}
@media (max-width: 991px) {
#main_benefit_list .item .photo {
height: 350px;
}
}
@media (max-width: 767px) {
#main_benefit_list .item {
padding: 10px 0;
border-bottom: 1px solid var(--main-benefit-item-border-color);
}
#main_benefit_list .item .content {
padding: 0 5px;
}
#main_benefit_list .item .title_link,
#main_benefit_list .item .content,
#main_benefit_list .item .text {
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
#main_benefit_list .item .title_link {
font-size: 1.2em !important;
}
#main_benefit_list .item .text {
line-height: 1.4;
}
#main_benefit_list .item .btn {
display: none;
}
#main_benefit_list .item img {
border: none;
}
#main_benefit_list .item .photo {
width: 100%;
}
}
/* old */
#main_benefit_list .item_old {
background: none;
overflow: auto;
padding: 10px 0;
margin: 0;
border: none;
border-bottom: 1px solid var(--main-benefit-item-border-color);
}
#main_benefit_list .item_old .title_link:link, #main_benefit_list .item_old .title_link:visited, #main_benefit_list .item_old .title_link:focus {
color: var(--main-benefit-anchor-title-color);
font-size: 1.4em !important;
font-weight: 600;
text-transform: normal;
text-decoration: none;
margin-bottom: 10px;
}
#main_benefit_list .item_old .title_link:hover {
text-decoration: underline;
border: none;
}
/* ---------- main nastenka ----------- */
#main_nastenka {
color: #000;
padding: 0;
text-align: center;
margin-bottom: 50px;
}
#main_nastenka ul {
list-style: none;
padding: 0;
margin: 0;
}
#main_nastenka ul li {
padding-left: 0;
}
#main_nastenka ul li a:link, #main_nastenka ul li a:visited {
color: #c82749;
font-size: 1.1em;
font-weight: 600;
text-decoration: none;
}
#main_nastenka ul li a:hover {
text-decoration: underline;
}
/* bootstrap */
.input-group-text {
background-color: var(--input-group-text-backgraound-color);
color: var(--input-group-text-color) !important;
font-size: 1em;
padding: 0 10px;
border: 1px solid var(--input-border-color);
}
.input-group-text .bi, .input-group-text a {
color: var(--input-group-text-color) !important;
font-size: 1em;
}
.page-header {
font-size: 1.4em;
font-weight: 400;
}
.modal-header, .modal-body, .modal-footer {
background: var(--modal-background-color);
color: var(--modal-color);
}
.modal .modal-content .modal-header .modal-title {
font-weight: 600;
font-size: 1.4em;
}
.modal .modal-header {
border-bottom: 1px solid var(--modal-border-color);
}
.modal .modal-footer {
border-top: 1px solid var(--modal-border-color);
}
.modal .modal-content .form-group {
border: none !important;
}
.card {
border-radius: 0;
}
/* validation */
.is-valid {
border: 2px solid var(--input-valid-border-color) !important;
}
.valid-feedback {
color: var(--input-valid-border-color) !important;
}
.is-invalid {
border: 2px solid var(--input-invalid-border-color) !important;
}
.invalid-feedback {
color: var(--input-invalid-border-color) !important;
}
/* btn-group */
.btn-group .btn-outline-primary {
font-size: 1em !important;
font-weight: 400 !important;
text-transform: normal;
}
.btn-group a.active, .btn-group button.active {
font-weight: 600 !important;
color: #66a850 !important;
}
.btn-group a:hover, .btn-group button:hover, .btn-group button:focus {
color: #fff !important;
}
.btn-group .dropdown-menu {
background: #fff!important;
font-size: 1em !important;
box-shadow: 3px 5px 10px #ddd;
border: none;
z-index: 10;
}
.btn-group ul.dropdown-menu > li > a.dropdown-item:link, .btn-group ul.dropdown-menu > li > a.dropdown-item:visited {
color: #000 !important;
padding: 7px 10px;
height: auto;
line-height: normal;
text-transform: none;
font-size: 1em !important;
font-weight: 400;
}
.btn-group ul.dropdown-menu > li > a.dropdown-item:hover {
background: #1c608b !important;
color: #fff !important;
}
.btn-group ul.dropdown-menu .dropdown-divider {
border-top: none;
border-bottom: 1px solid #ddd;
}
/* nav-tabs */
.nav-tabs {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
ul.nav-tabs li a:link, ul.nav-tabs li a:visited, ul.nav-tabs li a:focus {
background-color: rgba(245,245,245,0.8);
color: #000;
font-size: 1em;
font-weight: 400;
text-transform: none;
text-decoration: none;
padding: 10px 20px;
margin: 0 3px 0 0;
border-radius: 5px 5px 0 0;
border: none;
}
ul.nav-tabs li a.nav-link.active:link, ul.nav-tabs li a.nav-link.active:visited {
background-color: #20428a;
color: #fff;
font-size: 1em;
font-weight: 400;
border-radius: 5px 5px 0 0;
border: none;
}
ul.nav-tabs li a:hover, ul.nav-tabs li a.nav-link.active:hover {
background-color: #49c827;
color: #fff;
text-decoration: none;
}
.nav-tabs .dropdown-menu {
font-size: 1em !important;
box-shadow: 3px 5px 10px #ddd;
z-index: 10;
}
.nav-tabs ul.dropdown-menu > li > a.dropdown-item:link, .nav-tabs ul.dropdown-menu > li > a.dropdown-item:visited {
background: #fff;
color: #000;
padding: 7px 10px;
line-height: normal;
text-transform: none;
font-size: 1em !important;
font-weight: 400 !important;
border: none;
}
.nav-tabs ul.dropdown-menu > li > a.dropdown-item:hover {
background: #1c608b !important;
color: #fff !important;
}
.nav-tabs ul.dropdown-menu .dropdown-divider {
border-top: none;
border-bottom: 1px solid #ddd;
}
.tab-content {
margin-top: 5px !important;
}
.tab-content table {
margin-top: 10px !important;
}
.tab-content table > thead > tr > th {
border-top: none !important;
}
.jumbotron {
background: #f6f6f6;
color: #000;
margin: 20px 0;
padding: 20px 40px;
font-size: 1em;
}
.jumbotron h4 {
font-size: 1.2em;
}
.jumbotron .lead {
padding: 20px 0;
font-size: 1.1em;
}
/* container, row, cols */
.container-fluid {
padding: 0;
border: none;
}
.row {
width: 100%;
margin: 0;
padding: 0;
border: none;
}
[class *= "col-"], [class *= "col-"] {
padding: 0 5px 0 0;
border: none;
}
/* form - row, label, input */
form .row {
margin: 0 !important;
border: none !important;
}
form .row label {
color: #000;
font-weight: 400;
}
form .row .form-label {
color: #000;
text-align: right;
margin: 0;
font-weight: 400;
border: none;
}
form .row input {
font-weight: 500;
}
form .row select {
font-weight: 500 !important;
}
form .row .form-check-label {
font-weight: 400 !important;
}
/* form form-group */
form .form-group, .form-group {
margin-top: 15px !important;
margin-bottom: 5px !important;
border: none !important;
}
form .form-group label, .form-group label {
font-weight: 300;
margin-bottom: 5px !important;
}
form .form-group input, form .form-group select {
font-weight: 500;
}
form .form-group select {
font-weight: 500 !important;
}
form .form-group .form-check-label {
font-weight: 400 !important;
}
.form-check-label {
font-size: 1em;
font-weight: 400 !important;
}
@media (max-width: 767px) {
form .row {
margin-top: 10px !important;
}
form .row .form-label {
margin-top: 15px;
margin-bottom: 5px;
text-align: left;
}
}
@media (max-width: 575px) {
form .row {
padding-left: 15px !important;
padding-right: 15px !important;
margin-top: 0 !important;
}
form .row .form-label {
margin-top: 10px !important;
font-weight: 500;
}
}
html.trewis-web-dark-theme {
form .row label, form .row .form-label {
color: #ccc !important;
}
}
/* pagination */
.pagination-container {
background: var(--pagination-background-color);
color: var(--pagination-color);
margin-top: 20px;
margin-bottom: 5px;
}
.pagination .page-item a:link, .pagination .page-item a:visited {
background-color: var(--pagination-anchor-background-color);
color: var(--pagination-anchor-color);
margin: 0 1px;
padding: 3px 6px !important;
font-weight: 400;
font-size: 1em !important;
text-decoration: none;
border-radius: 0;
border: none;
border-bottom: 2px solid var(--pagination-anchor-border-color);
}
.pagination .page-item a:hover, .pagination .page-item a:active, .pagination .page-item a:focus {
background-color: var(--pagination-anchor-background-color-hover) !important;
color: var(--pagination-anchor-color-hover);
font-weight: 600;
border-bottom: 2px solid var(--pagination-anchor-border-color-hover);
opacity: 1;
}
.pagination .active a:link, .pagination .active a:visited {
background-color: var(--pagination-anchor-active-background-color) !important;
color: var(--pagination-anchor-active-color);
font-weight: 600;
border: none;
border-bottom: 2px solid var(--pagination-anchor-active-border-color);
z-index: 0;
}
.pagination .active a:hover, .pagination .active a:active {
background-color: var(--pagination-anchor-active-background-color-hover) !important;
color: var(--pagination-anchor-active-color-hover) !important;
border: none;
border-bottom: 2px solid var(--pagination-anchor-border-color-hover);
}
.pagination i {
font-size: 1em;
}
.pagination-title {
font-size: 1.1em;
font-weight: 600;
text-transform: normal;
}
.pagination-count {
margin-top: 10px;
margin-right: 10px;
font-size: 1em;
font-weight: 500;
}
@media (max-width: 767px) {
.pagination .page-item a:link, .pagination .page-item a:visited {
padding: 3px 6px !important;
font-size: 1em;
}
.pagination-count {
font-size: 1em;
}
}
/* accordion */
.accordion {
border: 1px solid #000 !important;
}
.accordion .accordion-item {
border: none !important;
}
.accordion .accordion-header .accordion-button {
background: #247db6;
color: #fff;
padding: 7px 10px;
font-size: 0.95em;
font-weight: 400;
text-transform: normal;
}
.accordion .accordion-body {
overflow: auto;
padding: 5px;
}
.accordion .accordion-body ul {
padding: 0;
list-style-type: none;
}
.accordion .accordion-body ul li {
padding: 0;
}
.accordion .accordion-body ul li a:link, .accordion .accordion-body ul li a:visited {
display: block;
color: #000;
padding: 2px;
font-size: 1em;
font-weight: 400;
text-decoration: none;
}
.accordion .accordion-body ul li a:hover {
color: #247db6;
text-decoration: underline;
}
.accordion .accordion-body ul li a.active {
display: block;
color: #b62434 !important;
font-weight: 600 !important;
padding: 2px;
border: none;
}
/* list-group */
.list-group {
font-size: 1em;
margin-bottom: 10px;
border-radius: 5px;
border: none;
}
.list-group a.list-group-item:link, .list-group a.list-group-item:visited {
background: none;
font-weight: 500;
padding: 10px 5px;
text-decoration: none;
border: none;
}
.list-group a.list-group-item:hover {
background: none;
text-decoration: underline;
border: none;
}
.list-group .list-group-item.active {
background: none;
padding: 7px 10px !important;
font-size: 1em;
font-weight: 500;
text-align: left;
border: none !important
}
.list-group .bi {
margin-right: 5px;
}
/* all buttons */
.btn {
font-size: 1em !important;
font-weight: 500;
}
.btn-default, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-danger, .btn-warning, .btn-light, .btn-dark {
font-size: 1em !important;
font-weight: 600 !important;
padding: 10px 15px;
margin: 2px 0;
text-transform: normal;
text-decoration: none !important;
border-radius: 30px;
}
.btn-success {
font-weight: 600 !important;
}
.btn-outline-success, .btn-outline-primary, .btn-outline-default, .btn-outline-secondary, .btn-outline-danger, .btn-outline-warning,
.btn-outline-dark, .btn-outline-light {
padding: 10px 15px;
margin: 2px 0;
font-size: 1em !important;
font-weight: 500 !important;
text-transform: normal !important;
text-decoration: none !important;
border-radius: 30px;
-webkit-transition: background 0.5s;
transition: background 0.5s;
}
.btn-outline-success {
font-weight: 600 !important;
}
@media (max-width: 767px) {
.btn-default, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-danger, .btn-warning, .btn-light, .btn-dark {
-webkit-transition: none;
transition: none;
}
.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;
}
}
/* default #4f97c4 (79,151,196) */
.btn-default {
background: none;
color: #c82749;
white-space: normal;
border: 2px solid #c82749;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
background: #c82749 !important;
color: #fff !important;
border: 2px solid #c82749 !important;
}
.btn-outline-default {
background: none !important;
color: #4f97c4 !important;
border: 2px solid #4f97c4 !important;
}
.btn-outline-default:hover, .btn-outline-default:active, .btn-outline-default:focus {
background: #4f97c4 !important;
color: #fff !important;
border: 2px solid #4f97c4 !important;
}
.border-default {
border: 1px solid #4f97c4 !important;
}
.text-default {
color: #4f97c4 !important;
font-weight: 400;
}
.badge-default {
background: #4f97c4;
color: #fff;
}
.table-default {
--bs-table-bg: none;
background: #4f97c4;
}
.bg-default a:link, .bg-default a:visited {
color: #fff !important;
}
/* info #c82749 (200,39,73) */
/* #20428a (32,66,138) */
.bg-info {
background: rgba(32,66,138,0.8) !important;
color: #fff !important;
}
.btn-info {
background: rgba(32,66,138,0.9) !important;
color: #fff !important;
text-decoration: none;
border: 1px solid rgba(32,66,138,1);
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
background: rgba(32,66,138,1) !important;
color: #fff;
text-decoration: none;
border: 1px solid rgba(32,66,138,1);
}
.btn-outline-info {
background: none !important;
color: #20428a !important;
text-decoration: none;
border: 1px solid #20428a !important;
}
.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus {
background: #20428a !important;
color: #fff !important;
text-decoration: none;
border: 1px solid #20428a !important;
}
.border-info {
border: 1px solid #20428a !important;
}
.text-info {
color: #4f97c4 !important;
font-weight: 400;
}
.badge-info {
background: rgba(32,66,138,0.1);
color: #fff;
}
.table-info {
--bs-table-bg: none;
background: rgba(32,66,138,0.05);
}
.bg-info a:link, .bg-info a:visited {
color: #fff !important;
}
/* #49c827 (73,200,39) zelena2 */
.bg-success {
background-color: rgba(66,138,32,0.9) !important;
color: #fff !important;
}
.btn-success {
background: linear-gradient(to right bottom, rgba(73,200,39,0.6), rgba(73,200,39,0.8)) !important;
color: #000 !important;
border: 1px solid rgba(73,200,39,1) !important;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
background-color: rgba(73,200,39,1) !important;
color: #000 !important;
border: 1px solid rgba(73,200,39,1) !important;
}
.btn-outline-success {
background-color: none !important;
color: #428a20 !important;
border: 1px solid #428a20 !important;
}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
background-color: #49c827 !important;
color: #fff !important;
border: 1px solid #49c827 !important;
}
.border-success {
border: 1px solid #49c827 !important;
}
.text-success {
color: #428a20 !important;
}
.badge-success {
background: #428a20;
color: #fff;
}
.table-success {
--bs-table-bg: none;
background-color: rgba(66,138,32,0.2) !important;
color: #fff;
}
.bg-success a:link, .bg-success a:visited {
color: #428a20 !important;
}
/* primary #20428a (32,66,138) */
.bg-primary {
background-color: #20428a !important;
color: #fff !important;
}
.btn-primary {
background-color: rgba(32,66,138,0.9) !important;
color: #fff !important;
border: 2px solid rgba(32,66,138,1) !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
background-color: rgba(32,66,138,1) !important;
color: #fff;
}
.btn-outline-primary {
background-color: none !important;
color: #20428a !important;
border: 2px solid #20428a !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
background-color: #20428a !important;
color: #fff !important;
border: 2px solid #20428a !important;
}
.btn-outline-primary.active {
font-weight: 500 !important;
background: none;
color: #c82749;
}
.btn-outline-primary.active:hover {
color: #fff;
}
.text-primary {
color: #20428a !important;
}
.border-primary {
border: 2px solid #20428a !important;
}
.table-primary {
--bs-table-bg: none;
background: #20428a !important;
}
.bg-primary a:link, .bg-primary a:visited {
color: #fff !important;
}
/* warning #f5261f (245,38,31) */
.bg-warning {
background: rgba(245,38,31,0.2) !important;
color: #f5261f !important;
}
.btn-warning {
background: rgba(245,38,31,1) !important;
color: #000 !important;
border: 1px solid rgba(245,38,31,1);
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
background: rgba(245,38,31,1) !important;
color: #fff;
}
.btn-outline-warning {
background: none !important;
color: #f5261f;
border: 1px solid #f5261f !important;
}
.btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus {
background: #f5261f !important;
color: #fff;
border: 1px solid #f5261f !important;
}
.text-warning {
color: #f5261f !important;
}
.border-warning {
border: 1px solid #f5261f !important;
}
.table-warning {
--bs-table-bg: none;
background: rgba(245,38,31,0.05) !important;
}
.bg-warning a:link, .bg-warning a:visited {
color: #000 !important;
}
/* #c82749 (200,39,73) */
.bg-danger {
background: rgba(200,39,73,0.1) !important;
color: #c82749 !important;
}
.btn-danger {
background: rgba(200,39,73,1) !important;
color: #fff !important;
border: 1px solid rgba(200,39,73,1);
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
background: rgba(200,39,73,1) !important;
color: #fff;
}
.btn-outline-danger {
background: none !important;
color: #c82749;
border: 2px solid #c82749 !important;
}
.btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus {
background: #c82749 !important;
color: #fff;
border: 2px solid #c82749 !important;
}
.text-danger {
color: #c82749 !important;
}
.border-danger {
border: 1px solid #c82749 !important;
}
.table-danger {
--bs-table-bg: none;
background: rgba(200,39,73,0.1) !important;
color: #fff !important;
}
/* dark #000 (0,0,0) */
.bg-dark {
background: #000 !important;
color: #fff !important;
}
.btn-dark {
background: rgba(0,0,0,0.8) !important;
color: #fff;
border: 1px solid rgba(0,0,0,1);
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
background: rgba(0,0,0,1) !important;
color: #fff;
}
.btn-outline-dark {
background: none !important;
color: #000;
border: 1px solid #000;
}
.btn-outline-dark:hover, .btn-outline-dark:active, .btn-outline-dark:focus {
background: #000 !important;
color: #fff;
border: 1px solid #000 !important;
}
.text-dark {
color: #000 !important;
}
.border-dark {
border: 1px solid #000 !important;
}
/* tag #c82749 (200,39,73) */
.bg-tag {
background: #20428a !important;
color: #000 !important;
}
.btn-tag {
color: #20428a !important;
margin: 2px 0;
font-size: 0.9em !important;
border-radius: 30px;
border: 0.5px solid #ccc !important;
}
.btn-tag .bi {
padding: 2px;
margin-left: 5px;
border-radius: 3px;
font-size: 1em !important;
}
.btn-tag:hover, .btn-tag:hover:active, .btn-tag:focus {
background: #20428a !important;
color: #fff !important;
text-decoration: none;
border: 0.5px solid #20428a !important;
}
.btn-outline-tag {
background: none !important;
color: #000 !important;
font-size: 1em !important;
margin: 2px;
border-radius: 30px;
border: 1px solid #000 !important;
}
.btn-tag:before {
content:"#";
color: #c82749;
font-weight: 300;
font-size: 1em;
}
.btn-tag:hover:before {
color: #fff;
}
.btn-outline-tag:hover, .btn-outline-tag:active, .btn-outline-tag:focus {
background: #c82749;
color: #fff;
text-decoration: none;
border: 1px solid #000 !important;
}
.text-tag {
color: #000 !important;
}
.border-tag {
border: 1px solid #000 !important;
}
/* btn dark-mode */
html.trewis-web-dark-theme {
.btn-default, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-danger, .btn-warning, .btn-light, .btn-dark {
border-radius: 30px;
}
.btn-success {
background: linear-gradient(to bottom right, rgba(200,39,73,0.7), rgba(200,39,73,0.7)) !important;
color: #fff !important;
padding: 10px 15px !important;
border-color: rgba(200,39,73,1) !important;
}
.btn-success:hover, .btn-success:focus {
background: linear-gradient(to bottom right, rgba(200,39,73,0.9), rgba(200,39,73,0.9)) !important;
color: #fff !important;
border-color: rgba(200,39,73,1) !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus {
background-color: #20428a !important;
color: #fff !important;
border: 2px solid #20428a !important;
}
.btn-tag {
color: #ccc !important;
border-radius: 30px;
border: 1px solid #555 !important;
}
.btn-tag:hover {
background-color: #57719c !important;
}
.btn-outline-success, .btn-outline-primary, .btn-outline-default, .btn-outline-secondary, .btn-outline-danger, .btn-outline-warning,
.btn-outline-dark, .btn-outline-light {
color: #ccc !important;
border-radius: 30px;
border-color: #ccc !important;
}
.btn-outline-success {
border-color: rgba(200,39,73,1) !important;
}
.btn-outline-success:hover, .btn-outline-success:focus {
background-color: rgba(200,39,73,1) !important;
color: #fff !important;
border-color: rgba(200,39,73,1) !important;
}
}
/* alerts */
.alert {
font-size: 1em;
font-weight: 500;
margin: 10px 0 !important;
border-radius: 5px;
}
/* #20428a (32,66,138) */
.alert-info {
background: rgba(32,66,138,0.05);
color: #20428a;
border: none;
}
/* success #66a850 (102,168,80) */
.alert-success {
background: rgba(102,168,80,0.1);
color: #66a850;
border: none;
}
/* primary #247db6 (36,125,182) */
.alert-primary {
background: rgba(36,125,182,0.1);
color: #247db6;
border: none;
}
/* #c82749 (200,39,73) */
.alert-warning {
background: rgba(200,39,73,0.1);
color: #7f2034;
border: none;
}
/* #c82749 (200,39,73) */
.alert-danger {
background: rgba(200,39,73,0.1);
color: #7f2034;
border: none;
}
/* dark #000 (0,0,0) */
.alert-dark {
background: rgba(0,0,0,0.1);
color: #000;
border: none;
}
/* alert-important */
.alert-important {
background-color: rgba(200,39,73,0.1);
color: #000;
padding: 10px;
border-radius: 10px;
border: none;
}
/* alerts dark-mode */
html.trewis-web-dark-theme {
.alert-success, .alert-info, .alert-default, .alert-primary, .alert-danger, .alert-warning, .alert-dark {
background-color: #182237 !important;
color: #ddd !important;
border-radius: 10px;
border-color: #182237 !important;
}
.alert-important {
background-color: rgba(200,39,73,0.1);
color: #ddd !important;
}
}
/* popover */
.popover {
font-size: 1em !important;
box-shadow: 3px 5px 10px #ddd;
border: none;
z-index: 10;
}
.popover label {
font-size: 1em !important;
}
/* ostatni */
.intranet {
background-color: var(--intranet-anchor-background-color) !important;
color: var(--intranet-anchor-color) !important;
padding: 3px 0;
font-weight: 400;
border-radius: 0;
}
.show-image {
opacity: 1;
float: left;
margin: 0 5px 5px 0;
border: none;
}
.show-image:hover {
opacity: 0.9;
}
.center {
text-align: center !important;
}
.left {
text-align: left !important;
}
.right {
text-align: right !important;
}
.hide {
display: none !important;
}
.thin {
font-weight: 200 !important;
}
.thinner {
font-weight: 300 !important;
}
.normal {
font-weight: 400 !important;
}
.bold {
font-weight: 600 !important;
}
.strong {
font-weight: 700 !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;
}
.search {
background: var(--search-background-color);
color: var(--search-color);
margin-top: 5px !important;
margin-bottom: 10px !important;
padding: 10px;
border-radius: 5px;
border: none;
border-bottom: 1px solid var(--search-border-color) !important;
}
.search select {
border-radius: 30px !important;
}
@media(max-width: 767px) {
.search {
padding: 10px 5px;
}
}
.notification {
display: none;
position: fixed;
background-color: #fff;
top: 180px;
right: 10px;
padding: 20px;
font-weight: 500;
box-shadow: 0 0 10px #aaa;
z-index: 500;
}
.required-label {
font-weight: 600 !important;
}
.required-label:before {
content:"*";
color: var(--required-label-color);
margin-right: 3px;
font-size: 1em;
}
.img-responsive {
width: 100% !important;
border: none;
}
/* head, subhead, title, subtitle */
.head {
display: flex;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
margin: 0;
padding: 30px 0;
font-size: 1.4em;
font-weight: 700;
text-align: left;
text-transform: left;
line-height: 1.4;
letter-spacing: 0;
border: none;
background: -webkit-linear-gradient(45deg, var(--head-background-color), var(--head-background-color2));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.head:before, .head:after {
content: "";
margin: 0 10px 0 0;
max-width: 80px;
flex: 1 0 30px;
border-top: 2px solid var(--head-border-left-color);
}
.head:after {
margin: 0 0 0 10px;
border-top: 2px solid var(--head-border-right-color);
}
.head span {
border: none;
}
.head-border {
border: none !important;
}
.head-noborder {
border: none !important;
}
html.trewis-web-dark-theme {
.head {
color: var(--head-color);
background: none;
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
}
.subhead {
color: var(--subhead-color);
margin: 30px 0 20px 0;
font-size: 1.2em;
font-weight: 700;
letter-spacing: 0px;
text-transform: normal;
line-height: 1.2;
}
.title {
color: var(--title-color);
margin: 30px 0 15px 0;
font-size: 1.6em;
font-weight: 700;
line-height: 1.4;
}
.subtitle {
color: var(--subtitle-color);
margin: 0 0 20px 0;
font-size: 1em;
}
.subtitle span {
color: var(--subtitle-color);
}
@media(max-width: 767px) {
.head {
justify-content: center;
margin: 20px 0;
padding: 0;
font-size: 1.4em;
text-transform: normal;
text-align: center;
}
.head:before, .head:after {
max-width: 100%;
}
.subhead {
font-size: 1.3em;
}
.title {
margin: 20px 0;
font-size: 1.4em;
}
}
@media(max-width: 575px) {
.title {
font-size: 1.4em;
}
}
/* detail */
.detail .form-group {
background: var(--detail-background-color);
color: var(--detail-color);
padding: 5px 0;
border: none;
}
.detail label {
color: var(--detail-label-color);
padding: 5px 0;
margin: auto 0 !important;
font-weight: 300;
}
.detail .value {
padding: 5px 0;
margin: auto 0 !important;
padding: 5px;
font-weight: 600;
border-bottom: 0.5px solid var(--detail-value-border-color) !important;
}
/* back to top */
#back-top:link, #back-top:visited, #back-top:focus {
display: none;
position: fixed;
background: rgba(200,39,73,0.6);
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
bottom: 40px;
right: 10px;
z-index: 10;
margin: 0;
padding: 0;
text-align: center;
font-weight: 600;
font-size: 14px;
vertical-align: middle;
box-shadow: 3px 3px 10px #ddd !important;
border-radius: 5px;
border: none;
background: transition;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top:hover {
background: rgba(200,39,73,1);
color: #fff;
outline: 0;
border: 1px solid rgba(0,0,0,1);
}
#back-top i.animated {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
transition-property: -webkit-transform;
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;
}
/* back-home */
#back-home:link, #back-home:visited, #back-home:focus {
display: none;
position: fixed;
background: rgba(200,39,73,0.6);
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
bottom: 100px;
right: 10px;
z-index: 10;
margin: 0;
padding: 0;
text-align: center;
font-weight: 600;
font-size: 14px;
vertical-align: middle;
box-shadow: 3px 3px 10px #ddd !important;
border-radius: 5px;
border: none;
background: transition;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-home:hover {
outline: 0;
background: rgba(200,39,73,1);
color: #fff;
border: 1px solid rgba(0,0,0,1);
}
#back-home i.animated {
transition-property: -webkit-transform;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
}
#back-home:hover i.animated {
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: pulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: pulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
}
/* kontaktujte nas */
#back-contact {
position: fixed;
display: none;
background: rgba(245,38,31,1);
color: #000;
left: 0;
bottom: 200px;
padding: 10px 30px;
opacity: 1;
font-weight: 600;
text-align: center;
box-shadow: 0px 3px 5px #aaa;
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-ms-transform-origin: left 0%;
-webkit-transform-origin: left 0%;
transform-origin: left 0%;
}
#back-contact a:link, #back-contact a:visited, #back-contact a:focus {
color: #c82749;
text-decoration: none;
}
#back-contact .bi {
color: #c82749;
margin-right: 10px;
}
/* prihlaseni uzivatele - login */
#login-redakce {
position: fixed;
display: flex;
background: var(--login-background-color);
color: var(--login-color);
background-image: none;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 0;
border: none;
z-index: 0;
}
#login-intranet {
position: fixed;
display: flex;
background: var(--login-background-color);
color: var(--login-color);
background-image: none;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 0;
border: none;
z-index: 0;
}
/* login - form */
#login-form {
position: absolute;
background-color: var(--login-form-background-color);
color: var(--login-form-color);
align-items: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px 20px;
width: 70%;
max-width: 400px;
height: auto;
min-height: 400px;
max-height: 800px;
font-size: 1em !important;
font-weight: 400;
box-shadow: none;
border-radius: 10px;
box-shadow: none;
border: none;
z-index: 1000;
}
#login-form .login-header {
padding: 5px;
text-align: center;
border-radius: none;
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.2em;
font-weight: 600;
text-shadow: none !important;
}
#login-form .login-header .login-subtitle {
color: var(--login-form-subtitle-color);
font-size: 1em;
font-weight: 400;
}
#login-form .login-header .login-subtitle .login-svaz {
font-weight: 600;
}
#login-form .login-header .login-logo {
width: 60px;
margin: 0 auto 10px auto;
}
#login-form .login-body {
padding: 20px 10px 10px 10px;
text-align: left;
}
#login-form .login-footer {
padding: 5px 10px;
font-weight: 400;
text-align: center;
}
#login-form #login-error {
display: none;
margin-bottom: 20px !important;
padding: 10px;
text-align: center;
font-weight: 500;
border-radius: 10px;
}
#login-form label {
font-weight: 200;
margin-bottom: 5px;
}
#login-form input[type="text"], #login-form input[type="password"], #login-form input[type="number"] {
background: var(--input-background-color) !important;
color: var(--input-color) !important;
font-size: 1em !important;
font-weight: 500;
height: auto !important;
padding: 0 15px !important;
padding-top: 10px !important;
text-align: center;
border-radius: 30px;
}
#login-form input[type="text"]:focus, #login-form input[type="password"]:focus {
font-weight: 600;
outline: 2px solid var(--input-focus-border-color);
}
#login-form input[type="text"]:invalid, #login-form input[type="password"]:invalid {
border: 1px solid var(--input-border-color) !important;
}
#login-form input[type="text"]:invalid:focus, #login-form input[type="password"]:invalid:focus {
border: none !important;
}
#login-form input[type="text"]:-webkit-autofill, #login-form input[type="password"]:-webkit-autofill {
color: var(--input-color) !important;
background-clip: text !important;
-webkit-text-fill-color: var(--input-color) !important;
-webkit-background-clip: text !important;
border: 1px solid var(--input-border-color) !important;
}
#login-form .form-check-label {
font-size: 1em !important;
font-weight: 200 !important;
}
#login-form .form-floating label {
background-color: none !important;
color: var(--input-floating-color);
margin-left: 10px;
}
#login-form .form-floating > .form-control:focus~label {
background-color: none;
margin-left: 10px;
}
#login-form .form-floating > label::after {
background-color: transparent !important;
}
#login-form .btn {
width: 100%;
padding: 15px;
}
@media (max-width: 991px) {
#login-redakce {
background-attachment: scroll;
}
#login-intranet {
background-attachment: scroll;
}
}
@media (max-width: 767px) {
#login-form {
background: none !important;
width: 90%;
padding: 10px;
box-shadow: none;
border: none;
}
}
/* login intranet - form */
#login-form .login-header-intranet {
padding: 10px 5px;
text-align: center;
border-radius: 0;
border-bottom: 1px solid var(--login-form-border-color);
}
#login-form .login-header-intranet .login-title {
color: var(--login-form-title-color);
font-size: 1.1em;
font-weight: 600;
}
#login-form .login-header-intranet .login-subtitle {
color: var(--login-form-subtitle-color);
font-size: 1em;
font-weight: 300;
}
#login-form .login-footer-intranet {
padding: 10px 10px;
text-align: center;
border-radius: 0;
border-top: 1px solid var(--login-form-border-color);
}
/* preloader */
#preloader {
position: fixed;
display: none;
left : 0;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right bottom, #20428a, #162e61);
background-repeat: no-repeat;
background-position: center center;
z-index: 3000;
}
#preloader:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
filter: blur(0);
transform: scale(0.6);
background-image: url('../pages/svaz_12/images/logo_osunios_mobile_preloader_2024.png');
background-repeat: no-repeat;
background-position: center center;
animation-name: preloader-animate;
animation-duration: 3s;
animation-delay: 0s;
animation-direction: normal;
}
#preloader #status {
position: absolute;
left: 0;
right: 0;
top: 80px;
margin: 0 auto;
text-align: center;
letter-spacing: 2px;
font-size: 3em;
font-weight: 600;
}
@media (max-width: 767px) {
#preloader {
display: inline;
}
}
@keyframes preloader-animate {
from { opacity: 0; }
to { opacity: 1; transform: scale(1); }
}
/* kalendar */
.bootstrap-datetimepicker-widget.dropdown-menu {
z-index: 999 !important;
}
.bootstrap-datetimepicker-widget {
background: #fff !important;
font-size: 1.1em;
width: auto !important;
box-shadow: 3px 3px 10px #ddd;
border: 1px solid #ddd;
}
.bootstrap-datetimepicker-widget table {
background: #fff !important;
}
/* zahlavi kalendare */
.bootstrap-datetimepicker-widget table > thead > tr th {
background: #fff !important;
color: #000 !important;
padding: 10px !important;
font-weight: 600 !important;
border-top: none !important;
}
.bootstrap-datetimepicker-widget table > thead > tr th.picker-switch {
background: none;
color: #c82749;
}
.bootstrap-datetimepicker-widget table > thead > tr th.prev {
color: #c82749;
}
.bootstrap-datetimepicker-widget table > thead > tr th.next {
color: #c82749;
}
.bootstrap-datetimepicker-widget table > thead > tr th.picker-switch:hover {
background: #c82749 !important;
color: #fff !important;
}
.bootstrap-datetimepicker-widget table > thead > tr th.prev:hover {
background: #c82749 !important;
color: #fff !important;
}
.bootstrap-datetimepicker-widget table > thead > tr th.next:hover {
background: #c82749 !important;
color: #fff !important;
}
/* dny, mesice, roky */
.bootstrap-datetimepicker-widget table > tbody > tr {
border-bottom: 1px solid #ddd !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr:hover {
background: none !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr:hover span {
color: #c82749 !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr span.active {
background: #c82749;
color: #fff !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr span:hover {
background: #c82749;
color: #fff !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr td {
background: #fff !important;
color: #000 !important;
padding: 10px !important;
font-weight: 300;
}
.bootstrap-datetimepicker-widget table > tbody > tr td.day:hover {
background-color: #c82749 !important;
color: #fff !important;
}
.bootstrap-datetimepicker-widget table > tbody > tr td:hover .far,
.bootstrap-datetimepicker-widget table > tbody > tr td:hover .fas {
color: #fff;
}
.bootstrap-datetimepicker-widget table > tbody > tr td.active {
background: #c82749 !important;
color: #fff !important;
text-shadow: none;
}
.bootstrap-datetimepicker-widget table > tbody > tr td.active:hover {
background: #c82749 !important;
color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
border-bottom-color: #c82749 !important;
}
/* dark theme inputs */
html.trewis-web-dark-theme {
.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget table,
.bootstrap-datetimepicker-widget table > thead > tr th,
.bootstrap-datetimepicker-widget table > tbody > tr td {
background: #fff !important;
}
}
/* bootstrap - icon */
.bi {
font-size: 1em;
}
/* loader - icon */
.loading {
display: none;
position: fixed;
background: rgba(0,0,0,0.7);
color: #000;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1100;
}
.loading .spinner {
position: absolute;
left: 48%;
top: 45%;
border: 6px solid #c82749;
border-top: 6px solid #ccc;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spinnerframe 2s linear infinite;
}
/* loader - full screen */
.loader {
position: fixed;
background: rgba(255,255,255,0.5);
color: #000;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1100;
}
.loader .spinner {
position: absolute;
left: 48%;
top: 45%;
border: 6px solid #c82749;
border-top: 6px solid #aaa;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spinnerframe 2s linear infinite;
}
@keyframes spinnerframe {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* ckeditor 5 */
.ck {
font-size: 1em;
}
.ck-editor__editable {
min-height: 500px !important;
max-height: 800px !important;
}
.ck .ck-toolbar {
background: #f7f7f7 !important;
font-size: 1em !important;
}
.ck .ck-button {
font-size: 0.9em !important;
}
.ck .ck-icon {
font-size: 0.7em !important;
}
.ck p {
margin-bottom: 5px;
}
figure { /* pro vlozenou tabulku */
border: none !important;
}
/* ckeditor 5 */
/* touchmenu */
.touchmenu {
margin: 0 0 20px 0;
overflow: auto;
}
.touchmenu .item_menu {
display: table;
width: 100%;
padding: 0 5px 2px 0;
font-size: 1em !important;
margin: 0 0 5px 0;
}
.touchmenu a:link, .touchmenu a:visited, .touchmenu a:focus {
display: table-cell;
background: var(--touchmenu-anchor-background-color) !important;
color: var(--touchmenu-anchor-color);
text-align: center;
vertical-align: middle;
height: auto;
margin: 0;
padding: 12px 2px;
font-size: 1em;
font-weight: 500;
line-height: 1;
text-transform: normal;
text-decoration: none;
border-radius: 30px;
border: 1px solid var(--touchmenu-anchor-border-color);
outline: none;
-webkit-transition: background 0.1s;
transition: background 0.1s;
}
.touchmenu a:hover, .touchmenu a:hover:active {
background-color: var(--touchmenu-anchor-background-color-hover) !important;
color: var(--touchmenu-anchor-color-hover);
font-size: 1em !important;
font-weight: 600;
border: 1px solid var(--touchmenu-anchor-border-color-hover) !important;
}
.touchmenu .bi {
/*display: inline-block;*/
background: var(--touchmenu-bi-background-color);
color: var(--touchmenu-bi-color);
padding: 0 3px;
margin: 0 5px;
font-size: 1.1em !important;
border-radius: 30px;
}
.touchmenu a.all > .bi {
background: none;
color: var(--touchmenu-bi-all-color);
padding: 3px;
margin: auto auto;
font-size: 1.1em !important;
border: none;
}
.touchmenu a.all:hover > .bi {
color: var(--touchmenu-bi-all-color-hover);
}
/* doporucujeme */
#main_doporucujeme {
display: table;
background-color: var(--main-doporucujeme-background-color);
color: var(--main-doporucujeme-color);
padding: 10px 0;
border: none;
/*border-bottom: 1px solid var(--main-doporucujeme-border-color);*/
}
#main_doporucujeme .foto {
max-width: 35%;
float: left;
margin-right: 20px;
}
#main_doporucujeme .title_link:link, #main_doporucujeme .title_link:visited {
display: block;
color: var(--main-doporucujeme-title-color);
font-size: 1.4em !important;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
letter-spacing: 0;
margin: 20px 40px 5px 10px;
}
#main_doporucujeme .title_link:hover {
background: none;
text-decoration: underline;
border: none;
}
#main_doporucujeme .datum {
color: var(--main-doporucujeme-datum-color);
margin: 10px 10px 20px 10px;
font-weight: 400;
font-size: 1em;
}
#main_doporucujeme .uvod {
margin: 10px 10px 20px 10px;
font-size: 1.1em;
font-weight: 400;
line-height: 1.6;
}
#main_doporucujeme .main_doporucujeme_intranet {
margin: 10px;
text-align: left;
}
@media(max-width: 991px) {
#main_doporucujeme {
padding: 10px;
margin: 0;
}
#main_doporucujeme .foto {
max-width: 40%;
}
}
@media(max-width: 767px) {
#main_doporucujeme {
padding: 0 5px 20px 5px;
}
#main_doporucujeme .foto {
max-width: 100%;
margin: 0 auto;
float: none;
}
#main_doporucujeme .title_link:link, #main_doporucujeme .title_link:visited {
font-size: 1.4em !important;
margin: 30px 10px 0 10px !important;
text-align: center;
}
#main_doporucujeme .datum {
padding: 5px;
text-align: center;
}
#main_doporucujeme .uvod {
text-align: center;
}
#main_doporucujeme .main_doporucujeme_intranet {
text-align: center;
}
}
@media(max-width: 575px) {
#main_doporucujeme .title_link:link, #main_doporucujeme .title_link:visited {
font-size: 1.4em !important;
}
}
/* hlavni clanky */
#main_top {
background: var(--main-top-background-color);
padding: 0 0 20px 0;
border: none;
}
#main_top .item {
background: var(--main-top-item-background-color);
width: 100%;
padding: 10px;
margin: 10px 5px 0 0;
text-align: center;
border-radius: 5px;
box-shadow: 0 0 20px var(--main-top-item-shadow-color);
border: 1px solid var(--main-top-item-border-color);
}
#main_top img {
padding: 0;
margin: 0 0 5px 0;
border-radius: 0;
border: none;
}
#main_top .main_top_subtitle {
padding: 0;
font-size: 1em;
}
#main_top .item .header {
color: var(--main-top-item-header-color);
padding: 5px 10px;
text-align: left;
border-radius: 5px 5px 0 0;
border: none;
}
#main_top .item .header .bi {
font-size: 1em;
}
#main_top .datum {
margin-top: 10px;
font-weight: 500;
}
#main_top a.title_link:link, #main_top a.title_link:visited, #main_top a.title_link:focus {
display: block;
color: var(--main-top-item-title-color);
margin: 0;
padding: 5px 10px;
font-size: 1.2em !important;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
}
#main_top a.title_link:hover {
background: none;
text-decoration: underline;
border: none;
}
#main_top .uvod {
color: var(--main-top-item-color);
padding: 5px 10px;
font-size: 1em;
font-weight: 400;
line-height: 1.6;
border: none;
}
#main_top .main_top_intranet {
margin: 10px 0;
text-align: center;
}
#main_top .intranet {
background-color: var(--main-top-item-intranet-background-color) !important;
color: var(--main-top-item-intranet-color) !important;
padding: 5px 10px;
font-weight: 400;
text-decoration: none;
border-radius: 20px;
}
#main_top .center-cropped {
width: 100%;
height: 200px;
margin: 0 0 20px 0;
padding: 0;
opacity: 1;
border-radius: 10px 10px 0 0;
background-position: center center;
background-repeat: no-repeat;
background-image: none;
background-size: cover;
}
#main_top .center-cropped:hover {
opacity: 1;
}
#main_top .container-btn {
text-align: right;
}
#main_top .btn.btn-default {
border-width: 1px;
margin-right: 10px;
padding: 5px;
}
#main_top .btn.btn-default:hover {
border-width: 1px !important;
}
@media(max-width: 991px) {
#main_top {
padding: 5px 0 5px 5px;
}
}
@media(max-width: 767px) {
#main_top .col-12 {
padding: 0 important;
border: none;
}
#main_top .item {
padding: 10px;
text-align: center;
box-shadow: none;
box-shadow: 0 0 10px var(--main-top-item-shadow-color);
}
#main_top .item:hover {
box-shadow: none;
}
#main_top .main_top_subtitle {
display: none;
}
#main_top img {
margin: 0;
}
#main_top a.title_link:link, #main_top a.title_link:visited {
font-size: 1.2em !important;
text-align: center;
}
#main_top .uvod {
font-size: 1em;
font-weight: 400;
text-align: center;
line-height: 1.6;
margin: 0;
}
#main_top .main_top_intranet {
margin: 0;
text-align: center;
}
#main_top .center-cropped {
height: auto;
min-height: 250px;
}
#main_top .container-btn {
display: none;
}
}
@media(max-width: 575px) {
#main_top .col-12 {
padding: 0 10px !important;
}
#main_top .title_link, #main_top .datum, #main_top .uvod, #main_top .kategorie, #main_top .main_top_intranet {
padding: 5px;
}
#main_top a.title_link:link, #main_top a.title_link:visited {
font-size: 1.2em !important;
}
}
@media(min-width: 1900px) {
#main_top .center-cropped {
height: auto;
min-height: 220px;
}
}
/* --- kontakt ----------- */
#main_kontakt {
background: var(--main-kontakt-background-color);
color: var(--main-kontakt-color);
padding: 0;
margin-bottom: 30px;
}
#main_kontakt [class*="col-"] {
padding: 5px;
font-size: 1em;
font-weight: 400;
border: none;
}
#main_kontakt .card {
background: var(--main-kontakt-card-background-color);
color: var(--main-kontakt-card-color);
padding: 0;
margin-top: 10px;
width: 100%;
box-shadow: 0 0 20px var(--main-kontakt-card-shadow-color);
border-radius: 5px !important;
border: 1px solid var(--main-kontakt-card-border-color);
-webkit-transition: margin 0.5s;
-moz-transition: margin 0.5s;
transition: margin 0.5s;
}
#main_kontakt .card:hover {
margin-top: 2px;
}
#main_kontakt .card .card-header {
background: var(--main-kontakt-heading-background-color);
color: var(--main-kontakt-heading-color);
padding: 0;
height: 50px;
line-height: 50px;
text-align: left;
vertical-align: middle;
border: none;
border-radius: 5px 5px 0 0;
}
#main_kontakt .card .card-header .bi {
color: var(--main-kontakt-bi-color);
font-size: 1.2em;
padding: 8px;
margin-right: 3px;
border-radius: 3px;
border: none;
}
#main_kontakt .card .card-body {
padding: 0 10px 10px 10px;
text-align: center;
border: none;
}
#main_kontakt .card .card-body hr {
margin: 0 auto 20px auto;
padding: 0;
max-width: 120px;
border-radius: 2px;
border-top: 1px solid var(--main-kontakt-hr-color) !important;
border-bottom: none;
}
#main_kontakt .card .card-body .title_link:link, #main_kontakt .card .card-body .title_link:visited, #main_kontakt .card .card-body .title_link:focus {
display: block;
background: none;
color: var(--main-kontakt-card-anchor-color);
font-size: 1.2em !important;
font-weight: 700;
line-height: 1.3;
margin-bottom: 5px;
text-transform: normal;
text-align: center;
text-decoration: none;
border: none;
}
#main_kontakt .card .card-body .title_link:hover {
background: none;
text-decoration: underline;
border: none;
}
#main_kontakt .card .card-body .card-text {
color: var(--main-kontakt-card-color);
font-size: 1em;
font-weight: 400;
line-height: 1.6;
}
#main_kontakt .card .card-body img {
margin-top: 10px;
margin-bottom: 10px;
max-height: 200px;
border-radius: 5px;
border: none;
}
#main_kontakt .card .card-footer {
background: var(--main-kontakt-footer-background-color);
color: var(--main-kontakt-footer-color);
text-align: center;
text-transform: normal;
font-size: 1em;
border: none;
}
#main_kontakt [class*="col-"]:hover .card {
opacity: 1;
box-shadow: 0 0 20px var(--main-kontakt-card-shadow-color) !important;
}
/* kontakt svaz */
.main_kontakt_svaz {
background: var(--main-kontakt-svaz-background-color);
color: var(--main-kontakt-svaz-color);
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
border: 1px solid var(--main-kontakt-svaz-border-color);
}
.main_kontakt_svaz [class*="col-"] {
padding: 5px 0;
}
.main_kontakt_svaz .main_kontakt_adresa {
font-size: 1em;
}
.main_kontakt_svaz .main_kontakt_qrcode {
text-align: right;
}
.main_kontakt_svaz .main_kontakt_qrcode img {
height: 100px;
width: 100px;
border: 1px solid #555;
}
.main_kontakt_svaz a {
color: var(--main-kontakt-svaz-anchor-color);
font-size: 1em;
}
@media (max-width: 991px) {
#main_kontakt .card .card-body img {
max-height: 200px;
}
}
@media (max-width: 767px) {
#main_kontakt {
padding: 5px;
}
#main_kontakt .card {
font-size: 1em;
}
#main_kontakt .card .card-body {
padding-top: 20px;
}
#main_kontakt .card .card-body .card-text {
font-weight: 400;
}
#main_kontakt .card .card-body .title_link:link, #main_kontakt .card .card-body .title_link:visited, #main_kontakt .card .card-body .title_link:focus {
font-size: 1.2em !important;
}
#main_kontakt .card .card-body hr {
display: none;
}
.main_kontakt_svaz .main_kontakt_adresa, .main_kontakt_svaz .main_kontakt_qrcode {
padding: 10px;
text-align: center;
}
}
@media (max-width: 576px) {
#main_kontakt .card .card-body .card-text {
line-height: 1.4;
}
#main_kontakt .card .card-body img {
max-height: 220px;
}
#main_kontakt .card .card-body .title_link:link, #main_kontakt .card .card-body .title_link:visited, #main_kontakt .card .card-body .title_link:focus {
font-size: 1.2em !important;
}
}
/* rozcestnik */
#main_rozcestnik {
background-color: var(--main-rozcestnik-background-color);
padding: 30px 0;
}
#main_rozcestnik a:link, #main_rozcestnik a:visited, #main_rozcestnik a:focus {
display: block;
background-color: var(--main-rozcestnik-anchor-background-color);
color: var(--main-rozcestnik-anchor-color);
padding: 20px 0;
margin: 10px 0 5px 0;
text-align: center;
font-size: 1em;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 0 20px var(--main-rozcestnik-shadow-color) !important;
border: 1px solid var(--main-rozcestnik-anchor-border-color);
}
#main_rozcestnik a:hover {
background-color: var(--main-rozcestnik-anchor-background-color-hover) !important;
color: var(--main-rozcestnik-anchor-color-hover);
box-shadow: 3px 5px 10px var(--main-rozcestnik-shadow-color);
}
#main_rozcestnik .bi {
background: none;
color: var(--main-rozcestnik-bi-color);
font-size: 1.6em;
padding: 10px;
border-radius: 5px;
border: none;
}
#main_rozcestnik a:hover .bi {
color: var(--main-rozcestnik-bi-color-hover);
}
#main_rozcestnik .title_link {
color: var(--main-rozcestnik-anchor-color);
margin: 0;
padding: 5px 10px;
font-size: 1.2em;
font-weight: 500;
text-transform: normal;
border: none;
}
#main_rozcestnik a:hover .title_link {
color: #fff;
}
#main_rozcestnik .text {
padding: 0 10px;
font-size: 1em;
font-weight: 100;
}
#main_rozcestnik .go {
margin-top: 3px;
}
@media(max-width: 991px) {
#main_rozcestnik {
padding: 5px 0 5px 5px;
}
}
@media(max-width: 767px) {
#main_rozcestnik a:link, #main_rozcestnik a:visited, #main_rozcestnik a:focus {
padding: 30px 0;
margin: 0 0 5px 0;
box-shadow: 0 0 10px var(--main-rozcestnik-shadow-color) !important;
}
#main_rozcestnik .title_link {
font-size: 1.2em;
}
#main_rozcestnik .bi {
font-size: 1.4em;
}
}
@media(max-width: 575px) {
#main_rozcestnik a:link, #main_rozcestnik a:visited, #main_rozcestnik a:focus {
padding: 20px 0;
}
#main_rozcestnik .title_link {
font-size: 1em;
}
}
/* infoservis */
#main_infoservis_page {
overflow: auto;
background: var(--main-infoservis-background-color);
min-width: 100%;
padding: 0;
margin: 0 auto !important;
border: none;
}
#main_infoservis {
overflow: auto;
padding: 0;
margin-bottom: 20px;
border: none;
}
#main_infoservis .item {
overflow: auto;
background: var(--main-infoservis-item-background-color);
color: var(--main-infoservis-item-color);
margin: 5px 0;
padding: 20px 5px;
border-radius: 0;
border: none;
border-bottom: 1px solid var(--main-infoservis-item-border-color);
}
#main_infoservis .item a.title_link:link, #main_infoservis .item a.title_link:visited {
color: var(--main-infoservis-anchor-title-color);
margin: 0 0 3px 0;
font-size: 1.2em !important;
font-weight: 700;
line-height: 1.3;
display: block;
text-align: left;
text-decoration: none;
}
#main_infoservis .item a.title_link:hover {
background: none;
text-decoration: underline;
border: none;
}
#main_infoservis .media-body .uvod {
text-indent: 0;
font-size: 1em;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0px;
margin: 0;
}
#main_infoservis .item .foto {
overflow: auto;
max-width: 300px;
margin: 0 20px 0 0;
padding: 0;
}
#main_infoservis .center-cropped {
width: 100%;
height: 130px;
margin: 0 0 20px 0 !important;
padding: 0;
opacity: 1;
background-position: center center;
background-repeat: no-repeat;
background-image: none;
background-size: cover;
border: none;
}
#main_infoservis .center-cropped:hover {
opacity: 1;
}
@media(max-width: 767px) {
#main_infoservis .item {
padding: 20px 0;
}
#main_infoservis .media-body .uvod {
font-size: 1em;
font-weight: 400;
line-height: 1.4;
}
#main_infoservis .item a.title_link:link, #main_infoservis .item a.title_link:visited {
font-size: 1.2em !important;
margin-top: 10px;
margin-bottom: 5px;
}
#main_infoservis .item .foto {
max-width: none;
margin-right: 0;
width: 100%;
}
}
@media(max-width: 575px) {
#main_infoservis .item a.title_link:link, #main_infoservis .item a.title_link:visited {
font-size: 1.2em !important;
}
#main_infoservis .center-cropped {
height: auto;
min-height: 250px;
}
}
/* akce */
#main_akce_page {
overflow: auto;
background: none;
padding: 0;
margin: 0 auto;
border: none;
}
#main_akce {
overflow: auto;
background: var(--main-akce-background-color);
color: var(--main-akce-color);
padding: 0;
margin-bottom: 20px;
border: none;
}
#main_akce .item {
overflow: auto;
background: var(--main-akce-item-background-color);
color: var(--main-akce-item-color);
margin: 5px 0;
padding: 20px 5px;
border-radius: 0;
border: none;
border-bottom: 1px solid var(--main-akce-item-border-color);
}
#main_akce .datum {
background: var(--main-akce-datum-background-color);
color: var(--main-akce-datum-color);
float: right;
padding: 0 10px 10px 10px;
margin: 0 20px 0 0;
text-align: center;
font-size: 1em;
font-weight: 600;
border-radius: 0;
border: none;
border-right: 1px solid var(--main-akce-datum-border-color);
}
#main_akce .datum_den, #main_akce .datum_mesic {
font-size: 1.2em;
}
#main_akce .datum_mesic:before {
content: "/";
padding: 0 3px;
font-weight: 200;
font-size: 1em;
}
#main_akce .oddel {
color: var(--main-akce-oddel-color);
}
#main_akce a.title_link:link, #main_akce a.title_link:visited {
color: var(--main-akce-anchor-title-color);
padding: 2px 0;
margin: 0 0 3px 0;
font-size: 1.2em !important;
font-weight: 700;
line-height: 1.3;
display: block;
text-decoration: none;
text-align: left !important;
border: none;
}
#main_akce a.title_link:hover {
background: none;
text-decoration: underline;
border: none;
}
#main_akce .popis {
padding: 5px 0;
font-weight: 400;
line-height: 1.5;
}
#main_akce .pocet_volne, #main_akce .pocet_nula {
padding: 5px 9px;
border-radius: 40px;
font-size: 1em;
font-weight: 600;
}
#main_akce .pocet_volne {
background: var(--main-akce-pocet-volne-background-color);
color: var(--main-akce-pocet-volne-color);
}
#main_akce .pocet_nula {
background: var(--main-akce-pocet-nula-background-color);
color: var(--main-akce-pocet-nula-color);
}
table .table-pozadavky {
background-color: none !important;
border: none !important;
border-bottom: 2px solid var(--table-pozadavky-border-color) !important;
}
table .table-pozadavek-label {
background-color: var(--table-pozadavek-label-background-color) !important;
color: var(--table-pozadavek-label-color) !important;
font-weight: 200;
text-align: center;
border: none !important;
}
table .table-pozadavek-value {
background-color: var(--table-pozadavek-value-background-color) !important;
color: var(--table-pozadavek-value-color) !important;
font-weight: 400;
text-align: center;
border: none !important;
}
table tr td a.bi-pozadavek {
color: var(--main-akce-pocet-bi-pozadavek) !important;
font-size: 1.2em;
}
table tr td a.bi-pozadavek-exists {
color: var(--main-akce-pocet-bi-pozadavek-exists) !important;
font-size: 1.2em;
}
@media (max-width: 767px) {
#main_akce .datum {
margin: 0 5px 0 0;
}
#main_akce .datum_den, #main_akce .datum_mesic {
font-size: 1.2em;
}
#main_akce a.title_link:link, #main_akce a.title_link:visited {
display: block;
font-size: 1.2em !important;
text-align: left;
}
}
@media(max-width: 575px) {
#main_akce .datum_den, #main_akce .datum_mesic {
font-size: 1.1em;
}
#main_akce a.title_link:link, #main_akce a.title_link:visited {
font-size: 1.2em !important;
}
}
/* kontakt */
#main_contact {
background-color: var(--main-contact-background-color);
color: var(--main-contact-bi-color);
padding: 0;
}
#main_contact .bi {
color: var(--main-contact-bi-color);
font-size: 1.3em;
margin-right: 10px;
}
#main_contact .phone {
color: var(--main-contact-phone-color);
font-size: 1.4em;
font-weight: 700;
text-decoration: none;
}
#main_contact a:link, #main_contact a:visited {
color: var(--main-contact-email-color);
font-size: 1.4em;
font-weight: 700;
text-decoration: none;
}
#main_contact a:hover {
text-decoration: underline;
}
@media(max-width: 767px) {
#main_contact .phone, #main_contact a:link, #main_contact a:visited {
font-size: 1.2em;
}
}
/* dotaz */
#main_dotaz {
background-color: var(--main-dotaz-background-color) !important;
color: var(--main-dotaz-color);
padding: 0 20px;
margin: 20px auto !important;
font-size: 1em;
border-radius: 0;
border: none !important;
}
#main_dotaz .accordion-item {
background-color: var(--main-dotaz-item-background-color) !important;
padding: 0;
margin: 0;
border-radius: 0;
border: none !important;
}
#main_dotaz .accordion-item .accordion-header {
font-size: 1em;
padding: 2px;
margin-top: 5px;
border-radius: 0;
border: none !important;
border-bottom: 1px solid var(--main-dotaz-item-border-color) !important;
}
#main_dotaz .accordion-item .accordion-header .accordion-button.collapsed {
background-color: var(--main-dotaz-heading-background-color) !important;
color: var(--main-dotaz-heading-color) !important;
padding: 15px 10px;
text-transform: none !important;
font-size: 1.2em !important;
font-weight: 600;
box-shadow: none;
border-radius: 0;
border: none !important;
}
#main_dotaz .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: var(--main-dotaz-heading-notcollapsed-background-color) !important;
color: var(--main-dotaz-heading-notcollapsed-color) !important;
padding: 15px 10px;
text-transform: none !important;
font-size: 1.2em !important;
font-weight: 600;
box-shadow: none;
border-radius: 0;
border: none !important;
}
#main_dotaz .accordion-item .accordion-header .accordion-button .bi {
color: var(--main-dotaz-heading-bi-color);
font-size: 1.1em;
margin-right: 10px;
}
#main_dotaz .accordion-collapse {
border: none !important;
}
#main_dotaz .accordion-item .accordion-body {
background-color: var(--main-dotaz-body-background-color) !important;
color: var(--main-dotaz-body-color);
padding: 10px 50px 20px 50px;
margin-top: 10px;
font-size: 1.1em !important;
font-weight: 400;
line-height: 25px;
border-radius: 0;
border: none !important;
border-left: 2px solid var(--main-dotaz-body-border-color) !important;
}
#main_dotaz .accordion-item .accordion-body p {
padding: 5px 0;
margin: 0;
}
#main_dotaz .accordion-item .accordion-body ul {
list-style-type: square;
list-style-position: outside;
padding: 0 5px 0 40px;
margin: 0;
}
#main_dotaz .accordion-item .accordion-body ul li {
padding: 3px 0;
}
#main_dotaz .accordion-item .accordion-body .main-dotaz-link:link, #main_dotaz .accordion-item .accordion-body .main-dotaz-link:visited {
color: var(--main-dotaz-body-anchor-color);
font-weight: 400;
text-decoration: none;
}
#main_dotaz .accordion-item .accordion-body .main-dotaz-link:hover {
text-decoration: underline;
}
/* tlacitko */
#main_dotaz .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,");
/*--bs-accordion-btn-icon-width: 1rem;*/
/*background-image: var(--bs-accordion-btn-icon);*/
border-radius: 0;
box-shadow: none;
}
html.trewis-web-dark-theme {
#main_dotaz .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,");
/*--bs-accordion-btn-icon-width: 1rem;*/
/*background-image: var(--bs-accordion-btn-icon);*/
border-radius: 0;
box-shadow: none;
}
}
@media(max-width: 767px) {
#main_dotaz {
padding: 0;
}
#main_dotaz .accordion-item .accordion-header .accordion-button.collapsed,
#main_dotaz .accordion-item .accordion-header .accordion-button:not(.collapsed) {
font-size: 1.2em !important;
}
#main_dotaz .accordion-item .accordion-body {
font-size: 1.1em !important;
}
#main_dotaz .accordion-item .accordion-body {
padding: 10px 10px 10px 37px;
}
}
/* video uvodni */
#main_video {
padding: 10px 0;
}
/* video v horni casti */
#main_video_tv {
position: relative;
background: #000;
height: auto;
width: 100%;
padding: 0;
margin: 0;
border: none;
}
/* video server */
#main_video_tv #myVideo {
width: 100%;
height: 100%;
padding: 0;
margin: 0 auto;
opacity: 0.4;
border: none;
z-index: -1;
}
#main_video_tv .caption-container {
position: absolute;
padding: 20px 20px;
left: 0;
right: 0;
top: 40px;
text-align:left;
}
#main_video_tv .caption-container .caption:link, #main_video_tv .caption-container .caption:visited {
display: block;
color: #fff;
font-size: 2em;
font-weight: 600;
line-height: 1.1;
margin: 0 0 10px 0;
padding: 10px 0;
}
#main_video_tv .caption-container .caption:hover {
text-decoration: underline;
}
#main_video_tv .caption-container .caption .bi {
display: none;
color: #fff;
font-size: 1em;
margin-right: 5px;
}
#main_video_tv .caption-container #btnOpacity:link, #main_video_tv .caption-container #btnOpacity:visited, #main_video_tv .caption-container #btnOpacity:active {
background: none;
color: #fff;
padding: 5px;
margin: 0;
border: 1px solid #aaa;
}
#main_video_tv .caption-container #btnOpacity:hover {
background: #c82749;
color: #fff;
border: 1px solid #c82749;
}
#main_video_tv .caption-container #btnOpacity .bi {
color: #fff;
font-size: 1em;
}
#main_video_tv .caption-container #btnOpacity:hover .bi {
color: #f5261f;
}
#main_video_tv .caption-container #btnVolume:link, #main_video_tv .caption-container #btnVolume:visited,
#main_video_tv .caption-container #btnVolume:active {
background: none;
color: #fff;
padding: 5px;
margin-left: 5px;
border: 1px solid #aaa;
}
#main_video_tv .caption-container #btnVolume:hover {
background: #c82749;
color: #fff;
border: 1px solid #c82749;
}
#main_video_tv .caption-container #btnVolume .bi {
color: #fff;
}
#main_video_tv .caption-container #btnVolume:hover .bi {
color: #f5261f;
}
#main_video_tv .caption-container #btnPlay:link, #main_video_tv .caption-container #btnPlay:visited, #main_video_tv .caption-container #btnPlay:active {
background: none;
color: #fff;
padding: 5px;
margin-left: 5px;
border: 1px solid #aaa;
}
#main_video_tv .caption-container #btnPlay:hover {
background: #c82749;
color: #fff;
border: 1px solid #c82749;
}
#main_video_tv .caption-container #btnPlay .bi {
color: #fff;
}
#main_video_tv .caption-container #btnPlay:hover .bi {
color: #f5261f;
}
/* video v horni casti - youtube */
#main_video_tv_youtube {
position: relative;
background: #000;
width: 100%;
height: 100vh;
max-height: 700px;
padding: 0;
margin: 0;
}
#main_video_tv_youtube iframe {
width: 100%;
height: 100%;
border: none;
}
#main_video_tv_youtube_container {
background: none;
padding: 15px 10px;
margin: 0 auto;
text-align: center;
border: none;
border-bottom: 1px solid #20428a;
}
#main_video_tv_youtube_container .caption:link, #main_video_tv_youtube_container .caption:visited {
color: #162e61;
padding: 10px 0;
font-size: 1.1em;
font-weight: 600;
text-decoration: none;
}
#main_video_tv_youtube_container .caption:hover {
text-decoration: underline;
}
#main_video_tv_youtube_container .caption .bi {
color: #000;
font-size: 1em;
margin-right: 10px;
}
@media(max-width: 767px) {
#main_video_tv {
width: auto;
height: auto;
}
#main_video_tv #myVideo {
width: 100%;
height: 100%;
min-height: 500px;
opacity: 1;
}
#main_video_tv .caption-container .caption {
font-size: 1.6em !important;
}
#main_video_tv_youtube {
width: auto;
height: auto;
}
#main_video_tv_youtube iframe {
min-height: 500px;
}
}
@media(min-width: 1200px) {
#main_video_tv #myVideo {
max-height: 1000px;
}
#main_video_tv_youtube {
max-height: 1000px;
}
}
@media(min-width: 1600px) {
#main_video_tv .caption-container .caption {
font-size: 2.6em !important;
}
#main_video_tv #myVideo {
max-height: 1200px;
}
#main_video_tv_youtube {
max-height: 1200px;
}
}
/* main_video_tv */
/* clanek */
.clanek .uvod {
overflow: auto;
color: var(--clanek-uvod-color);
padding: 0;
margin: 0 0 5px 0;
font-size: 1.2em;
font-weight: 600;
text-indent: 0;
line-height: 1.6;
white-space: normal;
border: none;
}
.clanek .obsah {
overflow: auto;
color: var(--clanek-obsah-color);
margin: 10px 0 20px 0;
font-size: 1.2em;
font-weight: 400;
line-height: 1.6;
}
.clanek .obsah p {
text-indent: 0;
margin-bottom: 10px;
}
.clanek .obsah strong {
font-weight: 500 !important;
}
.clanek .obsah ul {
border: none;
}
.clanek .www {
overflow: auto;
padding: 0 !important;
margin: 10px 0;
}
.clanek .autor {
overflow: auto;
padding: 0 !important;
margin: 10px 0;
}
.clanek .autor img {
width: 100px;
float: left;
margin-right: 10px;
}
.clanek .hlavnifoto {
position: relative;
overflow: auto;
height: 500px;
margin: 20px 0;
padding: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border: none;
}
.clanek .hlavnifoto .hlavnifoto-container {
position: absolute;
background: linear-gradient(to right, rgba(32,66,138,0), rgba(32,66,138,0.4), rgba(32,66,138,0.4), rgba(32,66,138,0));
color: #fff;
left: 10px;
right: 10px;
bottom: 10px;
margin: 0;
padding: 10px !important;
border-radius: 10px;
border: none;
}
.clanek .hlavnifoto .hlavnifoto-title {
position: relative;
margin: 0 auto !important;
padding: 10px;
left: 0;
right: 0;
bottom: 0;
height: auto;
font-size: 2em;
font-weight: 600;
line-height: 1.4;
text-shadow: 1px 1px 3px #555;
text-align: center;
border: none;
}
@media(min-width: 1200px) {
.clanek .hlavnifoto {
height: 550px;
}
.clanek .hlavnifoto .hlavnifoto-title {
font-size: 2em;
}
}
@media(min-width: 1600px) {
.clanek .hlavnifoto {
height: 550px;
}
}
@media (max-width: 991px) {
.clanek .hlavnifoto {
height: 500px;
}
.clanek .hlavnifoto .hlavnifoto-title {
font-size: 2em;
}
}
@media (max-width: 767px) {
.clanek .uvod {
font-size: 1.1em;
}
.clanek .obsah {
font-size: 1.1em;
}
.clanek .www {
padding: 5px 10px;
}
.clanek .autor {
padding: 5px 10px;
}
.clanek .hlavnifoto {
height: 450px;
}
.clanek .hlavnifoto .hlavnifoto-container {
left: 20x;
right: 10px;
bottom: 20px;
}
.clanek .hlavnifoto .hlavnifoto-title {
font-size: 1.6em;
}
}
/* rychle zpravy */
.marquee {
overflow: hidden;
background-color: var(--marquee-background-color) !important;
color: var(--marquee-color);
width: 100%;
max-width: 1200px;
padding: 5px;
margin: 0 auto;
white-space: nowrap;
border: none;
}
.marquee p {
display: inline-block;
padding-left: 100%; /* ! */
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
font-weight: 600;
animation: marquee 30s linear infinite;
border: none;
}
.marquee p .item a:link, .marquee p .item a:visited {
color: var(--marquee-anchor-color);
font-size: 1.1em !important;
font-weight: 600;
text-decoration: none;
}
.marquee p .item a:link:hover {
background: none;
text-decoration: underline;
border: none;
}
.marquee p .item .bi {
color: var(--marquee-item-bi-color);
font-size: 1.1em;
}
.marquee p .item .bi-warning {
color: var(--marquee-item-bi-warning-color);
font-size: 1.1em;
}
.marquee p .item::after {
content: "";
margin-right: 100px;
}
.marquee p:has(.item:hover) {
animation-play-state: paused;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@media(max-width: 767px) {
.marquee p {
animation: marquee 20s linear infinite;
}
.marquee p .item a:link, .marquee p .item a:visited {
font-size: 1em;
font-weight: 600;
}
}
/* page os */
.page-section {
background: var(--page-section-background-color);
color: var(--page-section-color);
font-size: 1.1em;
line-height: 1.4;
padding: 20px;
margin-bottom: 10px;
text-align: left;
border-radius: 10px;
border: 1px solid var(--page-section-border-color);
}