x:root {
	--drItem:#f7f3f5;
	--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;
	--titleColor:#7E3F65;
}
:root {
	--drItem:#f7f3f5;
	--background:rgba(245, 245, 245, 0.76);
	--backgroundOutLine:#eaeaea;
	--formdetailbg:rgba(97, 49, 78, 0.81);
	--red: #ED1C24;
    --blue: #0E4A8F;
    --purple: rgba(78,78,91,1);
    --purpleitembg: rgba(78,78,91,1);
	--darkpurple:#7e3f65;
    --basictext: #000;
    --bluefade: #61618D;
    --textcolor: #d4cbd1;
	--boxshadow:0 5px 37px -26px var(--purple);
	--maxBoxHeight:250px;
	--titleColor:#7E3F65;
}

.headerIn,
.footerObsah,
h2.h2Rozcestnik,
.categoryItemCategory i {
	
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+12,61618d+49,7e3f65+100&0.85+13,0.75+49,0.75+99 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.85) 12%, rgba(3,3,4,0.85) 13%, rgba(97,97,141,0.75) 49%, rgba(125,64,102,0.75) 99%, rgba(126,63,101,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.85) 12%,rgba(3,3,4,0.85) 13%,rgba(97,97,141,0.75) 49%,rgba(125,64,102,0.75) 99%,rgba(126,63,101,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0.85) 12%,rgba(3,3,4,0.85) 13%,rgba(97,97,141,0.75) 49%,rgba(125,64,102,0.75) 99%,rgba(126,63,101,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#bf7e3f65',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
	
}

@font-face {
  font-family: 'Neuropol';
  src:	url('/style/fonts/NEUROPOL.ttf.woff2') format('woff2'), /* Super Modern Browsers */ 
		url('/style/fonts/NEUROPOL.ttf')  format('truetype'); /* Safari, Android, iOS */
}


.podnadpis {
	font-weight:bold;
	font-size:24px;
	text-align:center;
	width:100%;
	display: flex;
    justify-content: center;
    align-items: center;
	color:white;
	/color:var(--titleColor);
	font-family:'Neuropol';
	letter-spacing: 4px;
    /word-spacing: 11px;
}

body:not(.home-body) .podnadpis {
	padding:1vw 0;
}

.front_view_textCenter .elementContainerContent,
.textCenter .elementContainerContent {
	text-align:center !important;
}
.front_view_textRight .elementContainerContent,
.textRight .elementContainerContent {
	text-align:right !important;
}
.front_view_textJustify .elementContainerContent,
.textJustify .elementContainerContent {
	text-align:justify !important;
}
.ui-widget-content #elementContainer_organization_name.front_view_TrainTitleClass .elementContainerContent ,
.ui-widget-content #elementContainer_organization_name.front_view_titleHighlight .elementContainerContent ,
.technical-marketplace-body #elementContainer_offering_title.front_view_titleHighlight .elementContainerContent,
.technical-marketplace-body #elementContainer_offering_title.front_view_titleHighlight .elementContainerContent,
.repository-body #elementContainer_name.front_view_titleHighlight .elementContainerContent,
.technical-marketplace-body #elementContainer_name.front_view_titleHighlight .elementContainerContent,
.business-marketplace-body #elementContainer_name.front_view_titleHighlight .elementContainerContent,
.organization-registry-body #elementContainer_organization_name.front_view_titleHighlight .elementContainerContent {
	font-size:3em;
	font-weight:bold;
	padding:0.4em;
}

.logo img {max-height:150px;}

.red {background:#00bcd4;}
.blue {background:blue;}
.green {background:green;}
.orange {background:#ff9800;}
.purple {background:purple;}
.brown {background:brown;}

.imageDisplay img {
	max-height:130px;
}
.formItemDetail_customer {
	text-align:center;
	padding:0 10px;
}
.formItemDetail_customer:before {
	content:'Customer:';
	text-align:center;
	font-size:12px;
	margin-right:5px;
	/display:block;
}
.formItemDetail_SDM {
	text-align:center;
	padding:0 10px;
}
.formItemDetail_SDM:before {
	content:'SDM:';
	text-align:center;
	font-size:12px;
	margin-right:5px;
	/display:block;
}
.formItemDetail_responsible {
	text-align:center;
	padding:0 10px;
}
.formItemDetail_responsible:before {
	content:'Responsible:';
	text-align:center;
	font-size:12px;
	margin-right:5px;
	/display:block;
}
.formItemDetail_admin_new {
	text-align:center;
	padding:0 10px;
	font-size:10px;
}
.formItemDetail_admin_new:before {
	content:'Author:';
	text-align:center;
	font-size:10px;
	margin-right:5px;
	display:inline-block;
}

p.formItemDetail_start_date,
p.formItemDetail_end_date {
	display:inline-block;
	width:50%;
	padding:0 10px 5px 10px;
}
p.formItemDetail_end_date {
	text-align:right;
}
body.module-type-task .productListDetailClick h2 {
	font-size: 1.25em;
    font-weight: 600;
    text-transform: uppercase;
    background: #4e4e5b;
    color: white;
    padding: 0.4em;
    text-align: center;
    margin-bottom: 0.3em;
	min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* community as table */ 
.module-repository .showAsTable div#hlavni {
    grid-template-columns: 1fr !important;
}

.module-repository .showAsTable .produktListDetail {
	max-width:unset !important;
}

.module-repository .showAsTable .productListDetailClick {
	align-items: center !important;
	height: 100% !important;
    display: flex !important;
	flex-flow: row !important;
	padding-bottom:unset !important;
}

.module-repository .showAsTable a.tlDetailImg {
    text-decoration: none;
    height: inherit !important;
}
.module-repository .showAsTable .produktListDetail h2 {
    color: white;
    padding: 0.4em;
    text-align: center;
    margin-bottom: unset;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
}

.module-repository .showAsTable .produktListDetail .formItemDetail_description {
    padding-left: 20px;
    text-align: left;
    flex: 100% 0;
}

.module-repository .showAsTable .formItemDetailCreated {
    padding: 10px !important;
    text-align: center;
	display: flex;
    margin-top: unset;
}

