/* --------------------- OBECNÉ -------------------------- */
:root {
	--background:rgba(245, 245, 245, 0.76);
	--backgroundOutLine:#eaeaea;
	--formdetailbg:rgba(97, 49, 78, 0.81);
	--red: #ED1C24;
    --blue: #0E4A8F;
    --purple: #7E3F65;
    --purpleitembg: rgba(126,63,101,0.7);
	--darkpurple:#5e2f4b;
    --basictext: #000;
    --bluefade: #61618D;
    --textcolor: #d4cbd1;
	--boxshadow:0 5px 37px -26px var(--purple);
	--maxBoxHeight:250px;
}

body {background-color: #fff; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 100%; color: #2e2e2e; position: relative;}
html, body {height: 100%;}

a {color: var(--darkpurple); -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in;}
a:hover {color: var(--purple); text-decoration: none;}
img.ramecek {background-color: #fff; padding: 9px; border: 1px solid #fcdbd2;}
.module-organization-registry a.imgClanek img {max-height:130px;width:auto;padding:15px;}

.descriptions-body h3 a {
	text-decoration:none;
	color:var(--purple);
	border-width:0px 0 1px 0;
	border-style:solid;
	border-color:var(--puple);
	padding:3px 6px;
}

a.tlacitko {background: var(--bluefade);display: inline-block; padding: 10px; text-decoration: none; color: var(--textcolor); text-align: center; }
a.tlacitko:hover {/*background: #a50e06;*/ color: var(--textcolor);text-shadow:0px 1px 2px black;}
a.tlacitkoVelke {width: auto; height: 63px; padding: 20px 32px 0; font-size: 1.333333333333333em; /* 24/18 */}
a#linkBackFromDetail, a#linkBackFromDetailEdit {
	border-radius: 0 0px 5px 0px;
	border:2px solid white;
	} 
.formFrontDetailButton {
	position: -webkit-sticky;
	position:sticky;
	top:0;
	z-index:100;
}
	
a#linkAdminNewItem, a#linkAskToJoin {
	margin: 1.5em auto;
    display: block;
    width: 100%;
    background: var(--purple);
    font-weight: bold;
    font-size: 0.9em;
    color: white;
    width: 90%;
    border-radius: 50px;
}

