html {font-size: 16px; -webkit-text-size-adjust: 100%;}
body, input, select, textarea, button {font-family: Arial, Helvetica, sans-serif; font-size: inherit;}
body {font-size: 90%; line-height: 1.3; background: #fff; margin: 0; padding: 0; }
.TODO {background: #ff7920 !important;}
body, th, td {text-align: left;}
form, ul, ul li {margin: 0; padding: 0;}
ul li {list-style-type: none;}
img, iframe {border: 0;}
p, .article ul {margin: 0 0 1em 0; padding: 0;}
p.half-margin {margin: 0 0 0.5em 0;}
table {border-collapse: collapse; margin: 0;}
table th, table td {margin: 0; padding: 0;}
:focus {outline: none;}
::-moz-focus-inner {border: 0;}
* {box-sizing: border-box;}
ul.disc li { margin-left: 15px; list-style-type: disc;}
label.required::after {content: " *"; color: red; font-weight: bold; font-size: 125%;}
.tooltip-help, .modal-help {cursor: pointer;}
/* ************************* system class ************************* */
.cleaner {display: block; clear: both; line-height: 0; visibility: hidden; font-size: 0;}
.clearfix::after {content: ""; display: table; clear: both;}
.hide,
.qrcode {display: none;}
.text-nowrap {white-space: nowrap !important;}
.text-wrap {white-space: normal !important;}
.text-ellipsis {white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}
.bold {font-weight: bold !important;}
.m-t-5 {margin-top: 5px;}
.m-t-10 {margin-top: 10px;}
.m-t-15 {margin-top: 15px;}
.m-t-20 {margin-top: 20px;}
.m-b-5 {margin-bottom: 5px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-2em {margin-bottom: 2em !important;}
.m-b-4em {margin-bottom: 4em !important;}
.m-l-5 {margin-left: 5px;}
.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.m-l-20 {margin-left: 20px;}
.m-r-5 {margin-right: 5px;}
.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px;}
.m-r-20 {margin-right: 20px;}
.p-t-5 {padding-top: 5px;}
.p-t-10 {padding-top: 10px;}
.p-t-15 {padding-top: 15px;}
.p-l-5 {padding-left: 5px;}
.p-l-10 {padding-left: 10px;}
.p-l-15 {padding-left: 15px;}
.tags_list {margin: 0 0 2em 0;}
.tags_list .btn {margin-right: 4px; margin-bottom: 4px;}
.owl-nav.disabled,
.owl-dots.disabled {display: none;}
/* odkazy */
a:hover {text-decoration: underline;}
a.underline {text-decoration: underline !important; border-bottom: 0 !important;}
a.underline:hover {text-decoration: none !important;}
a.hover-underline {text-decoration: none !important;}
a.hover-underline:hover {text-decoration: underline !important; border-bottom: 0 !important;}
a.nounderline {text-decoration: none !important;}
a.nounderline:hover {text-decoration: none !important;}
a.toclip-icon {background: url(../img/ikony/led/clipboard_sign.png) right center no-repeat; padding-right: 20px;}
a.expand, a.expanded {cursor:pointer; display:inline-block}
a.expand:after, a.expanded:after {font:normal normal normal 14px/1 'Font Awesome 5 Free'; font-weight: 900; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-left:5px; text-decoration:none; display:inline-block;}
a.expand:after {content: "\f078"}
a.expanded:after {content: "\f077"}
a.expand-r:before {content: "" !important;}
a.expand-l:after {content: "" !important;}
a.infoidlink {padding: 0 3px; font-size: 12px !important;}
a.infoidlink + a.infoidlink, a.infoidlink-time + a.infoidlink {margin-left: 0.5em;}
/* text-decoration: none */
a, a.icon,
.button,
a[href^="tel:"]:hover {text-decoration: none;}
/* safari type="search" fix */
input[type="search"] {-webkit-appearance: none; -webkit-border-radius: 0;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/* Text uprostřed čáry */
div.line-with-text {text-align: center; border-bottom: 1px solid #ccc; line-height: 0.1em; margin: 30px 0;}
div.line-with-text span {background:#fff; padding:0 10px;}
/* ************************* barvy a okraje ************************* */
.pr-low {color: #6e6e6e !important;} /* [23698] Názvy low PR položek budou šedivě */
/* cerna */
body,
#footer #footer-menu > a,
#header-search #menu-header-search > ul.underline > li > a,
#category ul.catalog-list > li > h2 > a {color: #000;}
/* modra */
a,
.button-small strong,
input[type="checkbox"].perex-checkbox:checked + label::before,
#category ul.catalog-list > li.icon::before,
#header-search #menu-header-search > ul.underline > li.active > a,
.subcategory-block-buttons button#perex-button-close,
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner:hover::before,
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active::before,
.perex-info .perex-info-text.website-text a,
#gcse .gsc-url-top *,
.portlet-new .portlet-content a,
.article a.more-link, a.more-link,
.ui-state-highlight a {color: #0055a5;}
.color-blue {color: #0055a5 !important;}
/* tmavsi modra */
.article a,
.notify a,
h2 a,
.profile-block .column a,
.branch-text a,
.perex-info .perex-info-text.route-text a,
.profile-block.portals-info a {color: #001ba0;}
.profile-block .column a.inactive {color: #666; font-weight: normal;}
/* zelena */
.green,
.perex-info a,
.profile-block .phone-text a {color: #008140;}
/* tmave seda */
.prevnext-profile .prevnext {color: #151515;}
/* svetle seda */
.prevnext-profile .prevnext span.icon {color: #ccc;}
/* stredne seda */
.color-grey,
.profile-block .label:not([class*=" label-"]),
.date,
#breadcrumb a::before,
#breadcrumb > span:not(.kategorie-icons)::before,
#menu-subcategory-search a::after,
#menu-subcategory-search strong::after,
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner::before {color: #999!important;}
/* red */
.red, .profile-block .label.red {color: red !important;}
.error, .warning {color: red;}
.orange {color: rgb(215, 140, 0);}
/* [24970] Zakomentováno
::placeholder {color: #acacac; opacity: 1;}
:-ms-input-placeholder {color: #acacac;}
::-ms-input-placeholder {color: #acacac;}
*/
/* background color */
/* seda */
#header-search #header-search-input-button-wrapper button.button-header-search:hover,
.button:disabled,
.button.disabled,
.button:hover {background-color: #5f5f5f;}
/* modra */
.button, .button.active,
#header-search #header-search-input-button-wrapper button.button-header-search,
input[type="radio"]:checked + label::before,
#header-search #menu-header-search > ul.underline > li > a:hover::after,
#header-search #menu-header-search > ul.underline > li.active > a::after {background-color: #0076e4;}
/* zluta */
#copyright {background-color: #fdf478;}
/* seda */
.pagination .links a.page-icon,
#menu-subcategory-search,
#footer {background-color: #f2f2f2;}
input.simek[type="text"], input.simek[type="email"], input.simek[type="password"], input.simek[type="search"], input.simek[type="number"], input.simek[type="tel"], input.simek[type="date"], textarea, select, input.simek[type="text"].readonly:focus, input.simek[type="text"].readonly:hover {background-color: #f7fbfe;}
.button-small {background-color: #f3f3f3;}
.pagination .links a:hover,
.pagination .links a.page-icon:hover,
.pagination .links span.current-page,
.prevnext-profile a.prevnext:hover span.icon {background-color: #ecf2f7;}
/* border */
/* modra */
input.simek[type="text"], input.simek[type="email"], input.simek[type="password"], input.simek[type="search"], input.simek[type="number"], input.simek[type="tel"], input.simek[type="date"], textarea, select, input.simek[type="text"].readonly:focus, input.simek[type="text"].readonly:hover,
input[type="checkbox"].perex-checkbox + label::before, input[type="radio"].perex-checkbox + label::before,
input[type="checkbox"].perex-checkbox:checked + label:hover::before, input[type="radio"].perex-checkbox:checked + label:hover::before {border-color: #0076e4;}
/* svetle seda */
textarea:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="date"]:hover,
input[type="checkbox"].perex-checkbox + label:hover::before, input[type="radio"].perex-checkbox + label:hover::before, select:hover,
.prevnext-profile .prevnext span.icon,
.prevnext-profile .prevnext span.icon::before,
h1,
.profile-block h2,
.subcategory-perex,
#subcategory-list .topic {border-color: #ccc;}
/* seda */
.htabs,
.htabs a,
.htab-content,
#login.htab-content {border-color: #e1e1e1;}
/* border-radius */
.button-small,
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], textarea, select, input[type="text"].readonly:focus, input[type="text"].readonly:hover,
#header-search #header-search-input-button-wrapper button.button-header-search,
.button,
span.error,
#login.htab-content {border-radius: 4px;}
.htabs a {border-radius: 4px 4px 0 0;}
.htab-content {border-radius: 0 0 4px 4px;}
/* Validace formulářů */
.parsley-error {background: #ffdedd !important; border-color: #ff5b57 !important;}
.parsley-errors-list {color: #e5603b !important; font-size: 12px !important; padding-top: 4px !important;}
/* ************************* sdilene styly ************************* */
/* button */
button {background: none; border: 0; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background-color .2s ease-in-out;}
button:disabled {pointer-events: none;}
button span {display: none;}
/* button normal + button-header-search */
.button,
#header-search #header-search-input-button-wrapper button.button-header-search {height: 38px; font-weight: bold; font-size: 18px; color: #fff; }
/* button normal */
.button {padding: 0 22px;}
/* button small */
.button-small {padding: 5px 10px; border: 1px solid #ddd; white-space: nowrap;}
.button-small:hover {background-color: #fff; text-decoration: none;}
/* ************************* Hlášky ************************* */
div.msg {margin-bottom:20px; padding:5px 15px 5px 37px; line-height:30px; border-left:3px solid; overflow:hidden; position:relative;}
div.msg:before {font-family:'Font Awesome 5 Free',FontAwesome; font-weight: 600; font-weight: 600;font-size:16px; padding-right:2px; padding-bottom:1px; margin-left:-32px; vertical-align:middle; text-align:center; display:inline-block; min-width:28px;}
div.msg + .msg {margin-top:-10px;}
div.msg .btn + .btn {margin-left:2px;}
div.msg-danger {border-color:#986e6e; background:#fbd1d1; color:#a94442;}
div.msg-danger:before {content:"\f071"}
div.msg-warning {border-color:#9d9080; background:#fbe8b2; color:#8a6d3b;}
div.msg-warning:before {content:"\f12a"}
div.msg-success {border-color:#4a8564; background:#d1efb0; color:#3c763d;}
div.msg-success:before {content:"\f00c"}
div.msg-info {border-color:#587c89; background:#bee2ef; color:#31708f;}
div.msg-info:before {content:"\f05a"}
div.msg a:not(.btn) {text-decoration:underline}
div.msg a:not(.btn):hover {text-decoration:none}
/* ************************* bannery ************************* */
.banner {text-align: center;}
.banner img {border: 0;}
/* banner-horizontal */
.banner-horizontal {clear: both; text-align: center; padding: 0 0 3em 0;}
@media screen and (max-width: 479px) {
.banner-horizontal {padding-bottom: 1em; margin-top: -1em;}
}
/* skyscraper + skyscraper-view */
@media screen and (min-width: 480px) {
body.skyscraper-view #layout{position: relative;}
.skyscraper {top: 43px;}
.skyscraper.skyscraper-left + .skyscraper.skyscraper-left, .skyscraper.skyscraper-right + .skyscraper.skyscraper-right {top: 663px;}
.skyscraper {position: absolute; z-index: 100;}
.skyscraper > a {position: fixed;}
.skyscraper, .skyscraper a, .skyscraper a img {display: block; overflow: hidden;}
}
/* min-width = sirka webu 980px + sirka 2x skyscraper 2x120px + skyscraper left/right 180px */
@media screen and (min-width: 1400px) {
.skyscraper,
.skyscraper a,
.skyscraper a img {width: 160px; height: 600px;}
.skyscraper-square,
.skyscraper-square a,
.skyscraper-square a img {width: 150px; height: 150px;}
.skyscraper-left.skyscraper {left: -180px;}
.skyscraper-right.skyscraper {right: -180px;}
}
/* min-width = HOMEPAGE sirka webu 1140px + sirka 2x skyscraper 2x120px + skyscraper left/right 180px */
@media screen and (min-width: 1560px) {
#homepage .skyscraper,
#homepage .skyscraper a,
#homepage .skyscraper a img {width: 160px; height: 600px;}
#homepage .skyscraper-square,
#homepage .skyscraper-square a,
#homepage .skyscraper-square a img {width: 150px; height: 150px;}
#homepage .skyscraper-left.skyscraper {left: -180px;}
#homepage .skyscraper-right.skyscraper {right: -180px;}
}
/* max-width = sirka webu 980px + sirka 2x skyscraper 2x120px + skyscraper left/right 180px */
@media screen and (min-width: 480px) and (max-width: 1399px) {
.skyscraper,
.skyscraper a,
.skyscraper a img {width: 100px; height: 375px;}
.skyscraper-square,
.skyscraper-square a,
.skyscraper-square a img {width: 100px; height: 100px;}
.skyscraper.skyscraper-left + .skyscraper.skyscraper-left, .skyscraper.skyscraper-right + .skyscraper.skyscraper-right {top: 438px;}
.skyscraper-left.skyscraper {left: 10px;}
.skyscraper-right.skyscraper {right: 10px;}
body.skyscraper-view.skyscraper-view-right #footer {padding-left: 20px;}
}
/* max-width = HOMEPAGE sirka webu 1140px + sirka 2x skyscraper 2x120px + skyscraper left/right 180px */
@media screen and (min-width: 480px) and (max-width: 1559px) {
#homepage .skyscraper,
#homepage .skyscraper a,
#homepage .skyscraper a img {width: 100px; height: 375px;}
#homepage .skyscraper-square,
#homepage .skyscraper-square a,
#homepage .skyscraper-square a img {width: 100px; height: 100px;}
.skyscraper.skyscraper-left + .skyscraper.skyscraper-left, .skyscraper.skyscraper-right + .skyscraper.skyscraper-right {top: 438px;}
#homepage .skyscraper-left.skyscraper {left: 10px;}
#homepage .skyscraper-right.skyscraper {right: 10px;}
body#homepage.skyscraper-view.skyscraper-view-right #footer {padding-left: 20px;}
}
/* max-width = sirka webu 980px + sirka 2x skyscraper 2x120px + skyscraper left/right 180px */
@media screen and (min-width: 600px) and (max-width: 1399px) {
body.skyscraper-view.skyscraper-view-left #layout {padding-left: 120px;}
body.skyscraper-view.skyscraper-view-right #layout {padding-right: 120px;}
}
/* max-width = HOMEPAGE sirka webu 1140px + sirka 2x skyscraper 2x120px + skyscraper left/right 180px */
@media screen and (min-width: 600px) and (max-width: 1559px) {
body#homepage.skyscraper-view.skyscraper-view-left #layout {padding-left: 120px;}
body#homepage.skyscraper-view.skyscraper-view-right #layout {padding-right: 120px;}
}
/* skyscraper-view (max-width = sirka webu 980px + sirka 2x zmenseny skyscraper 2x120px) */
@media screen and (min-width: 480px) and (max-width: 1219px) {
body.skyscraper-view.skyscraper-view-right #footer .footer-inner,
body.skyscraper-view.skyscraper-view-right #copyright {padding-right: 120px;}
}
/* skyscraper-view (max-width = HOMEPAGE sirka webu 1140px + sirka 2x zmenseny skyscraper 2x120px) */
@media screen and (min-width: 480px) and (max-width: 1379px) {
body#homepage.skyscraper-view.skyscraper-view-right #footer .footer-inner,
body#homepage.skyscraper-view.skyscraper-view-right #copyright {padding-right: 120px;}
}
/* skyscraper-view (max-width = sirka webu 980px + sirka 2x zmenseny skyscraper 2x120px) */
@media screen and (min-width: 600px) and (max-width: 1219px) {
body.skyscraper-view.skyscraper-view-left #footer .footer-inner,
body.skyscraper-view.skyscraper-view-left #copyright {padding-left: 120px;}
body.skyscraper-view.skyscraper-view-right #footer {padding-left: 20px;}
}
/* HOMEPAGE skyscraper-view (max-width = sirka webu 980px + sirka 2x zmenseny skyscraper 2x120px) */
@media screen and (min-width: 600px) and (max-width: 1379px) {
body#homepage.skyscraper-view.skyscraper-view-left #footer .footer-inner,
body#homepage.skyscraper-view.skyscraper-view-left #copyright {padding-left: 120px;}
body#homepage.skyscraper-view.skyscraper-view-right #footer {padding-left: 20px;}
}
@media screen and (min-width: 480px) and (max-width: 599px) {
body.skyscraper-view.skyscraper-view-right #layout {padding-right: 120px;}
.skyscraper-left.skyscraper {display: none;}
}
@media screen and (max-width: 479px) {
.skyscraper {display: none;}
}
/* article */
/* obrazky */
p img {padding: 0; max-width: 100%;}
@media screen and (max-width: 979px) {
img {max-width: 100%; height: auto;}
}
/* HOMEPAGE */
@media screen and (max-width: 1139px) {
#homepage img {max-width: 100%; height: auto;}
}
@media screen and (max-width: 479px) {
.alignright,
.alignleft,
.rightfloat,
.leftfloat {display: block; margin: 0 auto 1em auto;}
}
@media screen and (min-width: 480px) {
.alignright , .rightfloat {margin: 0 0 15px 20px; float: right;}
.alignleft , .leftfloat {margin: 0 20px 15px 0; float: left}
}
/* ************************* nadpisy ************************* */
h1 {font-size: 130%; margin: 0 0 1em 0; padding: 0 0 0.25em 0; border-bottom-width: 1px; border-bottom-style: solid;}
#main.subcategory-list h1 {margin: 0 0 0.6em 0;}
h1.ico::before {color: #acacac; font-size: inherit;}
h1, h2, h3 {font-weight: bold;} /* [16480] */
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 105%;}
/* [22644]4 Zobrazení hledaného výrazu */
.searched-term {display: inline-block; font-variant: all-small-caps !important;}
.searched-term::first-letter {font-variant: normal !important; text-transform: uppercase !important;}
/* ************************* layout ************************* */
#layout {padding-left: 20px; padding-right: 20px; box-sizing: content-box;}
.fullWidth #layout {box-sizing: border-box;}
/* sirka webu 980px + padding-left 20px + padding-right 20px (popr. + 2px IE flex bug) */
@media screen and (min-width: 1020px) {
#layout,
#footer .footer-inner,
#copyright-inner {width: 980px; margin: 0 auto;}
}
/* HOMEPAGE fix auto (prebiti min-width: 1020px) */
@media screen and (max-width: 1179px) {
#homepage #layout,
#homepage #footer .footer-inner,
#homepage #copyright-inner {width: auto;}
}
/* HOMEPAGE sirka webu 1140px + padding-left 20px + padding-right 20px */
@media screen and (min-width: 1180px) {
#homepage #layout,
#homepage #footer .footer-inner {width: 1140px; margin: 0 auto;}
#copyright-inner {width: 100%; margin: 0 auto;} /* [23255] */
}
/* skyscraper-view (max-width = sirka webu 980px + sirka 2x zmenseny skyscraper 2x120px) */
@media screen and (min-width: 1020px) and (max-width: 1219px) {
body.skyscraper-view #layout,
body.skyscraper-view #footer .footer-inner,
body.skyscraper-view #copyright-inner {width: auto;}
}
/* HOMEPAGE skyscraper-view (max-width = homepage sirka webu 1140px + sirka 2x zmenseny skyscraper 2x120px) */
@media screen and (min-width: 1180px) and (max-width: 1379px) {
body#homepage.skyscraper-view #layout,
body#homepage.skyscraper-view #footer .footer-inner,
body#homepage.skyscraper-view #copyright-inner {width: auto;}
}
/* stranka na 100% sirku */
body.fullWidth #layout,
body.fullWidth #footer .footer-inner,
body.fullWidth #copyright-inner {width: 100%; margin: 0 auto;}
body.fullWidth #header-search {max-width: 980px;}
@media screen and (max-width: 479px) {
#layout {padding-top: 20px;}
}
#layout, #header-inner, #footer .footer-inner {text-align: left;}
#footer .footer-inner {overflow: hidden;}
/* ************************* header ************************* */
/* header menu-login */
#menu-login {padding: 5px 10px 20px 10px; text-align: center;}
#menu-login > a {font-size: 90%;}
#menu-login > a.first {margin-right: 10px;}
@media screen and (max-width: 479px) {
#menu-login {display: none;}
}
@media screen and (min-width: 980px) {
#menu-login {float: right;}
}
/* ************************* header search + header logo ************************* */
#header-search {clear: both;}
/* header logo standardni sirka */
#homepage #header-search.homepage #header-search-left a#logo,
#header-search #header-search-left a#logo {background-position: center center;}
#header-search #header-search-left a#logo {display: block; height: 70px; background-repeat: no-repeat; background-size: contain;}
/* HOMEPAGE */
#homepage #header-search.homepage #header-search-left a#logo {margin: 0 auto 30px auto;}
@media screen and (max-width: 749px) {
#header-search #header-search-left a#logo {margin-bottom: 30px;}
}
#header-search #header-search-left a#logo span {display: none;}
/* header search right */
#header-search #header-search-right,
#homepage #header-search.homepage #header-search-right {width: 100%;}
/* header search logo/flex/left/right */
@media screen and (min-width: 750px) {
/* flex row */
#header-search {display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;}
#homepage #header-search.homepage {flex-direction: column;}
#header-search #header-search-left {flex-grow: 0;}
#header-search #header-search-right {flex: 1 0 0;}
#header-search #header-search-left a#logo {width: 156px; background-position: 0 0; margin-right: 34px;}
/****** SIRKY ********/
/* sirka loga */
/* header logo medium */
#header-search #header-search-left a#logo.medium {width: 170px;}
/* header logo wide */
#header-search #header-search-left a#logo.wide {width: 203px;}
}
@media screen and (min-width: 980px) {
/* header-search images-catalog */
#header-search.images-catalog {width: 80%}
}
/* HOMEPAGE */
@media screen and (min-width: 750px) and (max-width: 1139px) {
#homepage #header-search.homepage #header-search-right {min-width: 90%;}
}
/* HOMEPAGE */
@media screen and (min-width: 1140px) {
#homepage #header-search.homepage #header-search-left,
#homepage #header-search.homepage #header-search-right {width: 75%; flex-grow: 1;}
/* HOMEPAGE header logo homepage */
#homepage #header-search.homepage #header-search-left a#logo {width: 100%; height: 90px;}
}
/* menu-header-search */
/* HOMEPAGE header search menu homepage */
#header-search.homepage #menu-header-search {text-align: center;}
@media screen and (max-width: 749px) {
#header-search #menu-header-search {text-align: center;}
}
@media screen and (min-width: 750px) {
#header-search #menu-header-search {text-align: left;}
}
/* header search menu */
#header-search #menu-header-search > ul.underline > li {display: inline-block; margin-bottom: 1em;}
#header-search #menu-header-search > ul.underline > li > a {position: relative; display: block; padding: 0 10px 10px 10px; font-weight: bold; text-decoration: none; transition: all .2s ease-in-out;}
@media screen and (min-width: 480px) {
#header-search #menu-header-search > ul.underline > li > a {padding: 0 20px 10px 20px;;}
}
#header-search #menu-header-search > ul.underline > li > a::after {display: block; position: absolute; left: 0; right: 0; bottom: -1px; content: ""; margin: auto; height: 1px; width: 0; background: transparent; transition: all .5s ease;}
#header-search #menu-header-search > ul.underline > li > a:hover::after,
#header-search #menu-header-search > ul.underline > li.active > a::after {width: 100%;}
/* header search input-button */
#header-search #header-search-input-button-wrapper {position: relative;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner {position: relative; height: 38px;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner input.input-header-search ,
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner select.input-header-search
{width: 100%; height: 38px; line-height: 38px; font-size: 14px; padding: 0 8px 0 30px; border: 1px solid #999; background: transparent; box-sizing: border-box; box-shadow: none;}
/* [24414] Zrušení loading ikonky ve vyhledávacích polích */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner input.input-header-search.ui-autocomplete-loading
{background-image: none !important;}
/* header-search-input-inner.active */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active input.input-header-search {border-bottom: 0;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner {position: relative;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner::before {position: absolute; top: 50%; transform: translateY(-50%); left: 8px; font-size: 18px;}
/* button-header-search */
#header-search #header-search-input-button-wrapper button.button-header-search {width: 100%;}
@media screen and (min-width: 750px) {
/* button-header-search */
#header-search #header-search-input-button-wrapper button.button-header-search {width: 100px;}
/* header-search-input-inner.active */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active input#header-search-fulltext.input-header-search {border-radius: 4px 0 0 0;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper #header-search-location-wrapper.header-search-input-inner.active .livesearch {left: -1px; width: calc(100% + 1px);}
/* header-search-input-inner */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner input#header-search-fulltext.input-header-search {border-radius: 4px 0 0 4px;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner #header-search-location.input-header-search {border-left: 0; border-radius: 0;}
/* [24970] Zakomentováno
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner #header-search-location.input-header-search::placeholder {color: #000; opacity: 1;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner #header-search-location.input-header-search:focus::placeholder {color: transparent; opacity: 0;}
*/
#header-search #header-search-input-button-wrapper #header-search-input-wrapper {width: calc(100% - 99px);}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner {float: left;}
/* fulltext */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper #header-search-fulltext-wrapper.header-search-input-inner,
#advanced-search-checkboxes-first
{width: 60%;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper #header-search-fulltext-wrapper.header-search-input-inner.one
{width: 100%;}
/* images-catalog: fulltext */
#header-search.images-catalog #header-search-input-button-wrapper #header-search-input-wrapper #header-search-fulltext-wrapper.header-search-input-inner {width: 100%;}
/* location */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper #header-search-location-wrapper.header-search-input-inner {width: 40%;}
#header-search #header-search-input-button-wrapper button.button-header-search {position: absolute; top: 0; right: 0; border-radius: 0 4px 4px 0;}
}
@media screen and (max-width: 749px) {
/* header-search-input-inner */
#header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active input.input-header-search {border-radius: 4px 4px 0 0;}
#header-search #header-search-input-button-wrapper #header-search-input-wrapper div {width: 100%; margin: 0 0 10px 0;}
#header-search #header-search-input-button-wrapper button.button-header-search span {display: inline-block; padding: 0 14px; font-size: 18px; font-weight: bold;}
#header-search #header-search-input-button-wrapper button.button-header-search::before {display: none;}
}
#header-search #advanced-search {display: flex; margin-top: 1em;}
#header-search #advanced-search label {margin-right: 10px;}
#header-search #advanced-search #advanced-search-checkboxes {display: flex;}
@media screen and (min-width: 750px) {
#header-search #advanced-search #advanced-search-checkboxes {width: calc(100% - 99px);}
}
/* header-search skyscraper-view */
@media screen and (max-width: 950px) {
body.skyscraper-view #header-search {display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap;}
body.skyscraper-view #header-search #header-search-left a#logo {margin: 0 auto 30px auto;}
body.skyscraper-view #header-search #menu-header-search {text-align: center;}
body.skyscraper-view #header-search div,
body.skyscraper-view #header-search #header-search-input-button-wrapper button.button-header-search {width: 100%!important;}
/* header-search-input-inner.active */
body.skyscraper-view #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active input.input-header-search {border-bottom: 0; border-radius: 4px 4px 0 0!important;}
body.skyscraper-view #header-search #header-search-input-button-wrapper #header-search-input-wrapper #header-search-location-wrapper.header-search-input-inner.active .livesearch {left: auto;}
body.skyscraper-view #header-search #header-search-input-button-wrapper button.button-header-search {position: relative; top: auto; right: auto; border-radius: 4px;}
body.skyscraper-view #header-search #header-search-input-button-wrapper #header-search-input-wrapper div {margin: 0 0 10px 0;}
body.skyscraper-view #header-search #header-search-input-button-wrapper button.button-header-search span {display: inline-block; padding: 0 14px; font-size: 18px; font-weight: bold;}
body.skyscraper-view #header-search #header-search-input-button-wrapper button.button-header-search::before {display: none;}
body.skyscraper-view #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner input.input-header-search {border: 1px solid #999; border-radius: 4px;}
/* header-search-input-inner */
body.skyscraper-view #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner #header-search-location.input-header-search {border-left-width: 1px; border-left-style: solid; border-left-color: #999; border-radius: 4px;}
}
@media screen and (max-width: 480px) {
#header-search #advanced-search select {width: 50%;}
}
/* ************************* header-search - livesearch ************************* */
/* livesearch */
#header-search .livesearch {position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 0; background-color: #fff; box-shadow: 4px 4px 5px rgba(0,0,0,.15); border: 1px solid #999; border-top: 0; z-index: 100; border-radius: 0 0 4px 4px;}
#header-search .livesearch ul li {margin: 0 0 0.5em 0; padding: 8px 10px; line-height: 1.5;}
#header-search .livesearch ul li:hover {background-color: #eee;}
#header-search .livesearch ul li a {display: block; color: #000; text-decoration: none;}
#header-search .livesearch ul li .first-line {font-weight: bold; font-size: 110%;}
#header-search .livesearch ul li .second-line {font-size: 100%; color: #666;}
#header-search .livesearch ul li a.icon-svg,
#header-search .livesearch ul li a.icon {display: block; position: relative;}
#header-search .livesearch ul li a.icon-svg {padding: 0 0 0 40px;}
#header-search .livesearch ul li a.icon-svg::before {content: ""; width: 30px; height: 30px; position: absolute; top: 0.3em; left: 0; background-repeat: no-repeat; background-position: center top; background-size: contain;}
#header-search .livesearch ul li a.icon {padding: 0 0 0 25px;}
#header-search .livesearch ul li a.icon::before {color: #0076e4; position: absolute; top: 0.3em; left: 0;}
#header-search .ui-autocomplete {left: -1px; width: calc(100% + 1px); overflow-y: auto;}
#header-search .ui-autocomplete {position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 0; background-color: #fff; box-shadow: 4px 4px 5px rgba(0,0,0,.15); border: 1px solid #999; border-top: 0; z-index: 1001; border-radius: 0 0 4px 4px;}
#header-search .ui-autocomplete li {margin: 0 0 0.5em 0; padding: 8px 10px; line-height: 1.5;}
#header-search .ui-autocomplete li:hover , #header-search .ui-autocomplete li a.ui-state-focus{background-color: #eee;}
#header-search .ui-autocomplete li a {display: block; color: #000; text-decoration: none;}
#header-search .ui-autocomplete li .first-line {font-weight: bold; font-size: 110%;}
#header-search .ui-autocomplete li .first-line i {color: #999; font-weight: normal; font-style: normal;}
#header-search .ui-autocomplete li .first-line .fas {color: #0076e4;}
#header-search .ui-autocomplete li .second-line b {color: #000}
#header-search .ui-autocomplete li .second-line, #header-search .ui-autocomplete li .first-line span {font-size: 100%; color: #666; font-weight: normal;}
#header-search .ui-autocomplete li a.icon-svg,
#header-search .ui-autocomplete li a.icon {display: block; position: relative;}
#header-search .ui-autocomplete li a.icon-svg {padding: 0 0 0 40px;}
#header-search .ui-autocomplete li a.icon-svg::before {content: ""; width: 30px; height: 30px; position: absolute; top: 0.3em; left: 0; background-repeat: no-repeat; background-position: center top; background-size: contain;}
#header-search .ui-autocomplete li a.icon {padding: 0 0 0 25px;}
#header-search .ui-autocomplete li a.icon::before {color: #0076e4; position: absolute; top: 0.3em; left: 0;}
#header-search .ui-autocomplete::-webkit-scrollbar {width: 10px;}
#header-search .ui-autocomplete::-webkit-scrollbar-thumb {background: #ccc; -webkit-box-shadow: inset 1px 1px 2px rgb(0 0 0 / 20%); }
#header-search .ui-autocomplete::-webkit-scrollbar-track {background: #FFF; -webkit-box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);}
/* ************************* main page ************************* */
#main {padding: 4em 0 2em 0;}
#main.subcategory-list {padding: 3.5em 0 2em 0;}
body.fullWidth #main:not(.thin){padding-left: 40px; padding-right: 40px; margin-bottom: -50px;}
/* ************************* edity ************************* */
#main.edit {margin-bottom: -50px; padding-top: 2em; padding-bottom: 1.5em;}
body.fullWidth .content:not(#edit-login) {margin-left: 0 !important; margin-right: 0 !important;}
/* ************************* footer ************************* */
#footer {padding: 20px;}
/* [16291] */
@media screen and (max-width: 749px) {
#header-search #header-search-left a#logo {margin-bottom: 30px;}
body#page_show #header-search-right {display: none;}
#main {padding-top: 0px;}
#mapa {margin-top: 3em;}
}
/* [17335]
@media screen and (max-height: 749px) {
#main {padding-top: 0px;}
body#page_show .profile-logo {margin-bottom: 1em;}
}
*/
@media screen and (max-width: 900px) {
.website-text , .phone-text {font-size: 15px; line-height: 30px; margin-top: -8px;}
}
/* footer menu */
#footer #footer-menu {padding-top: 1em; margin-bottom: 1em; text-align: center;}
#footer #footer-menu > a {display: inline-block;}
#footer #footer-menu > a+a {margin-left: 10px; padding-left: 10px;}
/* footer-links */
#footer-links-wrapper .footer-links {margin-bottom: 2em;}
#footer-links-wrapper .footer-links h2 {display: flex; align-items: center; line-height: 1; padding-bottom: 3px; margin-bottom: 1em;}
#footer-links-wrapper .footer-links h2.flag::before {display: inline-block; content: ""; width: 1.5em; height: 1em; margin-right: 10px; background-repeat: no-repeat; background-size: contain;}
#footer-links-wrapper .footer-links h2.flag.czech::before {background-image: url('../img/flags_svg/cz.svg');}
#footer-links-wrapper .footer-links h2.flag.slovakia::before {background-image: url('../img/flags_svg/sk.svg');}
#footer-links-wrapper .footer-links h2 span.text {margin-right: 10px;}
#footer-links-wrapper .footer-links h2 span.line {flex-grow: 1; height: 1px; background-color: #ccc;}
#footer-links-wrapper .footer-links ul {margin-left: 47px;} /* [24784]12 */
@media screen and (min-width: 320px) {
#footer-links-wrapper .footer-links > ul {display: flex; flex-direction: row; flex-wrap: wrap;}
#footer-links-wrapper .footer-links > ul > li {width: 50%;}
}
@media screen and (min-width: 480px) {
#footer-links-wrapper .footer-links > ul > li {width: calc(100% / 3);}
}
@media screen and (min-width: 600px) {
#footer-links-wrapper .footer-links > ul > li {width: calc(100% / 5);}
}
@media screen and (min-width: 980px) {
#footer-links-wrapper .footer-links > ul > li {width: calc(100% / 8);}
}
@media screen and (min-width: 600px) and (max-width: 900px) {
body.skyscraper-view #footer-links-wrapper .footer-links > ul > li {width: calc(100% / 3);}
}
/* copyright */
#copyright {text-align: center; font-size: 90%; padding: 5px;}
#copyright #copyright-inner span {margin-top: 5px; margin-bottom: 5px;}
#footer #copyright {margin: 0 -20px 2em -20px;}
@media screen and (min-width: 980px) {
#copyright #copyright-inner.separator-links a+a {border-left: 1px solid #aaa;}
#copyright #copyright-inner.separator-spans span+span {border-left: 1px solid #aaa;}
}
/* ************************* navigace ************************* */
/* breadcrumb */
#breadcrumb {color: #3d3d3d; margin: 0 0 2em 0; line-height: 2em;}
#breadcrumb > a:first-child {font-weight: bold;}
#breadcrumb > a+a::before,
#breadcrumb > span:not(.kategorie-icons)::before {display: inline-block; content: "\00BB"; margin: 0 6px;}
#breadcrumb > a::before,
#breadcrumb > span:not(.kategorie-icons)::before {text-decoration: none;}
#breadcrumb select {padding: 2px 20px 2px 2px;}
/* ************************* catalog-block ************************* */
/* catalog-block */
.catalog-block {padding: 0;}
.catalog-block.banner-horizontal-view {border: 0; margin-bottom: 0;}
ul.catalog-list > li {margin-bottom: 0.5em;}
@media screen and (min-width: 550px) {
#homepage ul.catalog-list,
.catalog-block ul.catalog-list ul {display: flex; flex-direction: row; flex-wrap: wrap; border: 1px solid white; /* [16407] Border jako fix pro IE */}
.profile-block ul.catalog-list {border: 1px solid white; /* [16407] Border jako fix pro IE */}
@media (prefers-color-scheme: dark) {
#homepage ul.catalog-list,
.profile-block ul.catalog-list,
.catalog-block ul.catalog-list ul { border: none; }
}
ul.catalog-list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
ul.catalog-list > li {
break-inside: avoid-column;
}
}
/* HOMEPAGE */
@media screen and (min-width: 550px) and (max-width: 1139px) {
#homepage .catalog-block ul.catalog-list > li {width: 50%;}
}
@media screen and (min-width: 980px) {
ul.catalog-list { -webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
/* HOMEPAGE */
@media screen and (min-width: 1140px) {
#homepage .catalog-block ul.catalog-list > li {width: calc(100% / 3);}
}
/* catalog-block catalog-list + news-block + profile-block padding right */
@media screen and (min-width: 980px) {
ul.catalog-list > li {padding-right: 2em;}
ul.catalog-list > li:last-child {padding-right: 0;}
}
/* HOMEPAGE */
@media screen and (min-width: 1140px) {
#homepage .catalog-block ul.catalog-list > li,
#homepage #profile-block .perex,
#homepage #news-block .news-block-inner .perex {padding-right: 2em;}
#homepage .catalog-block ul.catalog-list > li:last-child {padding-right: 0;}
}
@media screen and (min-width: 480px) and (max-width: 979px) {
ul.catalog-list > li {padding-right: 4em;}
ul.catalog-list > li:last-child {padding-right: 0;}
}
/* HOMEPAGE */
@media screen and (min-width: 480px) and (max-width: 1139px) {
#homepage .catalog-block ul.catalog-list > li,
#homepage #profile-block .perex,
#homepage #news-block .news-block-inner .perex {padding-right: 4em;}
#homepage .catalog-block ul.catalog-list > li:last-child {padding-right: 0;}
}
.catalog-block,
#profile-block {margin-bottom: 4em;}
.catalog-block,
#profile-block {border-bottom: 1px solid #e5e5e5;}
#news-block {margin-bottom: 0;}
#category-secondary {border-top: 1px solid #e5e5e5; padding-top: 4em;}
/* ************************* homepage ************************* */
/* category */
#category {}
#category ul.catalog-list {margin: 0; padding: 0;}
#category ul.catalog-list > li {position: relative; padding-left: 58px; margin-bottom: 2em;}
#category ul.catalog-list > li.icon-svg::before {content: ""; width: 40px; height: 40px; position: absolute; top: 0.3em; left: 0; background-repeat: no-repeat; background-position: center top; background-size: contain;}
/* category icon-svg */
.icon-svg.mainkat01::before {background-image: url('images/icons/icon-auto_moto.svg');}
.icon-svg.mainkat05::before {background-image: url('images/icons/icon-bydleni_stavebnictvi.svg');}
.icon-svg.mainkat02::before {background-image: url('images/icons/icon-cestovani_pohostinstvi.svg');}
.icon-svg.mainkat13::before {background-image: url('images/icons/icon-eshopy_inzerce.svg');}
.icon-svg.mainkat04::before {background-image: url('images/icons/icon-ekonomika_finance_pravo.svg');}
.icon-svg.mainkat10::before {background-image: url('images/icons/icon-electro_pocitace.svg');}
.icon-svg.mainkat12::before {background-image: url('images/icons/icon-firma_velkoobchod_vyroba.svg');}
.icon-svg.mainkat11::before {background-image: url('images/icons/icon-informace_zabava.svg');}
.icon-svg.mainkat09::before {background-image: url('images/icons/icon-instituce_organizace.svg');}
.icon-svg.mainkat08::before {background-image: url('images/icons/icon-kultura_spolecnost.svg');}
.icon-svg.mainkat06::before {background-image: url('images/icons/icon-obchody_prodejci.svg');}
.icon-svg.mainkat07::before {background-image: url('images/icons/icon-sluzby_remesla.svg');}
/* category sub-category */
#category ul.catalog-list > li ul.sub-category {overflow: hidden;}
#category ul.catalog-list > li ul.sub-category > li {position: relative; margin-left: -8px; padding-left: 8px; margin-right: 15px;}
#category ul.catalog-list > li ul.sub-category > li::before {content: ""; width: 1px; height: 10px; position: absolute; left: 0; top: 50%; margin-top: -5px; border-left: 1px solid #808080;}
#category ul.catalog-list > li ul.sub-category > li:first-child::before {display: none;}
/* category-secondary */
#category-secondary.catalog-block {border-bottom: 0; margin-bottom: 0;}
#category-secondary.catalog-block ul.catalog-list > li {font-size: 90%; margin-bottom: 1.5em;}
@media screen and (min-width: 480px) {
#category-secondary.catalog-block ul.catalog-list > li {padding-right: 30px;}
}
@media screen and (max-width: 479px) {
#category-secondary.catalog-block ul.catalog-list > li h3 {margin: 0;}
}
.catalog-links {clear: both;}
.catalog-links a {margin-bottom: 1em;}
/* separator */
.separator-links , .separator-spans {text-align: center;}
.separator-links.right , .separator-spans.right{text-align: right;}
.separator-links a , .separator-spans span {display: inline-block; margin-left: 8px; margin-right: 10px; margin-bottom: 0.5em; padding-left: 0; padding-right: 0;}
.separator-links a:first-child , .separator-spans span:first-child {padding-left: 0; margin-right: 0;}
.separator-links a+a , .separator-spans span+span {padding-left: 10px; margin-right: 0; border-left: 1px solid #ccc;}
.separator-links a.firstInLine , .separator-spans span.firstInLine { border-left: none !important; }
/* news-block + profile-block */
#profile-block,
#news-block {margin-top: -2em; padding-bottom: 2em; clear: both;}
#profile-block {margin-top: 2em;}
#news-block.banner-horizontal-view {margin-bottom: 0; border: 0}
#news-block .news-block-inner .perex {display: block;}
#news-block .news-block-inner .perex h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* novinky owl-carousel */
#profile-block .owl-carousel,
#news-block .owl-carousel.news-block-inner {position: relative; padding-top: 2.5em;}
#profile-block .owl-carousel .owl-nav,
#news-block .owl-carousel.news-block-inner .owl-nav {position: absolute; top: 0; right: 0;}
/* [21765] Pozicování, pokud je pouze jedna tiskovka na indexce */
@media screen and (max-width: 750px) {
#news-block .owl-carousel-1.news-block-inner {width: 100%;}
}
@media screen and (min-width: 751px) {
#news-block .owl-carousel-1.news-block-inner {max-width: 570px; margin-left: auto; margin-right: auto;}
}
/* novinky owl-carousel + banner-square-view */
@media screen and (min-width: 480px) {
#news-block.banner-square-view .news-block-inner {float: left;}
#news-block.banner-square-view .banner.banner-square {float: right;}
#news-block.banner-square-view > .news-block-inner {width: calc(100% - 180px)}
}
@media screen and (max-width: 479px) {
#news-block.banner-square-view .owl-carousel.news-block-inner {width: 100%!important;}
#news-block .news-block-inner {padding: 0;}
#news-block.banner-square-view {border: 0}
#news-block.banner-square-view .banner.banner-square {margin-top: 1em;}
}
@media screen and (min-width: 750px) {
#news-block.banner-square-view .news-block-inner .perex {padding-right: 2em;}
}
/* profile-block */
#profile-block .perex .perex-info .perex-info-text {margin: 0 0 0.5em 0;}
#profile-block .perex .perex-wrapper {display: flex; flex-direction: row; flex-wrap: nowrap;}
#profile-block .perex .perex-wrapper .perex-image {flex: 0 0 100px; width: 100px; margin: 0 15px 0 0;}
#profile-block .perex .perex-wrapper .perex-text {}
/* homepage article */
#homepage-article {border-top: 1px solid #e5e5e5; padding-top: 4em; margin: 4em 0 2em; text-align: justify;}
/* ************************* subcategory page (seznam) ************************* */
/* subcategory icon-svg */
ul.catalog-list > li > a.icon-svg::before ,
.bootstrap #kat_k_zarazeni a.kat_k_zarazeni::before ,
.bootstrap #kat_souvisejici a.kat_k_zarazeni::before
{display: inline-block; content: ""; width: 16px; height: 12px; margin-right: 6px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
/* [24551] Výpis kategorií v show, aby se nezalomovaly názvy pod ikonky složky */
#profile ul.catalog-list > li.icon-svg {padding-left: 22px;}
#profile ul.catalog-list > li.icon-svg::before {
display: inline-block; content: ""; width: 16px; height: 12px; margin-right: 2px; background-repeat: no-repeat; background-position: center center; background-size: contain;
margin-left: -22px;
}
.icon-svg.folder::before ,
.bootstrap #kat_k_zarazeni a.kat_k_zarazeni::before, .bootstrap #kat_souvisejici a.kat_k_zarazeni::before
{background-image: url('images/icons/icon-folder.svg');}
.icon-svg.folder-sub::before {background-image: url('images/icons/icon-folder-sub.svg');}
.icon-svg.folder-alias::before ,
.bootstrap #kat_k_zarazeni a.kat_k_zarazeni.kat_virtual::before, .bootstrap #kat_souvisejici a.kat_k_zarazeni.kat_virtual::before
{background-image: url('images/icons/icon-folder-alias.svg');}
/* subcategory */
#subcategory {margin-bottom: 2em;}
#subcategory.banner-horizontal-view {margin-bottom: 3em;}
#subcategory.catalog-block {padding-top: 0;}
/* subcategory menu-subcategory-search */
#menu-subcategory-search {clear: both; margin: 2em 0; padding: 8px 12px; line-height: 2.5;}
#menu-subcategory-search a::after,
#menu-subcategory-search strong::after {display: inline-block; font-weight: normal; content: "\00BB"; margin: 0 6px;}
#menu-subcategory-search a::after,
#menu-subcategory-search strong::after {text-decoration: none;}
@media screen and (min-width: 980px) {
#menu-subcategory-search {border-radius: 8px;}
}
/* subcategory-block-buttons */
.subcategory-block-buttons {text-align: center; margin-bottom: 2em;}
.subcategory-block-buttons .button-small {margin: 5px 10px; display: inline-block;}
.subcategory-block-buttons .only-local, .subcategory-block-buttons .only-local strong {color: #008140 !important;}
.subcategory-block-buttons .only-local:before {color: red !important;}
@media screen and (max-width: 480px) {
.subcategory-block-buttons {display: flex; flex-direction: column; margin-bottom: 1em;}
.subcategory-block-buttons .button-small {margin: 0 0 10px 0; white-space: normal;}
}
.subcategory-block-buttons button#perex-button-enquiry.active,
.subcategory-block-buttons button#perex-button-enquiry:disabled {margin-right: 0;}
.subcategory-block-buttons button#perex-button-close {text-align: center; background: none; margin: 0 0 0 3px; padding: 4px;}
.subcategory-block-buttons button#perex-button-close::before {font-size: 16px;}
.subcategory-block-buttons button#perex-button-close:hover,
.subcategory-block-buttons button#perex-button-close:focus {opacity: .7;}
/* subcategory-list */
#subcategory-list {}
/* subcategory-list-enquiry */
#subcategory-list #subcategory-list-enquiry {margin-bottom: 4em;}
#subcategory-list #subcategory-list-enquiry .perex-button-wrapper {display: flex; align-items: center;}
#subcategory-list .subcategory-perex,
.subcategory-highlight,
#gcse .gsc-expansionArea > .gsc-webResult.gsc-result,
#subcategory-list .topic,
#main.subcategory-list > .pobocky-heading-margin /*[24047]*/ {
margin-bottom: 2.5em;
}
#gcse .gsc-resultsRoot > .gsc-webResult > .gsc-webResult {display: none;} /*[24857]*/
#subcategory-list .topic {display: flex; flex-direction: column;}
#subcategory-list .topic h2, #subcategory-list .topic p.color-grey {order: -1;}
#subcategory-list .topic h2 {font-size: 135%;}
#subcategory-list .topic p {margin-bottom: .5em;}
#subcategory-list .topic p.color-grey {margin-bottom: 0.5em; line-height: 1.3; font-size: 110%;}
@media screen and (max-width: 480px) {
#subcategory-list .subcategory-perex,
.subcategory-highlight ,
#gcse .gsc-webResult .gsc-result,
#subcategory-list .topic
{margin-bottom: 1.5em; padding-top: 0;}
#gcse .gsc-url-top, #subcategory-list .topic p.color-grey {line-height: 30px;}
#gcse.gimg .gs-imageResult-column .gs-text-box {width: 250px;}
}
/* subcategory-highlight */
.subcategory-highlight h2 {font-size: 120%; margin: 0 0 0.2em 0;}
.subcategory-highlight p {margin-bottom: 1.5em;}
#subcategory-list .subcategory-perex.highlight .subcategory-perex-right .perex-info:last-child,
.subcategory-highlight p:last-child {margin-bottom: 0;}
#subcategory-list .subcategory-perex.highlight,
.subcategory-highlight {padding: 22px; background-color: #ffffc8; border: 0;}
#subcategory-list .subcategory-perex .subcategory-perex-checkbox {width: 40px;}
.subcategory-perex .subcategory-perex-left {width: 200px; margin: 0 auto 1em auto;}
.subcategory-perex .subcategory-perex-left img {max-width: 200px; height: auto; display: block; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 480px) {
.subcategory-perex .subcategory-perex-left {margin-bottom: 0;}
.subcategory-perex .subcategory-perex-left img {margin-bottom: 1em;}
}
/* perex-info sdilene */
.subcategory-perex .subcategory-perex-right {flex-grow: 1;}
.subcategory-perex .subcategory-perex-right h2 {font-size: 135%;}
.subcategory-perex .subcategory-perex-right .perex-text {font-size: 100%; margin: 0 0 0.5em 0; }
/* perex-info */
.subcategory-perex .subcategory-perex-right .perex-info {margin: 0;}
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text ,
#gcse .gsc-url-top {font-size: 110%; margin: 0 0 0.5em 0;}
#gcse .gsc-url-top {padding: 0;}
/* [23820] geosearch */
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text .geosearch-label {margin-right: 0.5em; font-size: 70%;}
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text .geosearch-km-high {color: #AA4A44;}
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text .geosearch-km-low {color: olive;}
/* [17853] Zakomentováno */
/*.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text a {display: inline-block;}*/
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text.enquiry-text {font-size: 100%;}
@media screen and (max-width: 479px) {
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text.enquiry-text {display: none;}
}
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text .branch-link {font-size: 100%;}
@media screen and (max-width: 599px) {
.subcategory-perex, #subcategory-list .topic {padding-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid;}
}
@media screen and (min-width: 600px) {
.subcategory-perex {display: flex; flex-direction: row; flex-wrap: nowrap;}
.subcategory-perex .subcategory-perex-checkbox {flex: 0 0 40px; align-self: center; margin: 0 10px 0 0;}
.subcategory-perex .subcategory-perex-left {flex: 0 0 200px; margin: 0 40px 0 0; position: relative;}
.subcategory-perex .subcategory-perex-left img {margin-top: 4px; position: absolute; max-height: 100%; left: 0; right: 0;}
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text {display: inline-block; margin-right: 10px; padding-right: 10px; vertical-align: top;}
/* filter alpha */
.subcategory-perex .subcategory-perex-left a:hover img {opacity: .7;}
#subcategory-list .topic {margin-left: 240px;}
}
/* odkaz pobocky (na mobilu zobrazit zleva) */
.subcategory-perex .perex-info .perex-info-text .branch-link {display: inline-block; }
.subcategory-perex .perex-info .perex-info-text .branch-link ul.branch-list {display: none; overflow: hidden; position: absolute; left: 10px; padding: 10px 10px 0 10px; background-color: #f3f3f3; box-shadow: 4px 4px 8px rgba(0,0,0,.2); border-radius: 4px; z-index: 100;}
.subcategory-perex .perex-info .perex-info-text .branch-link ul.branch-list li {margin: 0 0 10px 0; white-space: nowrap;}
/* na desktopu zobrazit pod odkazem */
@media screen and (min-width: 1000px) {
.subcategory-perex .perex-info .perex-info-text .branch-link {
position: relative;
}
.subcategory-perex .perex-info .perex-info-text .branch-link ul.branch-list {
left: 0;
top: 100%;
}
}
/* subcategory-perex-checkbox */
#subcategory-list #subcategory-list-enquiry #perex-enquiry-modal,
#subcategory-list #subcategory-list-enquiry button#perex-button-close,
#subcategory-list #subcategory-list-enquiry button#perex-button-close > span,
#subcategory-list .subcategory-perex-checkbox,
#subcategory-list .subcategory-perex-checkbox label > span {display: none;}
/* subcategory padination */
.pagination {padding: 2em 0 1.5em 0;}
@media screen and (min-width: 480px) {
#subcategory-list .pagination {padding: 2em 0 1em 240px;}
}
.pagination .results {display: none;}
.pagination .links {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 2em;}
@media screen and (min-width: 600px) {
.pagination .links {justify-content: left; margin-left: 240px;}
.pagination .links.nomargin {margin-left: 0;}
}
.pagination .links a:not(.page-icon),
.pagination .links span {font-size: 105%; line-height: 26px; height: 26px; margin: 0 3px 6px 0; padding: 0 8px;}
.pagination .links a,
.pagination .links span {text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 4px;}
.pagination .links a.page-icon,
.pagination .links span.current-page {font-weight: bold;}
.pagination .links a.icon.page-icon {margin: 0 6px 6px 0;}
.pagination .links a.icon.prev-page {}
.pagination .links a.icon.next-page {}
.pagination .links a.icon.page-icon::before,
.pagination .links a.icon.page-icon::after {color: #0055a5; line-height: 32px; width: 32px; height: 32px; font-size: 100%;}
.pagination .links a.icon.prev-page::before,
.pagination .links a.icon.next-page::after {color: #001ba0; font-size: 170%;}
.more-link.left {text-align: left; padding: 0 0 1em 0; margin: 0;}
.more-link.left.padding-top {padding: 1em 0;}
/* GCSE pagination */
.gsc-cursor-box {padding: 2em 0 1.5em 0;}
@media screen and (min-width: 480px) {
#subcategory-list .gsc-cursor-box {padding: 2em 0 1em 240px;}
}
.gsc-cursor-box .gsc-cursor {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: center; margin-bottom: 2em;}
.gsc-cursor-box .gsc-cursor div {text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 4px;}
.gsc-cursor-box .gsc-cursor div.gsc-cursor-current-page {font-weight: bold;}
.gsc-cursor-box .gsc-cursor span {display: none;}
@media screen and (max-width: 480px) {
.gsc-cursor-box .gsc-cursor {margin-bottom: 0;}
}
/* ************************* Mapy ************************* */
/* header-search */
#maps #map-sidebar #header-search {display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap;}
#maps #map-sidebar #header-search #header-search-left a#logo {display: block; width: 100%; height: 50px; margin: 0 auto 20px auto; background-position: center center;}
#maps #map-sidebar #header-search #menu-header-search {font-size: 90%; text-align: center;}
#maps #map-sidebar #header-search div,
#maps #map-sidebar #header-search #header-search-input-button-wrapper button.button-header-search {width: 100%!important;}
/* header-search-input-inner.active */
#maps #map-sidebar #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active input.input-header-search {border-bottom: 0; border-radius: 4px 4px 0 0;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper #header-search-input-wrapper #header-search-location-wrapper.header-search-input-inner.active .livesearch {left: auto;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper button.button-header-search {position: relative; top: auto; right: auto; border-radius: 4px;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper #header-search-input-wrapper div {margin: 0 0 10px 0;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper button.button-header-search span {display: inline-block; padding: 0 14px; font-size: 18px; font-weight: bold;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper button.button-header-search::before {display: none;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner input.input-header-search {border: 1px solid #999; border-radius: 4px;}
/* Zrušení křížku v popupech */
#maps .leaflet-popup-close-button {display: none;}
/* Úpravy admina admin1 */
.button.button-small {color: #333; font-weight: normal;}
#maps #map-sidebar #form-header-search {width: 100%}
.icon::before, .icon::after, .ico::before, .ico::after, .article ul li::before, .button.left::before, .button.right::after, .owl-prev, .owl-next, input[type="checkbox"].perex-checkbox + label::before {
font-weight: 900 !important; /* Bez korektního font-weight se nenačte ikonka font awesome */
}
.button-admin {border: 1px solid #1E78E0; border-left-width: 6px;}
table.autocolor a:not(.btn), .ui-dialog a:not(.btn) , .duplicity a {text-decoration: underline;}
table.autocolor a:hover, .ui-dialog a:hover, .duplicity a:hover {text-decoration: none;}
#main.thin {padding: 10px 0px 15px 0px;}
body.fullWidth #main.thin {padding-left: 20px;}
/* Loading */
@keyframes spinner-border {to {transform: rotate(360deg);}}
#maps .loading:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #efeded; opacity: .5; z-index: 99;}
#maps .loading:after {content: "" !important; display: inline-block; width: 40px; height: 40px !important; vertical-align: middle; border: 4px solid #007bff; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); z-index: 1001;}
/* Nahlásit chybu */
#maps #map-panel {display: flex; z-index: 500; position: absolute; top:10px; right: 55px;}
#maps #map-panel #error-report {display: block; padding: 5px 10px 5px 25px; background: white url('../img/ikony/bug.png') 5px center no-repeat; border: 1px solid #ddd;}
/* Scrolbar */
.scrollbar-design::-webkit-scrollbar {width: 5px;}
.scrollbar-design::-webkit-scrollbar-track {background: #FFF; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);}
.scrollbar-design::-webkit-scrollbar-thumb {background: #CCC; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);}
.scrollbar-design::-webkit-scrollbar-thumb:hover {background: #AAA;}
.scrollbar-design::-webkit-scrollbar-thumb:active {background: #888; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);}
/* Sidebar mapy */
#maps #map-sidebar {display: flex; flex-direction: column;}
#maps #map-sidebar #map-sidebar-header {padding: 20px}
#maps #map-sidebar #map-sidebar-header #logo {display: block; width: 120px; height: 50px; margin: 0 auto 20px auto; background-position: center center; background-repeat: no-repeat; background-size: contain;}
#maps #map-sidebar #map-sidebar-header #logo span {display: none}
#maps #map-sidebar #map-sidebar-content {display: flex; flex-direction: column; flex-grow: 1; position: relative; overflow: auto;}
#maps #map-sidebar #map-results {flex-grow: 1; position:relative; overflow-y: auto;}
#maps #map-sidebar #map-results-heading {padding: 0 20px 10px 20px;}
#maps #map-sidebar #map-results-heading h1 {margin: 0; padding: 0; border: 0; font-size: 105%; font-weight: normal;}
#maps #map-sidebar #map-results-heading h1.folder-open {padding-left: 25px;}
#maps #map-sidebar #map-results-heading h1.folder-open::before {width: 17px; margin-left: -25px; margin-right: 4px;}
#maps #map-sidebar #map-results #map-results-none {padding: 20px; text-align: center; margin-top: 50%;}
#maps #map-sidebar #map-results #map-results-none > .far {font-size: 60px; padding-bottom: 15px; color: #0076e445;}
#maps #map-sidebar #map-results .map-result {display: flex; align-items: center; border: 1px solid #ddd; border-width: 1px 0; padding: 10px 30px; margin-bottom: -1px; cursor: pointer; font-size: 12px}
#maps #map-sidebar #map-results .map-result.hover {background: #e6f3ff;}
#maps #map-sidebar #map-results .map-result .map-result-info {margin-right: auto; width: 100%;}
#maps #map-sidebar #map-results .map-result .map-result-logo {display: flex; align-items: center; padding-left: 5px;}
#maps #map-sidebar #map-results .map-result .map-result-logo img {max-width: 60px; max-height: 60px;}
#maps #map-sidebar #map-results .map-result .map-result-title {margin-bottom: 0; font-size: 14px;}
#maps #map-sidebar #map-results .map-result .map-result-address, #maps #map-sidebar #map-results .map-result .map-result-druhpobocky {color: #666}
#maps #map-sidebar #map-results .map-result .map-result-druhpobocky {font-size: 12px;}
#maps #map-sidebar #map-results .map-result .map-result-title + .map-result-address, #maps #map-sidebar #map-results .map-result .map-result-address + .map-result-otdoba {margin-top: 5px;}
#maps #map-sidebar #map-results .map-result .map-result-info > *:not(h2) {margin-top: 5px;}
#maps #map-sidebar #map-results .map-result .weby a {margin-left: 5px;}
#maps #map-sidebar #map-results-reload {margin-top: 15px; display: none;}
#maps #map-sidebar .pagination {display:flex; align-items: center; width: 100%; padding: 15px 20px; border-top: 1px solid #ddd;}
#maps #map-sidebar .pagination .results {display: block; margin-right: auto; font-size: 90%;}
#maps #map-sidebar .pagination .links {margin: 0 -6px 0 0; flex-wrap: nowrap;}
#maps #map-sidebar .pagination .links a {text-shadow: unset; margin-bottom: 0}
#maps #map-sidebar .pagination .links a:before, #maps #map-sidebar .pagination .links a:after {color: #0076e4}
#maps #map-sidebar .pagination .links a.disabled {pointer-events: none;}
#maps #map-sidebar .pagination .links a.disabled:before, #maps #map-sidebar .pagination .links a.disabled:after {color: #bbb;}
#maps #map-sidebar .pagination .links a:not(.disabled):hover, #maps #map-sidebar .pagination .links a:not(.disabled):hover {background: #0076e4}
#maps #map-sidebar .pagination .links a:not(.disabled):hover:before, #maps #map-sidebar .pagination .links a:not(.disabled):hover:after {color: #fff}
#maps #map-sidebar #map-detail {display: flex; flex-direction: column; flex-grow: 1; overflow-y: auto;}
#maps #map-sidebar #map-detail #map-detail-header {padding: 10px 30px 20px 30px; border: 1px solid #ddd; border-width: 0 0 1px 0; width: 100%; overflow: auto;}
#maps #map-sidebar #map-detail #map-detail-header .map-detail-popis {margin-bottom: 0; font-size: 12px;}
#maps #map-sidebar #map-detail #map-detail-header .map-detail-popis-short {position: relative;}
#maps #map-sidebar #map-detail #map-detail-header .map-detail-popis-short.more::before {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4em; background: linear-gradient(rgba(255,255,255,0),#fff);}
#maps #map-sidebar #map-detail #map-detail-header .map-detail-popis .more-link {margin: 5px 0 0; font-size: 12px;}
#maps #map-sidebar #map-detail #map-detail-header .map-detail-popis ul {padding-left: 1em;}
#maps #map-sidebar #map-detail #map-detail-header .map-detail-popis ul li:before {width: 1em; display: inline-block; margin-left: -1em; content: "\25cf"; font-size: 100%; line-height: 1; color: #c6c6c6;}
#maps #map-sidebar #map-detail #map-detail-header h1 {margin: 0 0 0.5em 0; padding: 0; border: 0; font-size: 125%; font-weight: bold;}
#maps #map-sidebar #map-detail #map-detail-header h1 .druhpobocky {color: #666; font-size: 75%;}
#maps #map-sidebar #map-detail #map-detail-content {padding: 20px 30px; border: 1px solid #ddd; border-width: 0 0 1px 0; width: 100%;}
#maps #map-sidebar #map-detail #map-detail-content > div {display: flex; align-items: center; line-height: 20px;}
#maps #map-sidebar #map-detail #map-detail-content > div > div {padding-bottom: 10px; font-size: 12px; max-width: calc(100% - 30px);}
#maps #map-sidebar #map-detail #map-detail-content > div > div:first-of-type {font-size: 16px; width: 30px; padding: 0px 15px 10px 0; color: #222}
#maps #map-sidebar #map-detail #map-detail-content > div:last-of-type > div {padding-bottom: 0;}
#maps #map-sidebar #map-detail #map-detail-content .tel {color: #008140;}
#maps #map-sidebar #map-detail #map-detail-content .adresa, #maps #map-sidebar #map-detail #map-detail-content .web, #maps #map-sidebar #map-detail #map-detail-content .tel {font-weight: bold;}
#maps #map-sidebar #map-detail #map-detail-content .catalog-list {column-count: 1;}
#maps #map-sidebar #map-detail #map-detail-buttons {padding: 20px 30px; text-align: center; flex-grow: 1;}
#maps #map-sidebar #map-detail #map-detail-buttons > * {display: inline-block; width: 100%; margin-bottom: 10px; font-size: 16px; height: auto; padding: 11px;}
#maps #map-sidebar #map-detail #map-detail-buttons > a:last-of-type {margin-bottom: 0}
#maps #map-sidebar #map-detail #map-detail-buttons > button:last-of-type {margin-top: 10px; margin-bottom: 0}
#maps #map-sidebar #map-detail #map-detail-buttons > a:hover {text-decoration: none;}
#maps #map-sidebar #map-detail #map-detail-footer {padding: 20px 30px; border: 1px solid #ddd; border-width: 1px 0 0 0;}
/* Úpravy v mapě */
#maps #map .leaflet-marker-icon.marker-detail, #maps #map .leaflet-marker-icon.hover {z-index: 5000 !important;}
/* Mobil na výšku a šířku */
@media screen and (max-width: 567px), screen and (max-height: 480px) {
html, body {height: 100%;}
#maps #error-report {top: 0; right: 0; line-height: 0; font-size: 0px; padding: 0; color: transparent; height: 30px; width: 30px;}
#maps.autocomplete-opened #map:before, #maps.autocomplete-opened #map-sidebar-content:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #000; opacity: .5; z-index: 9999;}
#maps.autocomplete-opened .pagination {display: none;}
#maps #map {position: fixed; top:100px; left: 0; right: 0; height: calc(50% - 100px); width: 100%; border: 1px solid #ddd; border-width: 1px 0;}
#maps #map-sidebar #map-sidebar-header {padding: 10px;}
#maps #map-sidebar #map-sidebar-header #logo {position: absolute; left: 5px; width: 80px; height: 30px; top: 14px; margin: 0;}
#maps #map-sidebar #map-sidebar-header #menu-header-search {margin: 5px 0 0 80px;}
#maps #map-sidebar #map-sidebar-header #button-header-search {display: none;}
#maps #map-sidebar #map-sidebar-header #header-search-input-button-wrapper ul.ui-autocomplete {left: -10px !important; top: 45px !important; width: calc(100vw + 2px) !important; max-height: calc(100vh - 110px); overflow-y: auto;}
#maps #map-sidebar #map-sidebar-header #header-search-input-button-wrapper ul.ui-autocomplete li {line-height: 1.25;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active input.input-header-search {border-bottom: 1px solid #999; border-radius: 4px;}
#maps #map-sidebar #header-search #header-search-input-button-wrapper #header-search-input-wrapper div {margin-bottom: 0}
#maps #map-sidebar #map-sidebar-content {z-index: -1;}
#maps #map-sidebar #map-sidebar-content.loading {overflow: hidden;}
#maps #map-sidebar #map-sidebar-content .pagination {padding: 24px 20px; height: 50px;}
#maps #map-sidebar #map-detail #map-detail-header {padding: 15px 30px 0px 30px; border: 0;}
#maps #map-sidebar #map-detail #map-detail-content {padding: 15px 30px; border: 0;}
#maps #map-sidebar #map-detail #map-detail-buttons {padding: 5px 30px 15px 30px;}
#maps #map-sidebar #map-detail #map-detail-footer {padding: 20px 10px 13px;}
#maps #map-sidebar #map-detail #map-detail-footer a.first {margin-left: 0;}
#maps #map-sidebar #map-results-heading {padding: 0;}
#maps #map-sidebar #map-results-heading h1 {margin: 10px;}
}
/* Mobil na výšku */
@media screen and (max-width: 567px) {
#maps #map-sidebar {position: fixed; top: 50%; height: 50%; width: 100%;}
#maps #map-sidebar #map-sidebar-header {position: fixed; top: 0; left: 0; right: 0;}
}
@media screen and (min-width: 567px) {
#maps #map, #maps #map-sidebar {position: fixed; height: 100vh;}
#maps #map {width: calc(100% - 400px); left: 0; top: 0; bottom: 0;}
#maps #map-sidebar {width: 400px; right: 0; top: 0; bottom: 0;}
}
/* ************************* profile page ************************* */
/* profile */
#profile {padding: 0; margin-bottom: 2em;}
#profile .article {margin: 0 0 1em 0; transition: height .3s;}
#profile h1 {font-size: 160%; margin: 0 0 0.3em 0;}
h2.small-title {font-weight: normal; font-size: 100%; margin: 0 0 0.8em 0;}
/* [16486] Responzivní velikost youtube videí */
.youtube-video {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 1.5em 0 0;}
.youtube-video > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube-video + br {display: none;}
/* [16175] Zakomentováno
@media screen and (min-width: 750px) {
#profile h1 {margin-right: 260px;}
}
*/
/* sdilene */
.article .short-article {position: relative; overflow: hidden;}
.article .short-article.less {height: auto;}
.article .short-article.more::before {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4em; background: linear-gradient(rgba(255,255,255,0),#fff);}
.article .short-article.more p:last-child {margin-bottom: 0;}
.article img.leftfloat
{
padding: 10px 10px 10px 0px
}
.article img.rightfloat
{
padding: 10px 0px 10px 10px
}
.article .image-responsive img {
width: 100%;
}
/* profile-block */
.profile-block {margin-bottom: 3em;}
.profile-block h2 {margin: 0 0 1em 0; padding: 0 0 0.25em 0; border-bottom-width: 1px; border-bottom-style: solid;}
.profile-block .label {margin: 0 0 0.2em 0;}
.profile-block .small-text {font-size: 90%;}
.profile-block .otdoba .oteviracka {margin-bottom: 1em;}
.profile-block .otdoba .oteviracka .small-text {margin: 0;}
.profile-block .otdoba table {margin-bottom: 1em;}
.profile-block .website-text {font-weight: bold;}
.profile-block .website-text a {display: inline-block; word-wrap: break-word;}
@media screen and (max-width: 750px) {
.profile-block .website-text a {width: 100%;}
}
.profile-block .website-text .fblink span {font-weight: normal; font-size: 90%;}
.profile-block .address-text {font-size: 110%; font-weight: bold;}
.profile-block .address-text .street-address .street-address-zavorka, .profile-block .branch-text .branch-address .street-address-zavorka {font-weight: normal;}
.profile-block .address-text .locality {font-size: 80%; font-weight: lighter;}
.profile-block .phone-text {font-weight: bold;}
.profile-block .phone-text a.tel {display: inline-block;}
.profile-block .phone-text a.tel:not(.tel-last) {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px;}
.profile-block.contact-info {margin-bottom: 1em;}
.profile-block.contact-info p:not(.label) {margin-bottom: 0.5em;}
.profile-block.contact-info .vcard {margin-bottom: 2em;}
.profile-block.carousel-block .perex {padding-right: 2em;}
.vcard.inactive * {color: #ccc;}
.vcard p { overflow: hidden; text-overflow: ellipsis; }
.adminshow .phone-text .nowrap {white-space: normal;} /* [24854] */
a[href^="tel:"], .phone-text a {white-space: nowrap;}
span.nutno-doplnit-udaje {background-color: yellow;color: black;}
/* profile-info */
.profile-block.profile-info .column .col-wrapper.column {margin-bottom: 2em;}
.profile-block.profile-info .column .profile-logo {text-align: center; padding-top: 20px;}
.profile-block.profile-info .column .profile-logo img {max-width: 200px; max-height: 200px; margin-bottom: 20px;}
.profile-block.profile-info .column .profile-logo img.poctiva-firma {max-width: none; max-height: none; margin-bottom: 0;}
/* pobocky */
.branch-block .branch-wrapper {margin: 0 0 1em 0;}
.branch-block .branch-wrapper .branch-label {display: block; font-weight: normal;}
.branch-block .branch-wrapper .branch-text {font-weight: bold;}
@media screen and (max-width: 480px) {
.branch-block .branch-wrapper .branch-text .branch-address {display: block;}
.branch-block .branch-wrapper .branch-text .branch-text-separator {display: none;}
}
/* article */
.profile-block.article-info .more-link {margin: 1em 0 0 0; padding: 0;}
.profile-block.article-info.column .colu.right .separator-links.right a {margin-bottom: 0;}
.profile-block.contact-info .small-text {margin-top: -0.5em;}
/* column */
.column .colu {margin: 0 0 2em 0;}
.column .colu.right {text-align: left;}
@media screen and (min-width: 480px) {
/* column flex */
.column {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;}
.column .colu {width: 50%; padding-right: 1em; margin: 0;}
.column .colu:last-child {padding-right: 0;}
/* profile-info */
.profile-block.profile-info .column .col-wrapper.column {flex-grow: 1; width: calc(100% - 200px); order: 1;}
.profile-block.profile-info .column .profile-logo {flex-grow: 0; width: 200px; order: 2;}
/* column article */
.profile-block.article-info .colu.left {flex-grow: 1; flex-basis: 0; padding-right: 2em;}
.profile-block.article-info .colu.right {width: 100%; flex-grow: 1; padding-right: 0;}
/* pobocky */
.branch-block .branch-wrapper {display: flex; flex-direction: row; flex-wrap: nowrap;}
.branch-block .branch-wrapper .branch-label {width: 160px; display: flex; flex-grow: 0; text-align: right; padding-right: 0.5em;}
.branch-block .branch-wrapper .branch-label > span {width: 160px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.branch-block .branch-wrapper .branch-text {flex-grow: 1; flex-basis: 0;}
/* fakturacni udaje catalog-list */
.profile-block.billing-info .colu.right ul.catalog-list > li {width: 100%;}
}
@media screen and (min-width: 480px) and (max-width: 749px) {
/* profile-info */
.profile-block.profile-info .column .col-wrapper.column .colu {width: 100%;}
}
@media screen and (min-width: 750px) {
/* column article */
.profile-block.article-info .colu.right {width: 50%; flex-grow: 0;}
/* column fakturacni udaje catalog-list */
.profile-block.billing-info.column .colu.left {width: calc(100% / 3); flex-grow: 0;}
.profile-block.billing-info.column .colu.left.double {width: calc((100% / 3)*2); flex-grow: 0;}
.profile-block.billing-info.column .colu.right {flex-grow: 1; flex-basis: 0;}
.profile-block.billing-info.column .colu.right ul.catalog-list {column-count: 2;}
.profile-block.billing-info.column .colu.right ul.catalog-list > li {padding-right: 2em}
}
@media screen and (min-width: 980px) {
/* profile-info*/
.profile-block.profile-info.column {flex-wrap: nowrap;}
/* contact info */
.profile-block.contact-info .column .colu {width: calc(100% / 4);}
}
.profile-block.download-info ul.list-inline {display: flex; flex-direction: row; flex-wrap: wrap;}
.profile-block.download-info ul.list-inline li {margin-right: 1em;}
/* map-info */
.profile-block.map-info {line-height: 0; margin-bottom: 0.5em;}
#mapa {width: 100% !important; height: 320px !important; border: 0 !important;}
.profile-block.testimonial-info {}
/* tabulka (oteviraci doba) */
.tabulka {margin: 0 0 0 0;}
.tabulka th, .tabulka td {color: #000; padding: 0 10px 0 0;}
/* predchozi/dalsi firma */
.prevnext-profile {text-align: center;}
@media screen and (max-width: 749px) {
.prevnext-profile {margin: -1em 0 2em 0;}
.prevnext-profile .prevnext {margin-bottom: 1em;}
}
@media screen and (min-width: 750px) {
.prevnext-profile {float: right;}
.prevnext-profile::after {content: ""; display: table; clear: both;}
}
.prevnext-profile .prevnext {display: inline-block; text-align: center; padding: 0; margin-left: 10px; font-size: 105%; text-decoration: none;}
.prevnext-profile span.prevnext {opacity: .5;}
.prevnext-profile .prevnext span.icon {display: block; position: relative; line-height: 40px; width: 40px; height: 40px; margin: 0 auto 5px auto; border-radius: 50%; border-width: 1px; border-style: solid;}
/* chevron */
.prevnext-profile .prevnext span.icon.chevron::before {display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; content: ""; width: 14px; height: 14px; border-width: 0 1px 1px 0; border-style: solid;}
.prevnext-profile .prevnext.prev-profile span.icon.chevron::before {transform: rotate(-225deg); left: 5px;}
.prevnext-profile .prevnext.next-profile span.icon.chevron::before {transform: rotate(-45deg); left: -5px;}
/* sdilene */
.more-link {display: block; font-size: 14px; font-weight: bold; text-align: center; margin: 2em 0; clear: both;}
/* ************************* clanky ************************* */
#article-list .article-perex {margin: 0 0 2em 0;}
#article-list .article-perex h2 {font-size: 135%; margin: 0 0 0.1em 0;}
#article-list .article-perex img {max-width: 200px; float: left; margin: 4px 15px 15px 0;}
#article-list .article-perex .perex-text {font-size: 110%; margin: 0 0 0.2em 0;}
#article-list .article-perex .perex-info {font-size: 110%; clear: both;}
@media screen and (min-width: 980px) {
#article-list {width: calc(100% - 200px);}
}
#article-list-podobne {display: flex; width: 100%; margin-top: 20px;}
#article-list-podobne .article-perex {margin: 0 1em 2em 1em; flex-grow: 1; flex-basis: 0;}
#article-list-podobne div:first-of-type {margin-left: 0;}
#article-list-podobne div:last-of-type {margin-right: 0;}
#article-list-podobne .article-perex {margin: 0 1em 2em 1em; flex-grow: 1; flex-basis: 0;}
#article-list-podobne .article-perex h2 {font-size: 110%; margin: 0 0 0.3em 0;}
#article-list-podobne .article-perex .perex-text {margin: 0 0 0.2em 0;}
#article-list-podobne .article-perex .perex-info {clear: both;}
@media screen and (max-width: 600px) {
#article-list-podobne {flex-direction: column;}
#article-list-podobne .article-perex {margin-left: 0; margin-right: 0;}
}
.article .ico::before, .article .ico::after {font-size: inherit;}
/* ************************* stranka + clanky ************************* */
.article {font-size: 100%;}
.article p {font-size: 105%;}
.article ol {padding: 0 0 0 1em;}
.article ol, #main ul {margin: 0 0 1.5em 0;}
.article ul li,
ul.article-list li {text-align: left; padding-left: 1em;}
.article ul li::before,
ul.article-list li::before {width: 1em; display: inline-block; margin-left: -1em; content: "\25cf"; font-size: 100%; line-height: 1; color: #c6c6c6;}
.column-left, .column-right {margin-bottom: 2em;}
@media screen and (min-width: 980px) {
.column-wrapper {display: flex; flex-direction: row; flex-wrap: nowrap;}
.column-left, .column-right {flex: 0 0 50%;}
.column-left {padding-right: 20px}
.column-right {padding-left: 20px; border-left: 1px dotted #ccc;}
}
/* ************************* edit/login ************************* */
@media screen and (min-width: 980px) {
#login {width: 80%; margin: 0 auto;}
#login .table-form {width: 90%;}
}
/* ico odberatele */
#login.ico {margin: 4em 0;}
/* zadost o zmenu */
#login.htab-content {border-width: 1px; border-style: solid; margin-bottom: 2.5em;}
#edit-zakaznika .polozka-highlight {
border-right: 15px solid orange;
}
/* tabs login */
/* atribute tabs */
.htabs {clear: both; height: 30px; border-width: 0 0 1px 0; border-style: solid;}
.htabs a {float: left; height: 29px; line-height: 30px; font-weight: bold; text-align: center; text-decoration: none; border-width: 1px 1px 0 1px; border-style: solid; margin-right: 2px; padding: 0 15px; white-space: nowrap; background: #eee; background: linear-gradient(#fff,#fff);}
.htabs a.selected, .htabs a:hover {height: 30px;}
.htabs a.selected, .htabs a:hover,
.htab-content {background: #f9f9f9;}
.htab-content .table-form {margin-top: 2em;}
.htab-content {border-width: 0 1px 1px 1px; border-style: solid; margin-bottom: 30px; padding: 20px; z-index: 2; clear: both; box-shadow: 5px 5px 10px 0 rgba(0,0,0,.1);}
@media screen and (min-width: 480px) {
.htab-content {padding: 40px;}
}
/* ************************* gallery ************************* */
.gallery {width:auto; display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 2em; clear: both; font-size: 80%; line-height: 1;}
.gallery .image {height:auto; border: 0; flex-grow: 0; text-align: center;}
.gallery .image a img {max-width: 176px; width: auto; max-height: 176px; height: auto;}
.gallery .image span {display: block; margin-top: 0.5em; line-height: 1.3;}
.gallery .image span.caption {font-weight: normal;}
.gallery .image span.description {margin-bottom: 0.5em; font-size: 95%; color: #666;}
.gallery .image a img {border: 2px solid #f2f2f2;}
.gallery .image a:hover img {border: 2px solid #bdd4e6;}
.gallery .icon.magnify::before,
.portfolio-list .icon.magnify::before {color: #fff;}
.gallery-provozovatel {margin-top: 28px; margin-bottom: 0;}
.gallery-provozovatel .image {width: unset; margin-top: 0;}
.gallery-provozovatel .image img {margin-right: 0; margin-top: 0;}
/* icon.search hover */
.gallery a.icon.magnify,
.portfolio-list a.icon.magnify {display: block; position: relative; z-index: 49;}
.gallery a.icon.magnify::before,
.portfolio-list a.icon.magnify::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; opacity: 0; z-index: 2; transition: all .2s ease-in-out;}
.gallery a.icon.magnify:hover::before,
.portfolio-list a.icon.magnify:hover::before {font-size: 80px; opacity: 0.75;}
.gallery a.icon.magnify img,
.portfolio-list a.icon.magnify img {transition: transform .4s ease-in-out;}
.gallery a.icon.magnify:hover img,
.portfolio-list a.icon.magnify:hover img {transform: scale(1.1);}
.gallery a.icon.magnify:hover,
.portfolio-list a.icon.magnify:hover {z-index: 50;}
/* ************************* obrazky ************************* */
#images .gallery {margin-top: 2em;}
#images .gallery .image {width: calc(100% / 2); flex-grow: 0; text-align: center; padding: 0 10px 10px 0;}
@media screen and (min-width: 480px) {
#images .gallery .image {width: calc(100% / 4);}
}
@media screen and (min-width: 680px) {
#images .gallery .image {width: calc(100% / 5);}
}
@media screen and (min-width: 980px) {
#images .gallery .image {width: calc(100% / 7);}
}
#images .gallery .image a img {width: 130px; height: auto;}
/* ************************* notify ************************* */
.notify {text-align: center; padding: 1em 0; font-weight: bold;}
.notify.padding-top {padding-top: 3em;}
/* ************************* Zadejte ICO odberatele ************************* */
.ico-odberatele {text-align: center; padding: 2em 0;}
/* ************************* promotion ************************* */
.profile-block.promotion-wrapper {}
.profile-block.promotion-wrapper .code {margin: 1em 0; padding: 10px; background-color: #ffffe1; border: 1px solid #999; box-shadow: 3px 3px 8px #ccc;}
.profile-block.promotion-wrapper a.fix {font-weight: bold;}
/* ************************* provozovatel ************************* */
.logo-info, .logo-portaly {display: block; width: 148px; background-size: contain; margin: 0 auto 2em auto;}
.logo-info {background: url('images/loga/XX.svg') no-repeat; height: 40px;}
.logo-portaly {background: url('images/loga/portaly.info.svg') no-repeat; height: 70px;}
.profile-block.operator-info .colu.left h2.margin-top {margin-top: 2em;}
.profile-block.operator-info .colu.right ul.article-list {font-weight: bold;}
.profile-block.portals-info a {white-space: nowrap;}
@media screen and (min-width: 480px) {
.profile-block.operator-info .colu {padding-right: 5em;}
}
¨
/* ************************* reference weby ************************* */
.portfolio-list {padding: 0.5em 0 0 0;}
.portfolio-list .portfolio {font-size: 90%; padding: 0 0 2em 0;}
.portfolio-list .portfolio img {width: 225px; height: auto; border: 1px solid #ccc;}
@media screen and (min-width: 480px) {
.portfolio-list {display: flex; flex-direction: row; flex-wrap: wrap;}
.portfolio-list .portfolio {width: calc(100% / 2); flex-grow: 0; padding: 0 20px 20px 0;}
}
@media screen and (min-width: 680px) {
.portfolio-list .portfolio {width: calc(100% / 3);}
}
@media screen and (min-width: 980px) {
.portfolio-list .portfolio {width: calc(100% / 4);}
}
/* ************************* FontAwesome icons ************************* */
/* aneb proc nepouzit jiz hotovy cely stylopis, vcetne vzorniku ikon s vyhledavanim - kdyz si muzeme vsechny ikony prejmenovat ... */
.ico .fas , .ico .far {
font-size: 16px;
margin-right: 5px;
text-decoration: none!important;
}
/* FontAwesome */
.icon::before, .icon::after,
.ico::before, .ico::after,
.article ul li::before,
.button.left::before,
.button.right::after,
.owl-prev, .owl-next,
input[type="checkbox"].perex-checkbox + label::before {font: normal normal normal 16px/1 'Font Awesome 5 Free'; display: inline-block; text-decoration: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* icon vector */
.icon::before {text-align: center; margin: 0;}
.ico::before {margin-right: 5px;}
.ico::after {margin-left: 5px;}
.ico::before, .ico::after {color: inherit; text-decoration: none!important;}
/* icon */
.icon.magnify::before, .ico.magnify::before {content: "\f002";}
.icon.location::before, .ico.location::before {content: "\f3c5";}
.icon.close::before {content: "\f057";}
.icon.position::before {content: "\f05b";}
.icon.list::before {content: "\f03a";}
.icon.arrrow-down::before {content: "\f107";}
.icon.trash::before, .ico.trash::before {content: "\f2ed";}
/* pagging icon */
.icon.first-page::before {content: "\f048";}
.icon.last-page::before {content: "\f051";}
.icon.next-page::after {content: "\f0da";}
.icon.prev-page::before {content: "\f0d9";}
/* ico */
.ico.home::before {content: "\f015";}
.ico.add::before {content: "\f055";}
.ico.edit::before {content: "\f044";}
.ico.folder-open::before {content: "\f07c";}
.ico.off::before {content: "\f011";}
.ico.external-link::before {content: "\f35d";}
.ico.info::before {content: "\f05a";}
.ico.help::before {content: "\f1cd";}
.ico.email::before {content: "\f0e0";}
.ico.address::before {content: "\f1ad";}
.ico.phone::before {content: "\f095";}
.ico.store::before {content: "\f54f";}
.ico.lesslink::before {content: "\f100";}
.ico.down::after {content: "\f103";}
.ico.up::after {content: "\f102";}
.ico.facebook::before { content: "\f082";}
/* ico after */
.ico.morelink::after {content: "\f101";}
/* ico bitmap */
a.ico.pdf::before, a.ico.doc::before, a.ico.xls::before, a.ico.ppt::before {display: inline-block; width: 16px; height: 16px; content: ""; background-repeat: no-repeat; background-position: left center;}
a.ico.pdf::before {background-image: url('images/ico/ico-pdf.gif');}
a.ico.doc::before {background-image: url('images/ico/ico-doc.gif');}
a.ico.xls::before {background-image: url('images/ico/ico-xls.gif');}
a.ico.ppt::before {background-image: url('images/ico/ico-ppt.gif');}
/* ************************* formulare ************************* */
/* table-form */
.table-form {width: 100%;}
.table-form th, .table-form td {vertical-align: top;}
.table-form th {width: 8%; font-size: 90%; text-align: right; padding: 0 10px 10px 10px;}
.table-form td {padding: 0 0 10px 0;}
.table-form tr.nopadding td , .table-form tr.nopadding th {padding: 0px;}
.table-form th.top {vertical-align: top; }
.table-form th label {white-space: nowrap; margin-top: 5px; display: inline-block;}
.table-form td .button {margin: 0.5em 0 0 0;}
@media screen and (max-width: 479px) {
.table-form th, .table-form td, .table-form tr {display: block;}
.table-form th {padding: 0 0 0.5em 0;}
.table-form td {padding: 0 0 1.3em 0;}
}
.form-required {color: #FF0000;}
.nowrap input {white-space: nowrap;}
/* form */
input.simek[type="text"], input.simek[type="email"], input.simek[type="password"], input.simek[type="search"], input.simek[type="number"], input.simek[type="tel"], input.simek[type="date"], textarea, select, input.simek[type="text"].readonly:focus, input.simek[type="text"].readonly:hover {border-width: 1px; border-style: solid; padding: 6px; transition: border .3s, box-shadow .3s ease-in-out;}
input.simek[type="text"]:focus, input.simek[type="email"]:focus, input.simek[type="password"]:focus, input.simek[type="search"]:focus, input.simek[type="number"]:focus, input.simek[type="tel"]:focus, input.simek[type="date"]:focus, textarea:focus {background-color: #fff; box-shadow: 0px 0px 4px rgba(0,118,228,.5);}
/* input width */
input.form-large, textarea, select.form-large {width: 100%;}
@media screen and (min-width: 980px) {
input[type="password"].form-text1, input[type="number"], input[name*="postcode"] {width: 30%;}
input[type="number"] {width: 30%;}
}
/* textarea */
textarea:not(.no-autogrow) {resize: vertical; min-height: 100px;}
/* input readonly */
input[type="text"].readonly,
button[disabled="disabled"] {cursor: not-allowed;}
/* input width */
input[type="text"].text0 {width: 3em; margin-right: 5px;}
/* input error */
div.error {position: relative;}
div.error input[type="text"] {box-shadow: 0px 0px 4px red; border: 1px solid red;}
span.error {display: block; position: absolute; top: 100%; width: 100%; margin: 5px 0; padding: 5px; font-size: 90%; background-color: #ffe7e7; border: 1px solid red;}
.ico.error::before {content: "\f06a";}
/* css3 input */
input[type="radio"].perex-checkbox, input[type="checkbox"].perex-checkbox {position:absolute; clip: rect(0,0,0,0);}
/*
.bootstrap input[type="radio"],
.bootstrap input[type="checkbox"],
.autocolor input[type="radio"],
.autocolor input[type="checkbox"]
{position:relative; clip: rect(0,0,0,0);}
*/
input[type="checkbox"].perex-checkbox + label,
input[type="radio"].perex-checkbox + label {display: inline-block;}
input[type="checkbox"].perex-checkbox + label::before,
input[type="radio"].perex-checkbox + label::before {display: inline-block; content: ""; width: 16px; height: 16px; text-align: center; background-color: #fff; border-width: 1px; border-style: solid; margin: 0 0.4em 0.4em 0; padding: 0; vertical-align: middle; overflow: hidden; transition: .2s all ease-out;}
/* checkbox */
input[type="checkbox"].perex-checkbox + label::before {font-size: 13px; line-height: 16px; content: "\f00c"; color: #fff;}
/* radio*/
input[type="radio"].perex-checkbox + label::before {border-radius: 50%;}
input[type="radio"].perex-checkbox:checked + label::before {box-shadow: inset 0px 0px 0px 4px #fff;}
/* select */
select {padding: 6px 20px 6px 6px; background-image: url('images/bg-select.svg'); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
/* ************************* moduly ************************* */
/* cookie popup */
#cookie-popup {position: relative; text-align: center; padding: 10px; color: #ddd; background-color: #444; z-index: 1000;}
#cookie-popup a {color: #fff; text-decoration: underline;}
#cookie-popup a:hover {text-decoration: none;}
#cookie-popup .button-small {margin-left: 10px; font-weight: bold; color: #555;}
#cookie-popup .button-small:hover {background-color: #ddd;}
/* Owl Carousel v2.3.4 */
.owl-carousel,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {position: relative;}
.owl-carousel .owl-stage-outer {width: 100%; overflow: hidden;}
.owl-carousel .owl-item {float: left; overflow: hidden;}
.owl-carousel.owl-grab,
.owl-carousel.owl-grab a {cursor: move; cursor: grab;}
.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-nav {position: absolute; top: 15px; right: 0;}
.owl-carousel .owl-prev {margin-right: 5px}
.owl-carousel button.owl-prev, .owl-carousel button.owl-next {display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #e5e5e5; cursor: pointer; transition: background-color .2s ease-in-out;}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {background-color: #fff;}
.owl-carousel .owl-prev::before {content: "\f104";}
.owl-carousel .owl-next::before {content: "\f105";}
.owl-carousel .owl-dots {position: absolute; bottom: 30px; left: 0; right: 0; z-index: 2;}
.owl-carousel .owl-dots {text-align: center;}
.owl-carousel .owl-dots button.owl-dot {position: relative; display: inline-block; width: 14px; height: 14px; margin: 5px; border: 1px solid #fff; box-shadow: 0 0 5px #000; border-radius: 0;}
.owl-carousel .owl-dots button.owl-dot span {display: none;}
.owl-carousel .owl-dots .owl-dot::before {content: ""; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; transition: .4s ease-in;}
.owl-carousel .owl-dots .owl-dot.active::before {height: 100%; top: auto; bottom: 0;}
.owl-carousel .owl-dots button.owl-dot,
.owl-carousel button.owl-prev,
.owl-carousel button.owl-next
{padding: 0!important; background: none; overflow: hidden; cursor: pointer; box-sizing: border-box;}
/* [23237] Šipky na mobilu */
@media screen and (max-width: 749px) {
.owl-carousel .owl-nav {display: flex; width: 100%; position: static;}
.owl-carousel button.owl-prev, .owl-carousel button.owl-next {width: 50% !important; height: 30px !important;}
}
/* carousel crossfade */
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
/* Fancybox 3.5.6 */
body.compensate-for-scrollbar {overflow: hidden;}
.fancybox-active {height: auto;}
.fancybox-is-hidden {position: absolute!important; left: -9999px; top: -9999px; margin: 0; visibility: hidden;}
.fancybox-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; outline: none; z-index: 99992; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0);}
.fancybox-container * {box-sizing: border-box;}
.fancybox-container button.fancybox-button {background: none;}
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {position: absolute; bottom: 0; left: 0; right: 0; top: 0; font-family: Arial, Helvetica, sans-serif;}
.fancybox-outer {-webkit-overflow-scrolling: touch; overflow-y: auto;}
.fancybox-bg {background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71);}
.fancybox-is-open .fancybox-bg {opacity: .9; transition-timing-function: cubic-bezier(.22,.61,.36,1);}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {position: absolute; direction: ltr; opacity: 0; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997;}
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible;}
.fancybox-infobar {top: 0; left: 0; color: #ccc; font-size: 13px; height: 44px; line-height: 44px; min-width: 44px; padding: 0 10px; pointer-events: none; mix-blend-mode: difference; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-font-smoothing: subpixel-antialiased;}
.fancybox-toolbar {right: 0; top: 0;}
.fancybox-stage {direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994;}
.fancybox-is-open .fancybox-stage {overflow: hidden;}
.fancybox-slide {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; outline: none;padding: 44px; text-align: center; overflow: auto; white-space: normal; z-index: 99994; transition-property: transform, opacity; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch;}
.fancybox-slide::before {display: inline-block; content: ""; width: 0; height: 100%; margin-right: -.25em; vertical-align: middle;}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {display: block;}
.fancybox-slide--image {overflow: hidden; padding: 44px 0;}
.fancybox-slide--image::before {display: none;}
.fancybox-slide--html {padding: 6px;}
.fancybox-content {background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle;}
.fancybox-slide--image .fancybox-content {background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1); animation-timing-function: cubic-bezier(.5,0,.14,1); -webkit-backface-visibility: hidden; z-index: 99995;}
.fancybox-can-zoomOut .fancybox-content {cursor: -webkit-zoom-out; cursor: zoom-out;}
.fancybox-can-zoomIn .fancybox-content {cursor: -webkit-zoom-in; cursor: zoom-in;}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {cursor: -webkit-grab; cursor: grab;}
.fancybox-is-grabbing .fancybox-content {cursor: -webkit-grabbing; cursor: grabbing;}
.fancybox-container [data-selectable='true'] {cursor: text;}
.fancybox-image,
.fancybox-spaceball {background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%;}
.fancybox-spaceball {z-index: 1;}
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {width: 100%; height: 100%; padding: 0; overflow: visible;}
.fancybox-slide--video .fancybox-content {background: #000;}
.fancybox-slide--map .fancybox-content {background: #e5e3df;}
.fancybox-slide--iframe .fancybox-content {height: calc(100% - 44px); margin-bottom: 44px; padding: 5px; background: #fff;}
.fancybox-video, .fancybox-iframe {width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: transparent; overflow: hidden; }
.fancybox-iframe {vertical-align: top;}
.fancybox-error {background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%;}
.fancybox-error p {color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0;}
.fancybox-button {background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px;}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {color: #ccc;}
.fancybox-button:hover {color: #fff;}
.fancybox-slide--html .fancybox-button:hover {color: #999;}
.fancybox-button:focus {outline: none;}
.fancybox-button.fancybox-focus {outline: 1px dotted;}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888; cursor: default; outline: none;}
.fancybox-button > div {background-color: rgba(0,0,0,.3); height: 100%;}
.fancybox-button svg {display: block; height: 100%; overflow: visible; position: relative; width: 100%;}
.fancybox-button svg path {fill: currentColor; stroke-width: 0;}
.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {display: none;}
.fancybox-progress {background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998;}
.fancybox-close-small {position: absolute; right: 0; top: 0; border: 0; width: 40px; height: 40px; color: #555; background: transparent; cursor: pointer; margin: 0; padding: 6px; z-index: 401; border-radius: 0;}
.fancybox-close-small:hover {opacity: .75;}
.fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small {color: #ccc!important; padding: 5px; right: -12px; top: -44px;}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow: hidden;}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display: none;}
.fancybox-navigation .fancybox-button {position: absolute; top: calc(50% - 50px); width: 70px; height: 100px; background: #262626; background-clip: content-box; opacity: 0;}
.fancybox-navigation .fancybox-button div {padding: 7px;}
.fancybox-navigation .fancybox-button--arrow_left {left: 0; padding: 31px 26px 31px 6px;}
.fancybox-navigation .fancybox-button--arrow_right {padding: 31px 6px 31px 26px; right: 0;}
.fancybox-caption {left: 0; right: 0; bottom: 100px; color: #fff; text-align: left; font-size: 14px; font-weight: normal; padding: 20px; text-shadow: 1px 1px #000; line-height: 1.3;}
@media all and (max-height: 576px) {@supports (padding: max(0px)) {.fancybox-caption {padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right));}}}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color: #ccc; text-decoration: none;}
.fancybox-caption a:hover {color: #fff; text-decoration: underline;}
.fancybox-loading {animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999;}
@keyframes fancybox-rotate {100% {transform: rotate(360deg);}}
.fancybox-animated {transition-timing-function: cubic-bezier(0,0,.25,1);}
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.fancybox-fx-fade.fancybox-slide--current {opacity: 1;}
.fancybox-thumbs {background: rgba(0,0,0,.3); display: none; margin: 0; padding: 2px 2px 4px 2px; position: absolute; bottom: 0; left: 0; right: 0; width: auto; z-index: 99995; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.fancybox-show-thumbs .fancybox-thumbs {display: block;}
.fancybox-thumbs__list {position: relative; width: 100%; height: 100%; margin: auto; padding: 0; font-size: 0; white-space: nowrap; list-style: none; overflow: hidden;}
.fancybox-thumbs-x {overflow-x: auto; overflow-y: hidden;}
.fancybox-thumbs__list a {position: relative; float: left; width: 100px; height: 75px; margin: 3px; outline: none; overflow: hidden; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.fancybox-thumbs__list a::before {border: 3px solid rgba(255,255,255,.8); z-index: 99991;}
.fancybox-thumbs__list a:focus::before {opacity: .5;}
.fancybox-thumbs__list a::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: rgba(255,255,255,.25);}
.fancybox-thumbs__list a:hover::after {opacity: 1;}
.fancybox-thumbs__list a::before, .fancybox-thumbs__list a::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: 0; transition: all .2s ease-in;}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1;}
@media screen and (max-width: 479px) {.fancybox-toolbar > *:not(.fancybox-button--close) {display: none!important;}}
/* iframe */
.fancybox-slide--iframe .fancybox-content {max-width: 60%;}
@media screen and (max-width: 767px) {
.fancybox-slide--iframe .fancybox-content {min-width: 100%;}
.fancybox-thumbs__list a {width: 80px; height: 60px;}
}
/* ************************* tiskova sablona ************************* */
@page {size: A4; margin: 1.5cm;}
#logo_print {display: none;}
@media print {
#logo_print {display: block !important; height: 1.5cm; position: absolute; top: 0.1cm;}
* {-webkit-print-color-adjust: exact!important; color-adjust: exact!important;}
body {margin: 0; padding: 1.5cm 0 0 0; position: relative; width: 21cm; font-size: 0.7em;}
body::before {position: absolute; top: 10px; left: 0; right: 0; content: ""; width: 100%; height: 64px; text-align: center; background: url('images/loga/XX.svg') no-repeat center top; background-size: contain;}
.qrcode {display: block; position: absolute; top: 0.1cm; right: 0;}
.qrcode img {width: 90px; height: 90px;}
.print {display: block;}
/* layout */
body > *:not(#layout):not(#footer):not(.qrcode),
#header-search,
#menu-login,
#footer-menu,
.skyscraper,
.prevnext-profile,
.contact-form-info,
.noprint {display: none!important;}
/* odebrat bootstrap URL za odkazem */
#header a[href]:after ,
#footer a[href]:after {
content: "";
}
#news-block,
#profile-block {padding-right: 1.8em;}
#news-block .perex,
#profile-block .perex {padding-right: 2em;}
#layout,
#footer {width: 100%;}
/* footer */
#footer { display: none; }
/* catalog-block */
ul.catalog-list > li {float: left; width: 50%; padding-right: 18px;}
ul.catalog-list > li:nth-child(2n+3) {clear: left;}
/* catalog-block v detailu */
#main.subcategory-list ul.catalog-list > li {float: left; width: 25%; padding-right: 18px;}
#main.subcategory-list ul.catalog-list > li:nth-child(2n+3) {clear: left;}
/* nadpisy */
h1 {font-size: 18pt;}
/* ostatni */
.column {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;}
.column .colu {width: 50%; padding-right: 1em; margin: 0;}
.profile-block {clear: both;}
.profile-logo {
flex-grow: 0;
width: 200px;
order: 2;
}
.profile-block.profile-info .column .col-wrapper.column {
flex-grow: 1;
width: calc(100% - 200px);
order: 1;
}
.profile-block.profile-info .column .profile-logo {
flex-grow: 0;
width: 200px;
order: 2;
}
.kokot{display: flex; justify-content: center; align-items: center; margin-bottom: 2em;}
/* show */
.contact-info .column ,
.col-wrapper.column ,
.article-info.column {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
.contact-info .column .colu {
width: calc(100% / 3);
}
.profile-info .column .colu.left,
.article-info.column .colu.left {
width: 50%;
}
.article-info.column .colu.right {
width: 50%;
}
/* index */
ul.catalog-list,
.catalog-block ul.catalog-list ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
/* katalog */
.subcategory-perex .subcategory-perex-right .perex-info .perex-info-text {
display: inline-block;
margin-right: 10px;
padding-right: 10px;
}
.subcategory-perex .subcategory-perex-left {
flex: 0 0 4cm;
margin: 0 40px 0 0;
}
.subcategory-perex .subcategory-perex-left img
{
max-width: 4cm;
}
.subcategory-perex {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.profile-block {
page-break-inside: avoid;
}
.label {
border: none;
}
a[href]:after {
content: ''
}
a.printurl[href]:after {
content: " (" attr(href) ")"
}
.profile-block.profile-info .column .profile-logo img.poctiva-firma
{
}
ul.catalog-list>li>a.icon-svg::before{
display: none;
}
}
/* naseptavace pres jQueryUI autocomplete */
.ui-helper-hidden-accessible {display: none;}
.grecaptcha-badge {
visibility: hidden;
}
/* vypujceno z bootstrapu */
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 6px;
color: #ffffff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px;
}
.badge.badge-primary {
background-color: #348fe2 !important;
}
.badge.badge-inactive {
background-color: #777 !important;
}
.badge.badge-danger {
background-color: #D80600 !important;
}
.badge.badge-success {
background-color: #258d22 !important;
}
.badge.badge-black {
background-color: #000 !important;
}
.badge.badge-dark {
background-color: #333 !important;
color: white !important;;
}
.badge.badge-white {
background-color: #eee !important;
color: #000 !important;
border: 1px solid #333;
}
.badge .badge {margin: -6px -6px -3px 0;}
.pull-right
{
float: right !important;
}
/* ochrana nasich drivejsich sablon */
#contentwrapper:after {
content: "";
display: table;
clear: both;
}
#main .bootstrap ul {margin: 0;}
.bootstrap input[type="text"].ui-autocomplete-loading {background:white url(../img/ikony/loading.svg) right 7px center/16px 16px no-repeat !important; padding-right:28px;}
ul.ui-autocomplete {max-width:none; padding:5px 0!important; box-shadow:0 2px 5px -1px rgba(0,0,0,.2)!important; border:1px solid #ccc!important; overflow-y: auto;}
ul.ui-autocomplete {font-family:sans-serif; padding:5px 5px 6px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.15); border-radius:3px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip:padding-box; background-clip:padding-box;}
ul.ui-autocomplete .ui-state-focus {background:#eee; color: #000;}
ul.ui-autocomplete .ui-menu-item {margin: 0 !important; padding: 0 !important; cursor: pointer;}
ul.ui-autocomplete .ui-menu-item a {padding: 8px 10px 8px 22px !important; font-size:12px; transition:unset; o-transition:unset; -ms-transition:unset; -moz-transition:unset; -webkit-transition:unset;}
ul.ui-autocomplete .ui-menu-item a small {font-size:11px;}
ul.ui-autocomplete .ui-menu-item a:not(.ui-state-focus) small {color:#666;}
ul.ui-autocomplete .ui-menu-item a div:first-child {padding-left:5px !important; margin-left:-6px !important;}
ul.ui-autocomplete .ui-menu-item a.ui-state-focus div:first-child {border-color:#4ea9ff !important;}
ul.ui-autocomplete .ui-menu-item a.icon-svg {padding-left: 50px !important;}
ul.ui-autocomplete .ui-menu-item a.icon-svg:before {margin: 8px 10px !important;}
ul.ui-autocomplete::-webkit-scrollbar {width: 5px;}
ul.ui-autocomplete::-webkit-scrollbar-thumb {background: #ccc; box-shadow: inset 1px 1px 2px rgb(0 0 0 / 20%); -webkit-box-shadow: inset 1px 1px 2px rgb(0 0 0 / 20%); }
ul.ui-autocomplete::-webkit-scrollbar-track {background: #FFF; -webkit-box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);}
ul.ui-autocomplete li .first-line {font-weight: bold; font-size: 110%;}
ul.ui-autocomplete li .second-line, ul.ui-autocomplete li .first-line span {font-size: 100%; color: #666; font-weight: normal;}
/* text v naseptavaci zarovnat vlevo */
.ui-autocomplete {text-align: left; max-width: 350px; z-index: 1000; box-shadow: 5px 5px 15px #666;}
.headerpill {background: #1E78E0; color: white; padding: 2px; padding-left: 10px; border-radius: 10px; min-height: 20px;}
body.fullWidth #main.adminshow {display: flex; justify-content:space-evenly; padding: 0; padding-left: 10px; padding-right: 10px;}
/* CSE */
#gcse, #bing
{
margin-left: 240px;
}
#gcse .gsc-control-cse
{
background-color: transparent;
}
#gcse.nores
{
margin-left: 190px;
}
#gcse.gimg
{
margin-left: 0;
}
#gcse.gimg .gsc-results.gsc-imageResult.gsc-imageResult-column
{
width: 100%
}
#gcse.gimg .gsc-imageResult-column, #gcse.gimg .gsc-imageResult-classic
{
margin-right: 0;
border: none;
}
#gcse .gsc-webResult .gsc-result
{
border: none;
}
#gcse .gsc-thumbnail-inside,
#gcse .gsc-control-cse,
#gcse .gsc-control-cse .gsc-table-result {
font-size: 100%;
padding: 0;
border: none;
}
#gcse .gs-snippet {
margin-top: 0;
}
#gcse .gs-spelling , .gsc-above-wrapper-area { display: none; }
#gcse .gsc-cursor-box {
margin-left: 22px;
padding-top: 20px;
font-size: 110%;
display: none;
}
#gcse .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: black !important; font-weight: bold; }
#gcse .gsc-cursor-page { color: blue !important; padding-left: 0px; padding-right: 0px; margin-left: 4px !important; margin-right: 4px !important; }
#gcse .gs-webResult.gs-result .gs-title
{
font-size: 135%;
text-decoration: none;
font-weight: bold;
line-height: 25px;
margin: 0 0 0.5em 0;
}
#gcse .gs-webResult.gs-result .gs-title a.gs-title
{
font-size: 100%;
text-decoration: none;
color: #001ba0;
}
#gcse .gs-webResult.gs-result a.gs-title b
{
text-decoration: none;
font-weight: bold;
font-size: 100%;
}
#gcse .gs-webResult.gs-result a.gs-title:hover,
#gcse .gs-webResult.gs-result a.gs-title:hover b
{
text-decoration: underline;
}
#gcse .gs-webResult.gs-result a.gs-title:visited,
#gcse .gs-webResult.gs-result a.gs-title:visited b,
#gcse .gs-imageResult a.gs-title:visited,
#gcse .gs-imageResult a.gs-title:visited b,
#gcse .gs-webResult.gs-result a.gs-title:link,
#gcse .gs-webResult.gs-result a.gs-title:link b,
#gcse .gs-imageResult a.gs-title:link,
#gcse .gs-imageResult a.gs-title:link b
{
color: #001ba0 !important;
}
#gcse .gs-webResult.gs-result .gs-visibleUrl {
padding-bottom: 0;
}
@media screen and (max-width: 599px) {
#main.subcategory-list h1 {
margin-bottom: 1em !important;
}
#gcse, #gcse.nores, #bing {
margin-left: 0px;
}
#gcse .gsc-webResult .gsc-expansionArea .gsc-result {
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
#gcse .gsc-webResult .gsc-expansionArea .gsc-result,
#subcategory-list .subcategory-perex,
#main.subcategory-list > .pobocky-heading-margin /*[24047]*/ {
margin-bottom: 1em;
}
#gcse .gsc-webResult .gsc-expansionArea div:last-child {
border-bottom: 0;
}
#gcse .gsc-results .gsc-cursor-box {
padding: 0;
margin-left: 0;
}
#main.subcategory-list {
padding-top: 0;
}
#header-search #advanced-search {
margin-bottom: 1em;
}
}
/* [16249] "Vyhledat XY na Googlu" */
.gcsc-find-more-on-google {display: none !important;}
.greyblock { border: 1px solid #cccccc; padding: 10px 15px 0; margin-bottom: 10px; border-radius: 5px; background: #f4f4f4; }
body.prehlaseno {
background-color: #f9f7d1;
}
.street-address-zavorka {color: #555555;}
@media (prefers-color-scheme: dark) {
.street-address-zavorka {
color: #aaaaaa;
}
}
.vypis_sablon_header {
margin-bottom: 2px;
color: #000066;
border-bottom: 1px solid #000066;
margin-left: -10px;
}
.important {
color: #c51818;
font-weight:bold;
}
.notimportant {
color: #222;
}
@media (prefers-color-scheme: dark) {
.vypis_sablon_header {
border-bottom-color: rgb(28, 90, 190);
}
.important {
color: #c34848;
}
.notimportant {
color: #bbb;
}
}
:root {
--main-fg-color: #000;
}
/* darkmode */
@media (prefers-color-scheme: dark) {
:root {
--main-bg-color: #07041d;
--main-fg-color: #fff;
--main-link-color: #52b4ff;
}
body {
background-color: var(--main-bg-color, #07041d);
color: white;
}
body.prehlaseno {
background-color: #616142;
}
.select2-search , .select2-results { background-color: #29292e; }
.bootstrap select.form-control { background-color: #29292e !important; color: white !important;}
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff; color: black;}
.select2-container--default .select2-selection--single { background-color: var(--main-bg-color, #07041d); color: white; }
.select2-container--default .select2-selection--single .select2-selection__rendered {color: white;}
.subcategory-block-buttons .only-local, .subcategory-block-buttons .only-local strong {color: white !important;}
.bootstrap .modal-content { background-color: #29292e; }
.ui-datepicker .ui-state-default {background-color: #111; color: white;}
.bootstrap #otdoba input, .bootstrap #otdoba select {color: white;}
#subcategory-list .subcategory-perex.highlight ,
.subcategory-highlight { background-color: #002a51; }
.tickbg , .warningbg , .dangerbg {color: black;}
.greyblock {background: #000;}
#gcse .gsc-webResult.gsc-result ,
#gcse .gsc-imageResult ,
#gcse .gsc-control-cse {
background-color: var(--main-bg-color, #07041d);
color: white;
}
#gcse .gs-webResult.gs-result .gs-title a.gs-title ,
#gcse .gs-webResult.gs-result .gs-title a.gs-title b ,
#gcse .gs-webResult .gs-snippet ,
#gcse .gs-imageResult .gs-snippet ,
#gcse .gs-fileFormatType {
color: white;
}
#gcse .gsc-cursor-page{
padding: 0 4px;
}
body, #footer #footer-menu > a, #header-search #menu-header-search > ul.underline > li > a, #category ul.catalog-list > li > h2 > a , h2 a
{
color: white;
}
h1, h2, h3, h4, h5, h6 {
color: #ddd;
}
#breadcrumb
{
color: #ccc;
}
#footer {
background-color: #29292e;
}
#copyright {
background-color: rgb(84, 85, 12);
}
a, .button-small strong, input[type="checkbox"].perex-checkbox:checked + label::before, #category ul.catalog-list > li.icon::before, #header-search #menu-header-search > ul.underline > li.active > a, .subcategory-block-buttons button#perex-button-close, #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner:hover::before, #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner.active::before, .perex-info .perex-info-text.website-text a, #gcse .gsc-url-top *, .article a.more-link, a.more-link
,.article a, .notify a, .profile-block .column a, .branch-text a, .perex-info .perex-info-text.route-text a, .profile-block.portals-info a ,
#gcse.gimg .gs-visibleUrl {
color: var(--main-link-color, #52b4ff);
}
a:hover {
color: var(--main-link-color, #52b4ff);
}
#gcse .gs-title,
#gcse .gs-webResult.gs-result a.gs-title:visited,
#gcse .gs-webResult.gs-result a.gs-title:visited b,
#gcse .gs-imageResult a.gs-title:visited,
#gcse .gs-imageResult a.gs-title:visited b,
#gcse .gs-webResult.gs-result a.gs-title:link,
#gcse .gs-webResult.gs-result a.gs-title:link b,
#gcse .gs-imageResult a.gs-title:link,
#gcse .gs-imageResult a.gs-title:link b {
color: #fff !important;
text-decoration: none;
}
#gcse .gs-imageResult a.gs-title:hover,
#gcse .gs-webResult.gs-result a.gs-title:hover {
text-decoration: underline;
}
.article .short-article.more::before {background: linear-gradient(rgba(7, 4, 29, 0),var(--main-bg-color) );}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], textarea, select
{
background-color: #17141d !important;
color: white !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus, select:focus
{
background-color: #333;
}
::placeholder {color: #acacac !important; opacity: 1;}
:-ms-input-placeholder {color: #acacac !important;}
::-ms-input-placeholder {color: #acacac !important;}
textarea.poznamka-add-text {
background: #fff;
}
#header-search .ui-autocomplete,
.ui-autocomplete {
background-color: #17141d;
color: white;
}
.subcategory-perex .perex-info .perex-info-text .branch-link ul.branch-list {
background-color: black;
border: 1px solid #555;
}
#header-search .ui-autocomplete li a
{
color: white;
}
#header-search .ui-autocomplete li .second-line
{
color: #aaa;
}
#header-search .ui-autocomplete li:hover, #header-search .ui-autocomplete li a.ui-state-focus {
background-color: #37343d;
}
.subcategory-perex .subcategory-perex-left a img {
opacity: .7;
transition: opacity .5s ease-in-out;
}
.subcategory-perex .subcategory-perex-left a:hover img {
opacity: 1;
}
/* user.bs */
.bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6 ,
.bootstrap h2.page-header .header, .bootstrap .tab-header {
color: #aaaaaa;
}
.bootstrap .panel {
background: var(--main-bg-color);
}
.bootstrap .tabs-wrapper {
margin-bottom: 0px;
}
.bootstrap .nav-tabs {
background: #222;
}
.bootstrap .panel .tab-content {
padding-top: 25px;
background: #222;
}
.bootstrap .form-control {
background-color: #222;
color: #fff;
}
#edit-zakaznika .polozka-nazev a ,
#edit-zakaznika .polozka-nazev a:hover {
color: white;
}
#charssection ,
.bootstrap #kat_souvisejici {
background-color: #2a2a2a;
}
.note.note-info {
border-color: #587c89;
background: #1a1f20;
color: #548aa5;
}
label {
color: #9cf;
}
/*jqueryUI*/
.ui-widget-content , .ui-widget.ui-dialog .ui-widget-content {
background: #333;
color: white;
}
.ui-widget-content a {
color: #5b99d3;
}
div.predavky_blok:hover {
background: #555;
}
input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button,
input:not(input:-webkit-autofill)::-webkit-credentials-auto-fill-button{
background-color: #fff;
}
select {
background-image: url('images/bg-select_white.svg');
}
.qtip.qtip-tipsy {
background: rgba(71, 71, 71, 0.87);
}
.bootstrap .form-control[disabled],
.bootstrap .form-control[readonly],
.bootstrap fieldset[disabled] .form-control {
background-color: #444;
}
#oslov_test {
background: #aaa;
color: black;
padding: 0 10px;
border: 1px solid #bbb;
border-radius: 4px;
}
.bootstrap .panel-inverse .panel-body, #pm_msg123 {
color: black;
}
.table th, .table td, .tabulka th, .tabulka td {
color: var(--main-fg-color, #fff);
}
.bootstrap .panel-inverse .panel-body .table td {color: #000000;}
#maps #map-sidebar #map-detail #map-detail-content > div > div:first-of-type {color: #bbb;}
#email_reader .panel-body, #email_list.table-striped tr td {
background-color: var(--main-bg-color, #07041d);
color: white;
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th,
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: rgb(52, 52, 52);
}
.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
background-color: #737b86;
}
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
background-color: #5e1f25;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
border-top: 1px solid rgb(143, 143, 143);
}
.table>thead>tr>th {
color: white;
}
}
/* END: darkmode */
/* admin show */
#adminshow_adm {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
width: 500px;
}
.show_adminpanel {width: 500px; border-left: 1px dotted #1E78E0; padding: 10px;}
.show_adminpanel table.autocolor {width: 100%;}
.show_adminpanel .line {margin: 10px -10px; border-top: 1px dotted #1E78E0;}
@media screen and (min-width: 1800px) {
#adminshow_data { flex: 1 800px; }
#adminshow_adm { width: 1000px; flex-wrap: nowrap; }
}
/*[16400]*/
@media screen and (max-width: 1100px) {
#adminshow_adm , .show_adminpanel { width: 400px; }
}
@media screen and (max-width: 700px) {
body.fullWidth #main.adminshow
{ flex-direction: column; }
#adminshow_data {flex: 1; order: 2; }
#adminshow_adm , .show_adminpanel { width: 100% }
}
/* Analyzátor odkazu */
.la_window dl {display: flex; flex-wrap: wrap;}
.la_window dl dt {flex: 0 20%; padding-right: 1em;}
.la_window dl dd {margin-left: 0 !important;}
.la_window dl dt+dd {flex: 0 80%;}
.la_window dl a:hover {text-decoration: none;}
/* Propagace */
.promotions {text-align: left; margin: 20px auto; max-width: 760px;}
.promotions h1 {padding-bottom: .5em; margin-bottom: 30px;}
.promotions h1 span {display: inline-block; margin-right: 5px;}
.promotions h1 form {display: inline-block;}
.promotions h1 form optgroup {font-size: 90%;}
.promotions h2 {color: #0055A5; font-size: 130%; margin-bottom: 15px; margin-top: 5px; text-align: right;}
.promotions .fix {clear: both; }
.promotions a {font-weight: bold; color: #0055A5; font-size: 110%}
.promotions a.fix {display: block; height: auto; line-height: 1.5em; margin: 15px 0;}
.promotions .promotion {overflow: hidden; margin-bottom: 40px;}
.promotions .promotion .code {background-color: #EAEAEA; border: 1px solid #777777; padding: 5px}
.promotions .promotion .code-iframe {margin-left: 160px;}
.promotions .promotion .code-iframe-vb {margin-left: 280px;}
.promotions .promotion .code-links {margin-left: 10px; width: 100%;}
.promotions .promotion .code-logo {margin-left: 10px; width: 100%; text-align: center;}
.promotions .promotion iframe {margin-bottom: 5px}
.promotions .promotion .float-left {float: left; }
.promotions .promotion a:not(.button) {color: #0076e4;}
.promotions .promotion .banners {margin-bottom: 20px}
.promotions .promotion .banners .code {margin-left: 0}
.promotions .promotion .banners a {margin-bottom: 10px; display: block}
.promotions .promotion .banners a.fix {margin-top: 20px}
.promotions .promotion .button {display: inline-block; font-weight: 400; text-align: center; border-radius: 4px; padding: 10px 14px; font-size: 16px; color: #fff; background-color: #0076e4; border-color: #0076e4; text-decoration: none; z-index: 1;}
.promotions .promotion .button:hover {background-color: #5f5f5f;}
.promotions .promotion #iframe_full, .promotions .promotion #iframe_hb_full, .promotions .promotion #iframe_vb_full {margin-top: 10px;}
.promotions .promotion #iframe_full > div {margin-bottom: 10px; }
.promotions .promotion-links {display: flex; align-items: center;}
.promotions .promotion-links a {white-space: nowrap;}
.promotions .promotion-logo {display: flex; align-items: center;}
.promotions .promotion-logo .button {margin-top: 5px;}
/* Sendmail */
#sendmail h1 {border: 0 !important; padding: 0;}
#sendmail .flex {flex-direction: row;}
#sendmail .flex #email {width: 700px; flex-shrink: 0; margin-right: 60px;}
#sendmail .flex #email #prilohy > * {margin-bottom: 15px;}
#sendmail .flex #email #prilohy input[type="file"] {display: inline-block;}
#sendmail .flex #email #odeslat-na-emaily > div {margin-bottom: 5px;}
#sendmail .flex #email #odeslat-na-emaily input[type="text"] {display: inline-block;}
#sendmail .flex #email #odeslat-na-emaily input[type="text"], #sendmail .flex #email #odeslat-na-emaily select {width: 400px;}
#sendmail .flex #majestic {margin: 0 10px 10px 0; flex-grow: 1;}
#sendmail .flex #seznam-sablon {margin-right: 0; margin-left: auto; min-width: 345px;}
/* Summernote */
.note-editor .note-editable i {all: revert}
.note-editor .note-editable u {all: revert}
.note-editor .note-editable ul {all: revert}
.note-editor .note-editable ul li {all: revert}
.note-editor .note-editable ol {all: revert}
.note-editor .note-editable ol li {all: revert}
.note-editor.fullscreen .note-editable {background: white;}
/*.social .fa-twitter {color: #00acee;}*/
.fa-twitter {color: #000; } /* [24429] Nová Twitter X ikona */
.fa-twitter:before {min-width: 14px; display:inline-block; content: "\200B"; background: url(../img/ikony/x-twitter.svg) no-repeat left bottom; background-size: contain;}
.social .fa-youtube {color: #FF0000;}
.social .fa-instagram {color: #e4405f;}
.social .fa-facebook {color: #3b5999;}
.social .fa-linkedin {color: #0077B5;}
.social .fab {min-width: 1.1em !important;}
.label.label-danger a {color: white; text-decoration: underline;}
.wscheck:not(.input-group-addon) {
display: inline-block;
min-width: 8px;
min-height: 8px;
padding: 3px 5px;
color: #ffffff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 8px;
font-size: 8px;
margin-right: 3px;
cursor: pointer;
}
.wscheck.http1
{
background-color: #b0f93b;
}
.wscheck.http2,
.wscheck.http3
{
background-color: #8be100;
}
.wscheck.http4
{
background-color: #ff6961;
}
.wscheck.http5 ,
.wscheck.http8
{
background-color: #ff392e;
}
.wscheck.http9
{
background-color: #e1ce00;
}
.wscheck.httpREFRESH
{
color: white;
background: magenta;
}
.wscheck.notssl {
border: 1px solid red;;
}
#layout.slim #menu-login {padding: 0;}
#layout.slim #header-search {max-width: 700px;}
#layout.slim #header-search #header-search-left a#logo {width: 90px;}
#layout.slim #header-search #menu-header-search > ul.underline > li {margin-bottom: 3px; font-size: 12px;}
#layout.slim #header-search #menu-header-search > ul.underline > li > a {padding: 0 20px 2px 20px;}
#layout.slim #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner input.input-header-search ,
#layout.slim #header-search #header-search-input-button-wrapper #header-search-input-wrapper .header-search-input-inner ,
#layout.slim .button,
#layout.slim #header-search #header-search-input-button-wrapper button.button-header-search {line-height: 22px; height: 22px; font-size: 12px;}
#layout.slim .button-small {padding: 0 2px; height: 22px; font-size: 12px;}
#layout.slim #header-search #advanced-search {margin-top: 0;}
#layout.slim #iconheadtooltips a:not(.badge) {padding: 0;}
#layout.slim #digitalclock {display: none;}
#layout.slim {width: calc(100% - 190px); margin: 0;}
#layout.slim #footer .footer-inner, #layout.slim #copyright-inner {width: 100%;}
/*[17542]*/
form#formfaktury {width: calc(100% - 2px); }
.bootstrap.admin-show .noadmin {display: none !important;}
.bootstrap .onlyadmin {display: none;}
.bootstrap.admin-show .onlyadmin {display: block;}
.note-editable {background-color: white;}
.majesticnahled .btn {
padding: 1px;
margin: 1px;
min-height: 26px;
height: 26px;
}
.truncatetext {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.helpicon-big {
padding: 0 4px;
font-size: 13px;
color: white !important;
background-color: #0076e4;
border: 1px solid #ddd;
border-radius: 4px;
}
.helpicon-big:after { content: ' Nápověda'; }
/* SMS ikony */
.admin_ikony .background-green {background-color: green; padding: 0 2px 2px;}
.admin_ikony .background-orange {background-color: orange; padding: 0 2px 2px;}
.admin_ikony .background-grey {background-color: #ccc; padding: 0 2px 2px;}
.admin_ikony a .fa { color: rgb(51, 51, 51); font-size: 140%; }
/***
Custom icon buttons
***/
.icon-btn {
height: 60px;
min-width: 80px;
margin: 5px 5px 0 0;
border: 1px solid #ddd;
padding: 12px 0px 0px 0px;
background-color: #fafafa !important;
background-image: none;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: inline-block;
color: #646464;
text-shadow: none;
text-align: center;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.icon-btn:hover {
text-decoration: none !important;
border-color: #999;
color: #444;
text-shadow: 0 1px 0px white;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.icon-btn:hover > .badge {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.icon-btn > div {
margin: 5px 5px 0;
margin-bottom: 20px;
color: #3f444a;
font-size: 12px;
font-weight: 300; }
.icon-btn > .badge {
position: absolute;
font-size: 11px;
font-weight: 300;
top: -5px;
right: -5px;
padding: 3px 6px 3px 6px;
color: white;
text-shadow: none;
border-width: 0;
border-style: solid;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.icon-btn > i {
font-size: 18px; }
.ie8 .icon-btn:hover {
filter: none; }
/* BS conflict */
.smaller {font-size: smaller;}
h3.border {line-height: 1;}
.profile-block .label:not([class*=" label-"]) {
padding: 0;
font-size: inherit;
border-radius: 0;
font-weight: inherit;
white-space: normal;
}
.tooltip {
position: inherit;
display: inherit;
z-index: inherit;
text-align: inherit;
font-size: 12px;
opacity: inherit;
white-space: inherit;
}
label {font-weight: inherit;}
body legend {border-bottom: none;}
.bootstrap_old .panel-body {padding: 0;}
.bootstrap_old .poznamky-vypis .row {margin: 0;}
.bootstrap_old .poznamky label, .bootstrap .poznamky label {font-size: 12px;}
.show_adminpanel h5 {margin-top: 0px; padding-top: 10px; margin-bottom: 2px; font-weight: bold;}
.input-group-addon {
background-color: #eeeeee;
border: 1px solid #ccc;
}
.input-group-btn {font-size:inherit;}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
/* [20038] Definece tlačítek z coloradmin */
.btn{font-weight:300;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-icon,.btn.btn-icon{display:inline-block;width:28px;height:28px;padding:0;border:none;line-height:28px;text-align:center;font-size:14px}
.btn-circle,.btn.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.btn-icon.btn-xs{width:16px;height:16px;font-size:8px;line-height:16px}
.btn-icon.btn-sm{width:22px;height:22px;font-size:11px;line-height:22px}
.btn-icon.btn-lg{width:34px;height:34px;font-size:17px;line-height:34px}
.btn-scroll-to-top{position:fixed;bottom:20px;right:25px;z-index:1020}
.page-with-right-sidebar .btn-scroll-to-top{left:25px;right:auto}
.btn>.pull-left,.btn>.pull-right{line-height:1.428571429}
.btn-block{padding-left:12px;padding-right:12px}
.btn.active,.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.1);box-shadow:inset 0 3px 5px rgba(0,0,0,.1)}
.btn.btn-default{color:#fff;background:#b6c2c9;border-color:#b6c2c9}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{background:#929ba1;border-color:#929ba1}
.btn-group .btn.btn-default:not(.active)+.btn.btn-default,.input-group-btn .btn.btn-default:not(.active)+.btn.btn-default{border-left-color:#929ba1}
.btn.btn-white{font-weight:400;color:#333;background:#fff;border-color:#e2e7eb}
.btn.btn-white.btn-white-without-border{border-color:#fff}
.btn.btn-white.btn-white-without-border.active,.btn.btn-white.btn-white-without-border.active:focus,.btn.btn-white.btn-white-without-border.active:hover{border-color:#ddd}
.btn.btn-white.btn-white-without-border:focus,.btn.btn-white.btn-white-without-border:hover{border-color:#eee}
.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white{background:#e2e7eb;border-color:#d8dde1}
.btn-white.toggle-off{background:#fff;}
.btn-group .btn.btn-white:not(.active)+.btn.btn-white,.input-group-btn .btn.btn-white:not(.active)+.btn.btn-white{border-left-color:#eee}
.btn.btn-inverse{color:#fff;background:#2d353c;border-color:#2d353c}
.btn-inverse.active,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.open .dropdown-toggle.btn-inverse{background:#242a30;border-color:#242a30}
.btn-group .btn.btn-inverse:not(.active)+.btn.btn-inverse,.input-group-btn .btn.btn-inverse:not(.active)+.btn.btn-inverse{border-left-color:#242a30}
.btn.btn-primary{color:#fff;background:#348fe2;border-color:#348fe2}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background:#2a72b5;border-color:#2a72b5}
.btn-group .btn.btn-primary:not(.active)+.btn.btn-primary,.input-group-btn .btn.btn-primary:not(.active)+.btn.btn-primary{border-left-color:#2a72b5}
.btn.btn-success{color:#fff;background:#5cb85c;border-color:#5cb85c}
.btn.btn-success.active,.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover,.open .dropdown-toggle.btn-success{background:#419641;border-color:#419641}
.btn-group .btn.btn-success:not(.active)+.btn.btn-success,.input-group-btn .btn.btn-success:not(.active)+.btn.btn-success{border-left-color:#419641}
.btn.btn-warning{color:#fff;background:#f59c1a;border-color:#f59c1a}
.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{background:#c47d15;border-color:#c47d15}
.btn-group .btn.btn-warning:not(.active)+.btn.btn-warning,.input-group-btn .btn.btn-warning:not(.active)+.btn.btn-warning{border-left-color:#c47d15}
.btn.btn-danger{color:#fff;background:#ff5b57;border-color:#ff5b57}
.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{background:#cc4946;border-color:#cc4946}
.btn-group .btn.btn-danger:not(.active)+.btn.btn-danger,.input-group-btn .btn.btn-danger:not(.active)+.btn.btn-danger{border-left-color:#cc4946}
.btn.btn-info{color:#fff;background:#49b6d6;border-color:#49b6d6}
.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{background:#3a92ab;border-color:#3a92ab}
.btn-group .btn.btn-info:not(.active)+.btn.btn-info,.input-group-btn .btn.btn-info:not(.active)+.btn.btn-info{border-left-color:#3a92ab}
.btn.btn-purple{color:#fff;background:#bf57ff;border-color:#db57ff}
.btn-purple.active,.btn-purple:active,.btn-purple:focus,.btn-purple:hover,.open .dropdown-toggle.btn-purple{background:#bc46cc;border-color:#ba46cc}
.btn-group .btn.btn-purple:not(.active)+.btn.btn-purple,.input-group-btn .btn.btn-purple:not(.active)+.btn.btn-purple{border-left-color:#b146cc}
/* Flatpickr */
.flatpickr-buttons {background: #fff;}
.flatpickr-buttons > * {width: 100%;}
.tags {
display: inline-block;
padding: 2px 6px 3px 5px;
margin-right: 5px;
margin-bottom: 8px;
border: 1px solid #666;
background: white;
font-size: 14px;
transform:rotate(-5deg);
border-radius: 0px 8px 8px 12px;
box-shadow: 1px 3px 2px #00000033;
color: #333;
position: relative;
text-decoration: none;
}
.tags a:hover {
text-decoration: none;
}
.tags.priority {
background-color: rgb(210, 244, 255) !important;
color: black !important;
}
.tags.inactive {
color: #666;
border-color: #aaa;
background: #ccc;
}
.tags.removable:hover::after {
content: "";
font-family:'Font Awesome 5 Free',FontAwesome;
position: absolute;
left: 0;
top: 0;
border-color: red;
background: red;
color: white;
padding: 2px;
border-radius: 7px;
margin-left: -6px;
margin-top: -4px;
transform:rotate(5deg);
}
.tags:hover {
box-shadow: 2px 4px 3px #00000033;
text-decoration: none;
}
.tags.processing {
border: 1px solid rgb(180, 180, 3);
box-shadow: 1px 3px 2px rgba(255, 255, 0, 0.322);
}
/* taglist v show */
.taglist { float: right; }
.taglist span { margin-left: 0.6em; color: #777; }
.taglist span:hover { color: var(--main-fg-color); }
/* pmtopics HAD */
.pmtopics tr.mine td { background-color: #95fa98 !important; }
.pmtopics tr.others td { background-color: #6f6f6f !important; }
.pmtopics .btn {text-decoration: none;}
.pmtopics tr.mine td .zpracuji ,
.pmtopics tr.others td .zpracuji,
.pmtopics tr td .nezpracuji,
.pmtopics tr td .delete{ display: none; }
.pmtopics tr.mine td .nezpracuji ,
.pmtopics tr.mine td .delete {display: inline-block;}
.maxlines-2 ,
.maxlines-3 ,
.maxlines-4 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.maxlines-2 {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.maxlines-3 {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.maxlines-4 {
-webkit-line-clamp: 4;
line-clamp: 4;
}
.ukol_reply:target, .ukol_highlight {
background-color: rgb(254, 254, 186) !important;
}
.ramecek {
padding: 4px;
border: 1px solid #aaa;
display: inline-block;
border-radius: 7px;
margin-right: 4px;
}
.faktmakehead {
display: inline-block;
margin-left: 1em;
margin-right: 1em;
}
.qtip:not(.qtip-bootstrap) .qtip-content a:not(.btn) {color: rgb(184, 231, 253);}
.qtip:not(.qtip-bootstrap) .qtip-content .bootstrap a:not(.btn) {color: #0055a5;}
/* [22008] Možnost zavřít dropdown přes křížek */
.qtip .qtip-close {
top: 10px !important;
right: 15px !important;
border: 0 !important;
}
a.reply_file_open { color: #0055a5 !important; text-decoration: none; }
a.reply_file_open:hover { text-decoration: underline; }
.colorblack {
color: var(--main-fg-color);
}
/* float z bootstrapu V5 */
.float-start {
float: left !important
}
.float-end {
float: right !important
}
.float-none {
float: none !important
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float:left !important
}
.float-xxl-end {
float:right !important
}
.float-xxl-none {
float:none !important
}
}
div.onlyadmin {
border-left: 3px dotted #1960D8;
padding: 5px;
}
span.onlyadmin , a.onlyadmin {
border-top: 2px dotted #1960D8;
}