a.hintLink {
    vertical-align: super;
}
.formFrontFilter #linkClearFilter {display:block;margin:0 auto;}
h1, h2 {font-family: 'Open Sans', sans-serif;}
h1, h2.h1 {color: #2e2e2e; font-size: 1.888888888888889em; /*34/18*/ line-height: 1.117647058823529em; padding: 10px 0 17px; font-weight: 500;}
.obsah h1 {color:var(--purple);text-align:center;font-weight:bold;text-transform:uppercase;}
.obsah h1:after {
	content:'';
	display:block;
	height:2px;
	background:var(--bluefade);
	margin:30px auto 0;
	animation:lineout 1s ease;
	animation-fill-mode:forwards;
	border-radius:20px;
}
@keyframes lineout {
	from {width:0;}
	to {width:50%;}
}
h2 {color: var(--purple); font-size: 1.666666666666667em; /*30/18*/ line-height: 1.2em; padding: 6px 0 20px 0; font-weight: 500;}
h3 {color: var(--bluefade); font-size: 1.5em; /* 27/18 */ padding: 5px 0 20px 0; font-weight: normal;}
h4 {font-size: 1.111111111111111em; /* 20/18 */ padding: 0 0 8px 0; font-weight: 600;}

h1, h2, h3,h4,h5 {margin:0 auto; max-width:1320px;padding:5px 20px 20px;}

hr {border: 0; height: 0; border-top: 2px dotted #ccc; margin: 15px 0 30px;}

.formFrontFilter h2 {
	font-size: 0.9em;
    font-weight: bold;
    background: var(--textcolor);
    border-radius: 13px 13px 0 0;
    color: white;
    text-align: center;
    padding: 7px;
}
/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
.webObal {width: 100%; position: relative; height: auto; min-height: 100%;    background-size: contain;
    /background-color: var(--purple);
    background-repeat: repeat-Y;
    background-blend-mode: hard-light;}
#web {padding-bottom: 55px;}

header {background:#ffffffc7;box-shadow: 0 5px 37px -26px var(--purple);position: relative;}
.headerIn {max-width: 1300px; margin: 0 auto; text-align: left;display:flex;}
.headerIn a > img { outline:unset;}
.headerIn .user {
    position: relative;
    height: 100%;
    text-align: right;
    width: fit-content;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 10px;
    align-self: center;
    align-content: baseline;
    right: 0;
    margin-left: auto;
} 
a.iconLogout, a.iconRegistration {
	text-decoration:none;
	color:var(--purple);
}
.iconLogout, .iconRegistration {
	font-size:13px;
	display:flex;
	flex-flow:column;
	margin:0 10px;
}
.iconLogout i:hover, .iconRegistration i:hover {
	color:var(--purple);
}
.iconLogout i, .iconRegistration i {
	font-size:35px;
	text-align:center;
	color:var(--purpleitembg);
	margin-bottom:5px;
	
	transition:all 0.1s ease-out;
}

.carouselObal {background-color: #fff; border-top: 4px solid #4b4b4b;}
.carousel {position: relative; overflow: hidden; max-height: 720px;}
img.carouselFoto {width: 100%!important; left:0px!important; top:0px!important; height:auto!important;}
.carouselText {width: 100%!important; max-width: 1300px; text-align: left; /*font-size: 3em!important;*/ line-height: 1.2em!important; margin: 0 auto!important; position: relative; bottom: 67px!important; height: 100%!important;}
.carouselText p {background: rgba(255, 255, 255, .8);  position: absolute; left: 0; bottom: 0; display: inline-block; max-width: 920px; padding: 14px 56px 20px; border-radius: 4px; color: #2e2e2e;}
.br-cpanel-wrapper {bottom: 35px!important;}
.br-thumbnails ul li.br-bullet {background: #414141; display: inline-block; width: 28px; height: 28px; margin: 0 6px; border-radius: 50%; cursor: pointer; opacity: 1;}
.br-thumbnails ul li.br-bullet:hover, .br-thumbnails ul li.br-curr {background: #cc4300!important;}
.br-thumbnails ul li.br-curr {cursor: default;}

.obsahObal {background-color: transparent; font-size: 1em; /*16/16*/ line-height: 1.5; padding: 25px 0 20px 0; /*text-align: left;*/}
.ikonyObal {padding-bottom: 0;}
.obsah {/max-width: 1300px; margin: 0 auto; /padding: 0 20px;}

.galeriePas .obsah {max-width: 98%;}
.galeriePas, .barevny {background-color: #f6f6f6;}

footer {background: var(--bluefade); /*border-top: 5px solid #cc4300;*/ font-size: .875em; /*14/16*/ position: absolute; bottom: 0; left: 0; width: 100%; /height: 55px;}
.footerObsah {max-width: 1300px; margin: 0 auto; padding: 18px 10px 18px; color: #fff; min-height: 55px;}
.footerObsah a {color: #fff;}

p.nahoru {position: fixed; right: 0; bottom: 60px;}
p.nahoru a {background: var(--bluefade) url(../images/sipka.png) no-repeat center center; display: inline-block; width: 50px; height: 50px;}
p.nahoru a:hover {background-color: #a50e06; text-decoration: none;}

/* ----------------- MENU ------------------- */
nav {background-color: transparent;position: relative;width:100%;height: max-content;margin: auto 0 0 0;}
.navIn {max-width: 1300px; margin: 0 auto; position: relative;text-align:right;}
ul.menu {font-family: 'Poppins', sans-serif; list-style-type: none; font-size: 1.5em; /*24/16*/ line-height: 1.125em;}
ul.menu li {display: block; padding: 1px 0 0; position: relative;}
ul.menu li a, ul.menu li span {display: block; text-align: left; text-decoration: none; color: var(--purple); padding: 22px 25px 17px; position: relative;font-size:18px;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci {background-color: var(--purple); color:var(--textcolor);}

ul.menu2 {display:none; /*position: absolute; left: 0px; top: 66px;*/ font-size: .875em; /*21/24*/ line-height: 1.2em; width: 100%; padding-left: 12px;}
ul.menu2 li {display: block; padding: 0; border: none; border-left: 4px solid #4b4b4b;}
ul.menu2 li a, ul.menu2 li span {background-color: #cc4300; display: block; text-align: left; color: #fff; padding: 16px 22px; height: auto; border-bottom: 1px solid #ff5400;}
ul.menu2 li:last-child a, ul.menu2 li:last-child span {border: none;}
ul.menu2 li a:hover, ul.menu2 li span, ul.menu2 li a.klikaci {background-color: #4b4b4b; color: #fff;}

ul li:not(.liNotHover):hover ul.menu2 { /*opacity:1;*/ display: inline-block;}

a.toggle-nav {background: var(--bluefade) url(../images/menu-mobil-symbol.png) no-repeat center center; display: block; padding: 22px 25px 0px; height: 66px; font-size: 1.5em; /*24/16*/ line-height: 27px; text-decoration: none; color: #fff; text-align: left; text-transform: uppercase;}
a.toggle-nav span {visibility: hidden;}

ul.responsiveMenuActive {display: none;}
a.toggle-nav {display: block;}

/* ----------------- elementy HEADER ------------------- */
.logoOuter {display:flex;}
#logo,#logo2 {display:flex;flex-direction:column;justify-content: space-between;width: max-content;}
#logo,#logo2 {text-align: center; padding: 10px;}
#logo img, #logo2 img {height:50px;object-fit:contain;}
.logoDescription,.logoDescription2 {text-align:left;opacity:0.5;font-size:0.8em}

.online {text-align: center; padding: 0 0 15px;}
.online img {padding: 0 6px; height: 41px;}

/* ----------------- elementy .kontaktni ------------------- */ 
.kontaktni h3 {margin: 0; padding: 0 0 10px; color: inherit; font-size: 1.333333333333333em; /*24/18*/ font-weight: 600;}
table.tOtevreno {margin: 0 auto 24px;}
table.tOtevreno td {padding-right: 30px; text-align: left;}

/* ----------------- obsah UVODNI STRANKY ------------------- */
.ikony div {text-align: center; margin: 20px 0;}
.ikony h2 {font-size: 1.666666666666667em; /*30/18*/ padding: 0; margin: 0;}
.ikony a {display: block; text-decoration: none; color: #ff5400; margin: 0 auto;}
.ikony a:hover {color: #a50e06;}
.ikony a span {background: #ff6d2c url(../images/ikona1.png) no-repeat center -3px; border: 3px solid #ff5400; display: block; width: 196px; height: 196px; border-radius: 50%; margin: 0 auto 24px; transition: transform 1s;}
.ikona2 a span {background-image: url(../images/ikona2.png);}
.ikona3 a span {background-image: url(../images/ikona3.png);}
.ikony a:hover span {background-color: #a50e06; border-color: #a50e06;}

.ikony a span {-webkit-transform: translateZ(0); /*transform: translateZ(0);*/ box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.ikony a:hover span {-webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear;
  animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

.novinkyUvod {text-align: left;}
.novinkaUvod {display: table; width: 100%;}
.novinkaUvod h3, .novinka h3 {color: #ff5400; margin: 0; padding: 0 0 3px; font-size: 1.333333333333333em; /*24/18*/}
.novinkaUvod h3 a, .novinka h3 a {color: #ff5400;}
.novinkaUvod h3 a:hover, .novinka h3 a:hover {color: #a50e06;}
.novinkaUvod .datum {display: table-cell; vertical-align: top; width: 82px;}
.novinkaUvod .datum p {background-color: #ff6d2c; width: 62px; height: 62px; padding: 14px 0 0; border-radius: 50%; color: #fff; text-align: center; font-size: .8888888888888889em; /*16/18*/ line-height: 1em; margin: 2px 20px 0 0;}
.novinkaUvod article {display: table-cell; vertical-align: top;}
.novinkaUvod .datum span {display: block; font-size: .875em; /*14/18*/}

.justified-gallery {margin: 5px 0 13px;}
.justified-gallery > a > .caption, .justified-gallery > div > .caption {padding: 8px 15px; background: rgba(255, 255, 255, .85); color: #111!important; font-size: 1em; /*18/16*/ line-height: 1.2em;}
.justified-gallery a {color: #111!important;}

/* ---------------------------------------------------- */
.obsah > p {margin:0 auto 20px;font-size:16px;padding:0 20px 1.3em; max-width:1320px;}
.obsah .elementContainerContent.elementContainerContent_html p {padding:1em;margin:0;font-size:0.8em;text-align:initial;}

.obsah p strong, .obsah ul strong, .obsah ol strong {font-weight: 600;}
.obsah p.right {text-align: right;}
.obsah ul, .obsah ol {padding-bottom: 1.2em; text-align: left;}
.obsah ul, .obsah ul ul {list-style-type: none;}
.obsah ol ul, .obsah ul ul {padding-bottom: 0;}
/.obsah ul li, .obsah ul ul li {background: url(../images/odrazka.png) no-repeat 2px 9px; padding: 2px 0 12px 32px; overflow: hidden;}
.obsah ul li, .obsah ul ul li, .obsah li {
	padding: 2px 0 12px 32px;
	overflow: hidden;
	display:block;
	}
.obsah ul li::before, .obsah ul ul li::before, .obsah li::before {
	font-family:'FontAwesome' !important;
	content:'•';
	display:inline;
	position:relative;
	left:-10px;
}
.obsah ul ul {font-size: 1em;}
.obsah ol {margin-left: 21px;}


/* ------------------- VNITRNI STRANKY -------------------- */
.sluzba1 .obsahObal {background: #fff url(../images/sluzba1-bg.png) no-repeat center top;}
.sluzba2 .obsahObal {background: #fff url(../images/sluzba2-bg.png) no-repeat center top;}
.sluzba3 .obsahObal {background: #fff url(../images/sluzba3-bg.png) no-repeat center top;}
.sluzba1 .obsahObal, .sluzba2 .obsahObal, .sluzba3 .obsahObal {background-size: 96% auto; min-height: 600px;}
.vnitrni .kontaktni {background: #f6f6f6; min-height: 0;}

.obrazekZahlavi img {max-height: 420px;}

/* ------------------- obsah VNITRNICH STRANEK -------------------- */
.novinka {border-top: 2px dotted #ccc; margin: 0 0 20px; padding: 30px 0 0;}
.novinka h3 {font-size: 1.333333333333333em; /*24/18*/ font-family: 'Poppins', sans-serif; font-weight: 500; padding: 5px 0 15px;}
.novinka img {padding-bottom: 4px; max-height: 250px;}
.novinka .datum p, .aktualita .datum {font-weight: 700; padding-bottom: 0;}
.novinka .fotoObal, .foto {padding: 15px 0;}
.novinka .fotoObal img, .foto img {width: 100%;}
.foto {padding-top: 0;}

.clanek {margin: 0 0 20px;}
.clanek h3 {font-size: 1.333333333333333em; /*24/18*/ font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 0 15px;}
.clanek h3 a, .clanek h3 a {color: #ff5400;}
.clanek h3 a:hover, .clanek h3 a:hover {color: #a50e06;}
.fotoClanek {padding: 15px 0; max-width: 300px; margin: 0 auto;}
.fotoClanek img {border-radius: 50%; width: 100%;}

.videa {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 0;}
.videa .video iframe {height: 180px; width: 320px;}
.video {max-width: 320px; margin: 0 auto 30px;}
.video .popisek {padding: 5px 0 0; font-size: .8888888888888889em; /* 16/18 */ line-height: 1.125em;}

table.barevna {margin: 10px 0 30px 0; border: 1px solid rgba(204, 204, 204, 0.45); width: 100%;}
table.barevna td, table.barevna th {padding: .5em 10px; border-bottom: 1px solid rgba(204, 204, 204, 0.45);}
table.barevna th {font-weight: 600;}
table.barevna td:first-child, table.barevna th:first-child {text-align: left;}
table.barevna tr:nth-child(odd) td, table.barevna tr:nth-child(odd) th {background: rgba(204, 204, 204, 0.35);}
table.barevna .nowrap {white-space: nowrap;}

/* galerie slozky */
.galerie-slozky {padding: 10px 0 0 0;}
.slozkaObal {text-align: center; margin: 0 auto;}
.slozka a.sFoto {background-image: url(../images/ikona-slozka.png); background-repeat: no-repeat; display: inline-block; width: 306px; height: 234px; padding: 61px 0 0 0; -moz-transition: background-image 1s ease-in-out; -o-transition: background-image 1s ease-in-out; -webkit-transition: background-image 1s ease-in-out; transition: background-image 1s ease-in-out;}
.slozka a.sFoto:hover {background-image: url(../images/ikona-slozkaHover.png);}
.slozka img {border: 6px solid rgba(255, 255, 255, 0.55);}
.slozka p {padding: 15px 20px 50px!important; font-size: 1.333333333333333em; /* 24/18 */ line-height: 1.11em;}
.slozka a {color: #ff5400;}
.slozka a:hover {color: #a50e06;}

/* galerie nahledy */
.galerie-nahledy {overflow: hidden; padding: 0 0 15px;}
.box {width: 97.9%; padding-bottom: 97.9%; margin: 2% 1%; float: left; position: relative; background: #F6F6F6; border: 1px solid #e1e1e1; box-sizing: content-box; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; -webkit-transition: all .25s ease-in; transition: all .25s ease-in;}
.box:hover {background-color: #e1e1e1;}
.boxInner {position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; overflow: hidden;}
.boxInner img {width: 100%;}
.boxInner .titleBox {font-size: .8888888888888889em; /* 16/18 */ line-height: 1.125em; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); color: #fff; padding: .6em 10px; text-align: center;}

.zpetGalerie, .zpet {text-align: center;}
.zpetGalerie {padding-bottom: 12px;}

.strankovani {padding: 0 0 10px;margin-top:25px;}
table.tStrankovani {margin: 0 auto;}
table.tStrankovani td {padding: 0; text-align: center;}
table.tStrankovani a, table.tStrankovani span, table.tStrankovani th strong {background:var(--textcolor); margin: 0 3px; width: 40px; height: 40px; line-height: 40px; text-decoration: none; display: inline-block; color: #fff; border-radius: 50%;text-align:center; font-size: 1.166666666666667em; /* 21/18 */}
.strankovaniStrongPrevious:hover,.strankovaniLinkNext:hover  {color:var(--darkpurple);border:1px solid var(--darkpurple);}
table.tStrankovani td a:hover, table.tStrankovani td span {background-color:var(--textcolor); color: var(--darkpurple);border:1px solid var(--darkpurple);}

/* formular */
form.fUni {width: 100%; max-width: 440px; padding: 0px 0 10px; margin: 0 auto;}
form.fUni input.text, form.fUni textarea, form.fUni select {border: 1px solid #e1e1e1; width: 100%; background-color: #e1e1e1; padding: 10px 4px 10px 16px; height: 48px; border-radius: 4px;}
form.fUni textarea {height: 130px; overflow: auto; vertical-align: top;}
form.fUni select {padding: 9px 4px 9px 12px;}
input.text:focus, textarea:focus, select:focus {border: 1px solid #ffb696!important; transition: all 0.25s ease-in-out!important; -webkit-transition: all 0.25s ease-in-out!important; -moz-transition: all 0.25s ease-in-out!important;}
form.fUni table {width: 100%;}
form.fUni table tr td {padding: 8px 0 8px 0;}
form.fUni table tr td span {display: inline-block; padding: 0 0 6px 11px;}
form.fUni table tr td.right {padding-bottom: 0;}
form.fUni td.tdTlacitko {text-align: center; text-transform: uppercase;}
form.fUni table td .povinneUdaje {background: url(../images/req.gif) no-repeat left 11px; padding: 0 0 0 18px!important; font-size: .9em;}
input.req, textarea.req	{/background: url('../images/req.gif') no-repeat right 2px;}

::-webkit-input-placeholder {color: #4b4b4b; opacity: 1!important; }
:-moz-placeholder {color: #4b4b4b; opacity: 1!important;}
::-moz-placeholder {color: #4b4b4b; opacity: 1!important;}
:-ms-input-placeholder {color: #4b4b4b; opacity: 1!important;}

.ok, .chyba {margin: 0 0 10px 0px; padding: 8px 10px 8px 43px!important; width: 100%; background-repeat: no-repeat; background-position: 15px center; text-align: left!important;}
.ok {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/ok.png');}
.chyba {color: #9F6000; background-color: #FEEFB3; background-image: url('../images/chyba.png');}

.ui-dialog {width: 94%!important; /*max-width: 500px!important;*/ text-align: left;}

a.socialMediaLink {text-decoration: none;}
a.socialMediaLink svg {color: #7e3f65; width: 20px; font-size: 20px;}

/* ----------------------------------- RESPONZIVNI STYLY ----------------------------------- */
@media all and (max-width: 479px) {

.carouselObal {display: none!important;}

}

@media all and (min-width: 480px) {

.box {width: 47.5%; padding-bottom: 47.5%;}

}

@media all and (max-width: 639px) {

.br-cpanel-wrapper {display: none!important;}

}

@media all and (min-width: 640px) {

.fotoObal, .foto {float: right; padding: 10px 0 15px 20px;}
.foto {padding-top: 0;}
.fotoClanek {float: left; padding: 10px 20px 15px 0;}

.novinka, .clanek {text-align: left;}
.novinka .fotoObal, .foto {padding: 15px 0 15px 3%; max-width: 300px;}
.clanek {padding-top: 10px;}
.fotoClanek {padding: 0 40px 15px 0; margin: 0;}

.br-cpanel-wrapper {bottom: 15px!important;}

}
@media all and (max-width: 768px) {
	.headerIn {display:block;}
	#logo {display:block;}
	nav {display:block;}
	
}
@media all and (min-width: 768px) {
    
.obsahObal {text-align: left;}
.obsah {/padding: 0 25px;}

.headerIn {padding: 0 20px;}
#logo img  {width: auto;/max-width:190px;}
.online {float: right; margin: 36px 0 0 0; padding: 0;}

ul.responsiveMenuActive {display: block;}
a.toggle-nav {display: none;}

ul.menu li {display: inline-block; padding: 0 1px 0 0;}
ul.menu li a, ul.menu li span {display: inline-block; text-align: center;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci {}

ul.menu2 {position: absolute; left: 0; top: 66px; z-index: 20; width: 250px; padding-left: 0;}
ul.menu2 li {display: block;}
ul.menu2 li a, ul.menu2 li span {background-color: #cc4300; padding: 16px 22px; display: block; width: 100%; text-align: left;}
ul.menu2 li a:hover, ul.menu2 li span, ul.menu2 li a.klikaci {background-color: #4b4b4b;}

.ikonyObal {padding-bottom: 25px;}
.ikony div {float: left; width: 33.33333333333333%;}

aside.postranniUvod {float: right; width: 35%; padding: 15px 0 0 0; margin: 0 0 0 3%;}
aside.postranniUvod img {float: right; margin: 0 0 20px; max-width: 100%;}

.novinkaUvod {float: left; width: 48%;}
.novinkaUvod:nth-child(even) {float: right;}

.kontaktni .obsah {display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.kontaktniLevy, .kontaktniStredni {width: 50%;}
.kontaktniPravy {width: 100%;}
.kontaktniLevy {padding-right: 4%;}
table.tOtevreno {margin: 0 0 24px;}

aside.postranni {float: right; width: 36%; padding: 15px 0 0 2.5%; margin: -25px 0 20px 2%; border-left: 2px dotted #ccc;}

table.barevna {margin: 10px 0 30px 0; font-size: 1.166666666666667em; width: auto;}
table.barevna td, table.barevna th {padding: .9em 35px;}

.box {width: 31%; padding-bottom: 31%;}

.slozkaObal {float: left; width: 50%;}
.slozkaObal:nth-child(odd) {clear: left;}

.zpetGalerie, .zpet {text-align: right;}

.kontaktyVlevo {float: left; width: 52%;}
.kontaktyVpravo {float: right; width: 42%;}

.video {max-width: 360px; padding: 0 40px 0 0; margin: 0 0 40px;}

}

@media all and (max-width: 1023px) {

.carouselText {visibility: hidden;}

}

@media all and (min-width: 1024px) {

.headerIn {padding: 0 43px;}
.obsahObal {padding: 25px 0 35px 0; font-size: 1em; /*18/16*/}
.obsah {/padding: 0 43px;}

h1, h2.h1 {padding-bottom: 27px;}

.carouselText {font-size: 2.2em!important;}

.ikonyObal {padding-bottom: 35px;}

.novinka {display: table; width: 100%;}
.novinka .datum {display: table-cell; vertical-align: top; width: 82px;}
.novinka .datum p {background-color: #ff6d2c; width: 62px; height: 62px; padding: 14px 0 0; border-radius: 50%; color: #fff; text-align: center; font-size: .8888888888888889em; /*16/18*/ line-height: 1em; margin: 2px 20px 0 0; font-weight: normal;}
.novinka article {display: table-cell; vertical-align: top;}
.novinka .datum span {display: block; font-size: .875em; /*14/18*/}

.kontaktni .obsah {flex-wrap: nowrap;}
.kontaktniLevy, .kontaktniStredni {width: 31%;}
.kontaktniPravy {width: 28%;}
.kontaktniLevy {padding-right: 0;}

form.fUni {margin: 0;}
form.fUni td.tdTlacitko {text-align: left;}

.obrazekZahlavi {margin-bottom: -15px;}

.box {margin: 1%;}

}

@media all and (min-width: 1280px) {

.carouselText {font-size: 3em!important;}

.slozkaObal {width: 33.33333333333333%;}
.slozkaObal:nth-child(odd) {clear: none;}
.slozkaObal:nth-child(3n+4) {clear: left;}

.box {width: 22.8%; padding-bottom: 22.8%;}

.novinka .fotoObal, .foto {padding-left: 40px;}
.fotoClanek {padding-right: 40px;}

aside.postranniUvod {margin: 0 0 0 20px;}

.videa .video iframe {height: 202px; width: 360px;}
.video {max-width: 395px; padding: 0 35px 0 0;}

}

@media all and (min-width: 1360px) {
    
.headerIn {padding: 0;}

.carouselText {bottom: 127px!important;}
.br-cpanel-wrapper {bottom: 35px!important;}

.ikony {padding: 0 60px;}

.video {max-width: 400px; padding: 0 40px 0 0;}

}

@media all and (min-width: 1400px) {
    
.sluzba1 .obsahObal, .sluzba2 .obsahObal, .sluzba3 .obsahObal {background-size: auto;}

}

div.kontaktMapa {height: 400px; overflow: hidden; /*padding-bottom: 21%!important; */ position: relative; width: 100%; margin: 0; }
div.kontaktMapa iframe {height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; max-height: 416px;}

div.br-cpanel-wrapper {left:50%!important;}

div.carouselText {display:none;}

@media all and (max-width: 767px) {
ul.menu2.mobil_vnitrni {display: inline-block; width: 100%!important; position:relative; top: 0px;}
ul.menu li a, ul.menu li span {padding-right: 70px;}
.zanoreni {display:none;background: rgba(204,67,0) url(../images/menu2-mobil-symbol.png) no-repeat center center; font-style: normal; position: absolute; right: 0; top: 0; width: 60px; height: 100%; padding: 22px 0 17px; cursor: pointer;}
.zanoreni {text-indent: -3000px;}
li .zanoreni.otevreno {background: #cc4300 url(../images/menu-close.png) no-repeat center center;}
li .zanoreni.zavreno {background: #cc4300 url(../images/menu2-mobil-symbol.png) no-repeat center center;}
ul.menu2 {width:100%; position: relative; top: 0;}
}

@media all and (min-width: 768px) {

ul.menu li:hover ul.menu2 {display: inline-block;}
.zanoreni {display: none!important;}

}

/* touch styly */
a.isTouch {background: #cc4300 url(../images/menu2-mobil-symbol.png) no-repeat 110px center; display: inline-block; padding: 18px 65px 18px 25px; height: auto; float: right;}
a.isTouch span {visibility: visible;}
/*ul.isTouch {display: none;}*/

ul.isTouch {font-family: 'Poppins', sans-serif; list-style-type: none; font-size: 1.5em; line-height: 1.125em; position: absolute; right: 0; top: 62px; width: 300px; z-index: 100;}
ul.isTouch li {display: block; border-top: 1px solid #fff; padding: 0; position: relative;}
ul.isTouch li a, ul.isTouch li span {background-color: #fee9dd; display: block; text-align: left; text-decoration: none; color: #2e2e2e; padding: 22px 25px 17px; position: relative;}
ul.isTouch li a:hover, ul.isTouch li span, ul.isTouch li a.klikaci {background-color: #cc4300; color: #fff;}
ul.isTouch li a.maZanoreni {padding-right: 65px;}

ul.isTouch2 {display: none; font-size: .875em; line-height: 1.2em; width: 100%!important; position: relative; top: 0; padding-left: 0;}
ul.isTouch2 li {display: block; padding: 0; border: none; border-left: 4px solid #4b4b4b;}
ul.isTouch2 li a, ul.isTouch2 li span {background-color: #cc4300; display: block; text-align: left; color: #fff; padding: 16px 22px; height: auto; border-bottom: 1px solid #ff5400;}
ul.isTouch2 li:last-child a, ul.isTouch2 li:last-child span {border: none;}
ul.isTouch2 li a:hover, ul.isTouch2 li span, ul.isTouch2 li a.klikaci {background-color: #4b4b4b; color: #fff;}

ul.isTouch ul.menu2.mobil_vnitrni {display: inline-block; width: 100%!important; position: relative; top: 0px;}
ul.isTouch ul.menu li a, ul.isTouch ul.menu li span {padding-right: 70px;}

ul.isTouch .zanoreni {display: block!important; background: rgba(204,67,0) url(../images/menu2-mobil-symbol.png) no-repeat center center; font-style: normal; position: absolute; right: 0; top: 0; width: 60px; padding: 22px 0 17px; cursor: pointer; height: 100%;}
ul.isTouch .zanoreni {text-indent: -3000px;}
ul.isTouch li .zanoreni.otevreno {background: #cc4300 url(../images/menu-close.png) no-repeat center center;}
ul.isTouch li .zanoreni.zavreno {background: #cc4300 url(../images/menu2-mobil-symbol.png) no-repeat center center;}

/*
ul.isTouch.menu li {display: block; padding: 0 1px 0 0;}
ul.isTouch.menu li a, ul.isTouch.menu li span {background: none; display: inline-block; text-align: center;}
ul.isTouch.menu li a:hover, ul.isTouch.menu li span, ul.isTouch.menu li a.klikaci {background-color: #cc4300;}
*/

ul.isTouch.menu {display: block;}
ul.isTouch.menu.responsiveMenuActive {display: none;}

body.uvodni.bodyTouch nav {background: none; border: none; position: absolute; left: 0; top: 105px; width: 100%;}
body.uvodni.bodyTouch .navIn {}

/* Upravit po domluve s Martinem */ 
/*uprava fancy box */ 
.fancybox-opened .fancybox-title {display:none}
.fancybox-skin {background:transparent;}

/* Index multiweb */ 
.index-multiweb-body .divRozcestnik {
	/display:flex;
	/width: fit-content;
	/width:-moz-fit-content;
    /margin: 0 auto;
	
	vertical-align:top;
	display: inline-grid;
    min-width: calc(100% - 250px);
    /min-width:98%;
    margin: 30px auto;
    grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
    grid-gap: 20px;
	
}
.twitterFrame:before {
	content:"Twitter feed";
	display:block;
	color:rgba(255,255,255,0.6);
	background:var(--purple);
	padding:5px;
	text-align:Center;
}
.twitterFrame {
    display: inline-block;
    max-width: 250px;
	max-height:441px;
	overflow-Y:scroll;

	margin: 30px auto;
	border: 1px solid var(--purple);
	border-radius:5px;
}
.twitterFrame iframe {
	padding:0 10px 10px 10px;
}

.index-multiweb-body .divRozcestnik h2.h2Rozcestnik  {
    border: 1px solid var(--purple);
    border-radius: 5px 5px 0 0;
    background: var(--background);
    /margin: 0 3em;
	box-shadow: 0 5px 37px -26px var(--purple);
	width:220px;
}
.index-multiweb-body .divRozcestnik h2 a {
	display:block;
	/padding:1em 1em;
	color:var(--purple);
	font-weight:700;
	text-decoration:none;
	position:relative;
}
.index-multiweb-body .divRozcestnik h2 {
	padding:0;
}

.index-multiweb-body .divRozcestnik h2 a > span {
	display:block;
	text-align:center;
	margin-bottom:0.5em;
	padding:0 10px;
}

.index-multiweb-body .divRozcestnik h2 a span:last-child {
	display:block;
	font-size:0.8em;
	text-align:center;
	font-weight:500;
	padding:0 10px;
}

.index-multiweb-body .divRozcestnik h2.h2Rozcestnik a img.imgRozcestnik {
	outline:unset;
	height:200px;
	margin:0 auto 15px;
	width:90%;
	display:block;
	margin-top:10px;
}
/*
.index-multiweb-body .divRozcestnik h2.h2Rozcestnik_technical-marketplace a::before {
	/content:url(../userfiles/MarketPlace_icon.svg);
	background:url(../userfiles/TechnicalMarketplace_image.svg);
}
.index-multiweb-body .divRozcestnik h2.h2Rozcestnik_organization-registry a::before {
	background:url(../userfiles/ValueChain.svg);
}
.index-multiweb-body .divRozcestnik h2.h2Rozcestnik_business-marketplace a::before {
	background:url(../userfiles/BusinessMarketplace.svg);
}
.index-multiweb-body .divRozcestnik h2.h2Rozcestnik_repository a::before {
	background:url(../userfiles/DataRepository_image.svg);
}
*/
/.index-multiweb-body .divRozcestnik h2.h2Rozcestnik a::before,
/.index-multiweb-body .divRozcestnik h2.h2Rozcestnik a img.imgRozcestnik {
	content:'';
	
	font-size:4em;
	text-align:center;
	margin:0 auto 20px;
	
	display:block;
	width:180%;
	height:200px;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	/height:320px;
	
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}


.ui-tooltip {
	border:1px solid var(--textcolor) !important;
	box-shadow:0 5px 37px -26px var(--purple) !important;
	background:white !important;
	font-size:0.9em;
	padding:0.5em;
	color:var(--purple);
	border-radius:5px;
}

/* Registration link */
a.registrationLink, a.forgottenPasswordLink, a.oauth2Link {
	text-decoration:none;
	text-transform:uppercase;
	padding:0.5em 0;
}

.registrationLink, .forgottenPasswordLink, .oauth2Link {
	display:block;
	max-width:440px;
	width:100%;
	margin:0 auto;
	text-align:center;
	border:1px solid var(--textcolor);
}

a.linkBack {
	background: var(--bluefade);
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: var(--textcolor);
    text-align: center;
}

.user-registration-body a.linkBack {
	position:sticky;
	top:0;
	left:20%;
}

i {
	margin-right:0.2em;
	color: white;
    font-size: 0.8em;
    margin-left: 0.5em;
    height: 100%;
    vertical-align: middle; 
}

/* marketplace new item */ 
.marketplace-body.bezSloupce .fFormItemEdit, 
.organization-registry-body.bezSloupce .fFormItemEdit {
	width:80%;
	max-width:800px;
	margin:0 auto;
}


div.elementHeader {
    background: var(--textcolor);
    padding: 0.7em 0; 
    display: block;
    font-size: 2em;
    text-transform: uppercase;
}

div.elementHeader h3 {
	color:var(--purpleitembg);
	padding:unset;
	font-weight: bold;
	width: fit-content;
	display: inline-block;
}

.fFormItemEdit .checkbox_item {
    text-align: left;
    margin-left: 1em;
}

.vnitrni .fFormItemEdit .checkbox_item {
	display:flex;
	margin: 0.5em 0 0.5em 1em;
    font-size: 1.1em;
    align-items: center;
	padding:5px;
}
.vnitrni .fFormItemEdit .checkbox_item:nth-child(even) {
	background:whitesmoke;
}

span.elementMaxLength {
    font-size: 0.65em;
    display: block;
    text-align: right;
}

.ui-widget-header {
	background:none;
	border:none;
}
/.formFrontListCountFilter::after {
	content:'';
	display:inline-block;
	width:100%;
	height:1px;
	background:var(--textcolor);
}

.formFrontListCountFilter {
    margin: 24px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 15px;
	background:#f8f7f8;
}

.formFrontListItemCount::before {
	content:'Listed items: ';
	display:inline-block;
	margin-right:3px;
}

.formFrontListItemCount {
    /margin-bottom: 7px;
    width: max-content;
    padding: 0px 8px;
    display: block;
    font-size: 13px;
    color: white;
	/border-radius: 5px 10px 10px 5px;
	background: var(--textcolor);
	/transform:translateY(-50%);
	/border-right:5px solid white;
	height:27.2px;
	line-height:27.2px;
	border-radius:2px;
}

.formFrontListCountFilter label {
	white-space:nowrap;
	margin-right:0.2em;
}

.formFrontListItemCount::after {
}

.formFrontListItemSort,
.formFrontListItemPagination,
.formFrontListItemOwnItems,
.formFrontListItemShowAs {
    display: flex;
    width: fit-content;
    align-items: center;
	margin-left:20px;
	color:white;
	background:var(--textcolor);
	font-size:13px;
	padding: 3px 8px;
	border-radius:2px;
}
.formFrontListItemOwnItems {
	height:25.2px;
}
.formFrontListItemOwnItems input[type=checkbox] {
	border-radius:unset !important;
	width:14px;
	height:14px;
	display: block;
}

.formFrontListItemSort select,
.formFrontListItemPagination select,
.formFrontListItemShowAs select {
	/border: 1px solid var(--textcolor);
    background: unset;
	border-color:none;
	border-width:0;
	min-width:max-content;
}

.formFrontListItemSort option,
.formFrontListItemPagination option,
.formFrontListItemShowAs option {
	background:var(--textcolor);
	color:white;
	border-color:whitesmoke;
	border-width:0;
	/font-weight:bold;
	text-transform:uppercase;
	
}

.fancybox-overlay-fixed {
	backdrop-filter: blur(2px);
}
.fancybox-opened .fancybox-skin {
	box-shadow:unset;
	border:1px solid white;
}

input.text {
    width: 100%;
    border: 1px solid var(--purple);
    border-radius: 10px;
    padding: 5px 15px;
}

select, textarea {width:100%;}
form.fFormItemView,
form.fFormItemEdit {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}
div#cke_offering_specifications {
    width: 100% !important;
}

.divMessageAfterRegister {
	width:max-content;
	min-width:500px;
	margin:0 auto;
	padding:25px;
	border:1px solid var(--purple);
	border-radius:7px;
	background:white;
	box-shadow:var(--boxshadow);
}

.divMessageAfterRegister > p {
	font-size:1.5em;
	color:var(--blue);
}
.divLinksAfterRegister {
	display:flex;
	margin:35px 0 0;
	justify-content:space-between;
}
a.linkModule {
	padding: 15px;
    margin: auto;
    border-radius: 5px;
    background: var(--purple);
    color: white;
    display: inline-block;
    text-decoration: none;
    text-align: center;	
	font-weight:bold;
    font-size: 1.3em;
    line-height: 1.6em;
}

a.linkModule:before {
	content:"Add offering to";
	display:block;
}


/************* DATA REPOSITORY MODULE *********/
/* krupinky*/ 

.categoryListBack {
	margin-bottom:2em;
	background-color:;
	display:flex;
}

.categoryListBack,
a.categoryBackLink,
a.categoryMain {
	color:var(--purpleitembg);
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
}

.categoryListBack a:hover {
	text-decoration:underline;
}

.categoryListBack > .categoryMainSpan,
.categoryListBack > a.categoryBackLink,
.categoryListBack > a.categoryMain {
	margin:0 5px;
}

span.categoryBackDevider {
    transform: scaleY(2);
    display: inline-block;
}

/*   /Krupinky  */ 

.categoryListPriority {
	margin-bottom:1em;
}


body:not(.index-multiweb-body) .categoryListPriority1 .categoryItemCategory i {
	font-size:1.5em;
	height:auto;
	/width:100%;
} 
body:not(.index-multiweb-body) .categoryListPriority1 .categoryItemCategory a {
	font-size:13px;
	text-align:center;
	margin-left:0.5em;
	line-height: 1.2;
	width:100%;
}

a.categoryMain {
	max-width:200px;
	display:block;
	text-align: center;
}

.index-multiweb-body .categoryListHome {
	width:98%;
}
.categoryListHome {
	margin:1em auto;
}

.categoryListHome:first-child {
	margin:0em auto 2em;
}

.categoryListHome:nth-child(2) {
	margin:2em auto 1em;
} 
 
 
.categoryListPriority1 {
	display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    grid-row-gap: 15px;
    /grid-column-gap: 15px;
}
.categoryListPriority1 .categoryItem {
	width:auto;
}


.categoryListPriority:not(.categoryListPriority1) {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    grid-row-gap: 15px;
	margin-top:2em;
}

.categoryList {

}
.categoryItem {
    padding: 0.5em 20px;
    background: whitesmoke;
    border-radius: 3px;
    margin-right: 20px;
    width: fit-content;
    border: 1px solid #a5a5c0;
    display: flex;
    flex-flow: column;
	justify-content: space-between;
	cursor:pointer;
}

/.categoryItem:last-child {
	margin:0;
}
.categoryItemCategory {
	display:flex;
	align-items:center;
}

.categoryItemDescription {
    color: var(--purpleitembg);
    margin: 0 auto 0;
    max-width: 300px;
	font-size:13px;
	text-align:justify;
}

.index-multiweb-body .categoryListPriority1 .categoryItem a {
	font-size:13px;
	line-height:1.2;
	margin:0 auto;
	width:100%;
}
.index-multiweb-body .categoryListPriority1 .categoryItem i {
	font-size:2em;
	height:auto;
}

.categoryItem a {
	text-decoration:none;
	color:var(--bluefade);
	font-weight:700;
	}
.categoryItemCategory i {
	margin:0 7px 0 0;
	color: white;
    text-shadow: 0 0 1px #61618d, 0 0 1px #61618d;
	/width:100%;
	text-align:center;
}

i.categoryIcon:before {
    margin: 5px auto 0.35em;
    display: block;
}

.module-repository .produktListDetail h2 {
	padding:unset;
	font-size:1em;
}

/***** Data repository zobrazeni polozek ****/
body.module-repository div#hlavni {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    grid-gap: 15px;
}

.module-repository .produktListDetail {
	max-width:250px;
	min-width:100px;
	padding:10px;
	background:var(--drItem);
	border:1px solid var(--textcolor);
	border-radius:3px;
	display: flex;
    flex-flow: column;
    justify-content: space-between;
	cursor:pointer;

}

.module-repository .productListDetailClick {
	height:100%;
	display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.module-repository .produktListDetail h2 {
	font-size:1.25em;
	font-weight:600;
	text-transform:uppercase;
	color:var(--bluefade);
	/text-align:center;
	margin-bottom:0.3em;
}

.module-repository .produktListDetail .formItemDetail_description {
	font-size:0.85em;
	color:var(--purple);
	text-align:justify;
}

p.formItemDetail_tags.formItemDetailType_tag {
    color: var(--purpleitembg);
    font-size: 0.85em;
    margin-top: 1em;
	text-align: center;
}

p.formItemDetail_tags.formItemDetailType_tag .formItemDetailTagItem {
	margin:0 5px;
	display:inline-block;
}
p.formItemDetail_tags.formItemDetailType_tag .formItemDetailTagItem:first-child {
	margin:unset;
	
}
p.formItemDetail_tags.formItemDetailType_tag .formItemDetailTagItem:last-child {
	margin:unset;
}

#cke_text {max-width:100%;}

.module-repository .categoryTitle {
    display: flex;
    align-items: baseline;
}

.module-repository #formFrontListCategoryList h2.categoryMainH2 {
    width: fit-content;
    margin: 0 1em 0.5em 0;
    text-transform: uppercase;
    background: var(--purple);
    color: white;
    padding: 0.2em 0.6em;
}

.module-repository #formFrontListCategoryList .categoryTitleDescription {
    font-size: 13px;
    font-style: italic;
}

a.tlDetailImg {
	text-decoration:none;
	width:100%;
}

.formItemDetailCreated {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
	align-items: baseline;
	
	color: var(--purpleitembg);
    font-size: 0.85em;
    margin-top: 1em;
    text-align: center;
}

.formItemDetailType_created_author:before {
	content:'Author:';
	display:block;
	/margin-right:5px;
	font-size:0.75em;
}

.formItemDetailType_created_date {
	/font-size:0.7em;
}

.formItemDetailType_created_date:before {
	content:'Updated: ';
	display:block;
	font-size:0.75em;
}
/.formItemDetailType_created_date:after {
	content:' ]';
	display:inline-block;
	opacity:0.5;
}

.podnadpis {
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:rgb(var(--IndexTitleColor));
}
/* Front UI widget */
.quotationDialog {
	max-width:500px;
	padding:unset;
	background:whitesmoke;
}

.quotationDialog .ui-dialog-titlebar-close {
    border: none;
    border-radius: 0;
	background:var(--purpleitembg) !important;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    margin: 0px;
}

.quotationDialog .ui-dialog-titlebar {
	width:100%;
	text-align:Center;
	background:var(--textcolor);
	padding:0.5em 2em;
	color:white;
	text-transform:uppercase;
}
.quotationDialog #form-quotation-dialog-header {
	text-align:center;
	color:var(--purpleitembg);
}

.quotationDialog label {
    font-size: 0.75em;
    color: var(--purpleitembg);
    margin: 1em 0 0.4em;
    display: block; 
}
.quotationDialog textarea,
.quotationDialog input {
	font-size:0.8em;
	color:black;
	border:none !important;
}
.quotationDialog .ui-dialog-buttonpane {
	border:none;
}

.quotationDialog .ui-dialog-buttonset {
    float: right;
    width: 100%;
}

.quotationDialog button {
    margin: 0 auto !important;
    display: block;
	font-weight:bold;
	/padding:0.5em 4em;
	background:#b9b9b9 !important;
	text-decoration:none;
	border-radius:1em;
	border:none !important;
}

#quotation_text {
	height:250px;
}

/* Front Button */
.elementQuotation {
	background:none !important;	
}
.elementContainerContent_quotation {
	text-align:center !important;

	}
a.quotationLink {
	font-weight:bold;
	padding:0.5em 4em;
	background:#b9b9b9;
	text-decoration:none;
	border-radius:1em;
	margin:0 auto;
	
}
a.quotationLink:hover {
	background:grey;
	color:white !important;
}

.quotationDialog .ui-form-ok {
	width:100%;
	border:none;
	background: #37c003;
    color: white;
    padding: 1em 2em;
    text-align: center;
}

.cke {
    max-width: 100%;
}

/* social icons*/
.forms_display_social {
	display: flex;
	justify-content: flex-start;
	margin-top:2em;
}
.forms_display_social::before {
	content: 'Feel free to share';
	display: block;
	font-size: 1.2em;
	margin-right: 1em;
}

a.socialMediaLink  {
	text-decoration:none;
}
.socialMediaLink svg {
	width:40px;
	margin-right:15px;
}
a#linkAdminNewItem, a#linkAskToJoin {
	background: #F37B38;
}
.dialogListDetail {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding:1em;
}
.dialogListDetail:nth-child(even) {
	background:rgb(255 255 255 / 41%);
}
a.linkAskToJoinApply {
	text-decoration:none;
}
a.linkAskToJoinApply h2 {
	padding:unset;
}
.dialogListDetail a.linkAskToJoinApply:nth-child(2) {
	background:grey;
	text-decoration: none;
	color:white;
	border-radius: 9px;
	padding: 8px 16px;
	margin-left: 2em;
}

/**************TABLE output***********************************/
@media all and (max-width: 800px) {
.formFrontListCountFilter {display:block;}
.formFrontListItemSort, .formFrontListItemPagination, .formFrontListItemShowAs {margin:4px 0 0 0;}
	
}

/*div.obsah {display: flex; justify-content: center;}*/
.sectionArea {display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 10px 0 25px;}
.sectionArea img {width: auto!important; height: auto!important;}
.sectionContent {padding: 0 19px; width: 100%;}

.sectionContent {padding: 0 25px;}
.sectionType66x33 .sectionContent1 {width: 66.66666666666667%;} 
.sectionType66x33 .sectionContent2 {width: 33.33333333333333%;}
.sectionType33x66 .sectionContent1 {width: 33.33333333333333%;}
.sectionType33x66 .sectionContent2 {width: 66.66666666666667%;}
.sectionType33x33x33 .sectionContent {width: 33.33333333333333%;}
.sectionType50x50 .sectionContent {width: 50%;}
.sectionType25x25x25x25 .sectionContent {width: 25%;}




.mobileFilterButtons a svg {width: 20px;}

@media all and (max-width: 768px) {
	
	.formFrontFilter {display: none!important;}
	.formFrontListCountFilter {display: none!important;}
	
	.user.userDesktop {display: none!important;}
	
	.formFrontFilter.formFrontFilterMobile {
		position: absolute;
    	display: block !important;
    	width: 100% !important;
    	z-index: 999999;
    }
    
    .formFrontListCountFilter.formFrontSortMobile {
		position: absolute;
    	display: block !important;
    	width: 100% !important;
    	z-index: 999999;
    }
}
	
@media all and (min-width: 769px) {

.mobileFilterButtons {display: none!important;}
.user.userMobile {display: none!important;}

}