
.cep_mainWrapper
{
}

.cep_mainWrapper a
{
	color: #009999;
	text-decoration: underline;
}

.cep_mainWrapper a:hover
{
	text-decoration: none;
}

.cep_pageContent a
{
	color: #099;
	text-decoration: underline;
}

.cep_pageContent a:hover
{
	text-decoration: none;
}

.cep_boxCategory
{
	background-color: #707478;
	color: white;
	padding: 3px 16px;
}

.cep_boxContent
{
	background-color: #F2F2F2;
	color: black;
	padding: 0.8em 16px;
}

.cep_boxContent .categoryTitle
{
	font-weight: normal;
	margin-top: 1.0em;
	margin-bottom: 0.3em;
}

.cep_boxContent .categoryTitle:first-child
{
	margin-top: 0;
	/*
	font-weight: normal;
	margin-bottom: 0.3em;
	*/
}

.boldText
{
	font-weight: normal;
}

.boldTextPadded
{
	font-weight: normal;
	margin-top: 1.0em;
	margin-bottom: 0.3em;
}

.boldTextPadded2
{
	font-weight: normal;
	padding-top: 1.0em;
	padding-bottom: 0.3em;
}

.cep_textIconSmall
{
	height: 28px;
	width: 28px;
	line-height: 28px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	font-size: 1em;
	color: #fff;
	border-radius: 18px;
	background-color: #03878A;
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	cursor: default;
}

.cep_textIconBig
{
	height: 40px;
	width: 40px;
	line-height: 40px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	font-size: 1em;
	color: #fff;
	border-radius: 20px;
	background-color: #03878A;
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	cursor: default;
}

.cep_textIconSmall.person:before,
.cep_textIconBig.person:before
{
	content: '\f234';
}

.cep_textIconSmall.dialog:before,
.cep_textIconBig.dialog:before
{
	content: '\f128';
}

.cep_textIconSmall.information:before,
.cep_textIconBig.information:before
{
	content: '\e61a';
}

.cep_textIconSmall.location:before,
.cep_textIconBig.location:before
{
	content: '\e61f';
}

.cep_textIconSmall.mail:before,
.cep_textIconBig.mail:before
{
	content: '\f0e0';
}

.cep_textIconSmall.mulipleImages:before,
.cep_textIconBig.mulipleImages:before
{
	content: '\f019';
}

.cep_textIconSmall.pdf:before,
.cep_textIconBig.pdf:before
{
	content: '\e62b';
}

.cep_textIconSmall.tel:before,
.cep_textIconBig.tel:before
{
	content: '\e62c';
}

.cep_textIconSmall.print:before,
.cep_textIconBig.print:before
{
	content: '\e631';
}

.cep_textIconSmall.rss:before,
.cep_textIconBig.rss:before
{
	content: '\e637';
}

.cep_textIconSmall.link:before,
.cep_textIconBig.link:before
{
	content: '\e63b';
}

.cep_textIconSmall.download:before,
.cep_textIconBig.download:before
{
	content: '\f12a';
}

.cep_textIconSmall.arrowRight:before,
.cep_textIconBig.arrowRight:before
{
	content: '\f061';
}

.cep_textIconSmall.info:before,
.cep_textIconBig.info:before
{
	content: '\f129';
}

.cep_textIconSmall.edituser:before,
.cep_textIconBig.edituser:before
{
	content: '\f4ff';
}

/* We need to 'invert' the styling because frontend uses 'Roboto normal' font ('normal' is bold!), but in COIN.DMS WYSIWYG editor font-weight: normal; wouldn't make text bold. */
.coindms_richtexteditorOverlay .cep_boxContent .categoryTitle,
.coindms_richtexteditorOverlay .boldText
{
	font-weight: bold;
}

/* only for WYSIWYG editor in backend */
.coindms_richtexteditorOverlay .cep_headerBtnBox a
{
	vertical-align: middle;
}

/* only for WYSIWYG editor in backend */
/*.coindms_richtexteditorOverlay .cep_headerBtnBox .cep_textIconSmall*/
.cep_headerBtnBox .cep_textIconSmall
{
	margin-right: 0.5em;
	margin-bottom: 4px;
}

.cep_languageEntry
{
	display: inline-block;
	cursor: pointer;
	padding: 0.3em 0.3em 0.3em 2.2em;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: auto 100%;
	margin-right: 1.2em;
}

.cep_languageEntry.disabled
{
	pointer-events: none;
	opacity: 0.3;
}

.cep_pageCenterWrapper
{
	background-color: #ffffff;
	width: 1150px;
	margin: 0 auto;
	position: relative;
}

.cep_pageCenterWrapper:after
{
	content: '';
	background-color: black;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	transition: opacity 500ms;
	pointer-events: none;
}

.cep_pageCenterWrapper.overlay:after
{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.5;
}

.cep_pageContentLogoTextWrapper
{
	background-image: url('../pics/eva/header/3b0baabfc64d09ae468628888bcd8517.png');
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: auto 100%;
	font-weight: normal;
	font-size: 2.0em;
	padding-left: 2.5em;
	margin-bottom: 1em;
	line-height: 200%;
	white-space: nowrap;
	overflow-x: hidden;
	display: none;
}

.cep_pageHeader
{
	height: 175px;
	background-image: url('../pics/eva/header/3b0baabfc64d09ae468628888bcd8517.png'), url('../pics/eva/header/68f63bf4e3d70d1e2af6eabdd647766c.png');
	background-repeat: no-repeat, no-repeat;
	background-size: 230px auto, 900px auto;
	background-position: 10px 15px, 250px 0;
	background-color: #fff;
	position: relative;
	color: #000;
	transition: height 100ms;
	border-bottom: 1px solid #ffffff;
	margin-top: 29px;
}

.cep_pageHeader::before
{
	content: 'PD-Bieterportal';
	/* color: #03878A; */
	color: #FFFFFF;
	font: normal 300 44px open-sans,sans-serif;
	position: relative;
	left: 280px;
	top: 30px;
}

.cep_pageHeader .toolBtn
{
	color: white;
	background-color: #CB0404;
	display: block;

	cursor: pointer;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	float: right;
	text-align: center;
	vertical-align: middle;

	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.cep_pageHeader .toolBtn span
{
	font-family: 'Font Awesome 5 Free';
	font-size: 32px;
	position: relative;
	top: 10px;
}

/* We need to add 'span' tag here, otherwise above rule would overwrite this */
.cep_pageHeader .toolBtn.languageSelector span
{
	font-size: 14pt;
	font-family: Roboto;
	font-weight: normal;
}

.cep_pageHeaderToolbar
{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	min-width: 350px;
}

.profile > span:after
{
	content: '\f007';
}

.settings > span:before
{
	content: '\f0ad';
	font-size: 0.7em;
}

/* this is really not handy: please do not fixate search button to first child...*/
.cep_pageHeaderToolbar > div:first-child > span:first-child
{
	/*font-size: 0.1em;
	color: transparent;*/
}
/* this is really not handy: please do not fixate search button to first child...*/
.cep_pageHeaderToolbar > div:first-child > span:first-child:before
{
	/*content: '\f002';
	font-family: 'FontAwesome';*/
	display: block;
	font-size: 15em;
	color: #ffffff;
}

/* (without borders)
.cep_pageHeaderBtnInfo
{
	position: relative;
	background: #ffffff;
}

.cep_pageHeaderBtnInfo:after
{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
*/

.cep_pageHeaderBtnInfo
{
	background: #ffffff;
	border: 2px solid #999999;
	padding: 10px;
	display: none;
	color: #565656;
	z-index: 1;

	/* Note: Set not to relative but instead to absolute with 100% width to give container max width of its parent container! */
	position: absolute;
	width: 100%;
}

.cep_pageHeaderBtnInfo:after,
.cep_pageHeaderBtnInfo:before
{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cep_pageHeaderBtnInfo:after
{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}

.cep_pageHeaderBtnInfo:before
{
	border-color: rgba(233, 233, 233, 0);
	border-bottom-color: #999999;
	border-width: 15px;
	margin-left: -15px;
}

.cep_pageHeaderBtnInfo.help:after,
.cep_pageHeaderBtnInfo.help:before
{
	left: 68px;
}

.cep_pageHeaderBtnInfo.contact:after,
.cep_pageHeaderBtnInfo.contact:before
{
	left: 148px;
}

.cep_pageHeaderBtnInfo.settings:after,
.cep_pageHeaderBtnInfo.settings:before
{
	left: 258px;
}

.cep_pageHeaderBtnInfo.language:after,
.cep_pageHeaderBtnInfo.language:before
{
	left: 318px;
}

.cep_pageHeaderBtnInfo.search:after,
.cep_pageHeaderBtnInfo.search:before
{
	left: 328px;
}

.cep_pageHeaderBtnInfo.profile:after,
.cep_pageHeaderBtnInfo.profile:before
{
	left: 198px;
}

.cep_pageHeaderBtnInfoSettings
{
	font-size: 1.2em;
}
.cep_pageHeaderBtnInfoSettings div
{
	margin-bottom: 1em;
	font-weight: normal;
}
.cep_pageHeaderBtnInfoSettings div:last-child
{
	margin-bottom: 0;
	font-weight: lighter;
	text-align: justify;
}

.cep_pageMenu
{
	width: 250px;
	float: left;
	padding-bottom: 1.5em;
	background-color: #ffffff;
	/*transition: left 250ms ease-in, box-shadow 500ms;*/
	transition: left 250ms ease-in;
}

.cep_pageMenu.expanded
{
	left: 0px;
	/*transition: top 100ms;*/
	box-shadow: 20px 0px 200px rgba(0,0,0,0.5);
}

.cep_pageMenu .page
{
	display: block;
	/*padding: 1.2em 1.0em 1.2em 1.5em;*/
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
	text-decoration: none;
	background-color: #AAB414;
	color: #00315a;
}

.cep_pageMenu .page:hover
{
	color: #343434;
	background-color: #B5CC89;
}

.cep_pageMenuColor0 .page
{
	/* background-color: transparent; */
	/* color: #ffffff; */
}

.cep_pageMenuColor0 .page:hover
{
	/* background-color: #00315A; */
	/* color: #ffffff; */
}

.cep_pageMenu .page span
{
	padding: 0.5em 1.5em 0.5em 1.5em;
	display: block;
}

.cep_pageMenu .page.active
{
	background-color: #FFD100;
	color: #03878A;
}

.cep_pageMenu .page.active:hover
{
	background-color: #FFD100;
}

.cep_pageMenu .page.contact
{
	padding-left: 5em;
	background-image: url('../pics/general/contact.svg');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: auto 54px;
}

/* This is needed to reset padding-left from [.cep_pageMenu .page span], since we use special padding in [.cep_pageMenu .page.contact] */
.cep_pageMenu .page.contact span
{
	padding-left: 0;
}

.cep_pageMenuColor0
{
	background-color: #AAB414 !important;
}

.cep_pageMenuColor1
{
	background-color: #AAB414 !important;
	transition: background 500ms;
}

.cep_pageMenuColor2
{
	background-color: #AAB414 !important;
}

.cep_pageMenuColor3
{
	background-color: #AAB414 !important;
}

.cep_pageMenuColor4
{
	background-color: #AAB414 !important;
}

.cep_pageMenuColor5
{
	background-color: #AAB414 !important;
}

.cep_pageMenuColor6
{
	background-color: #AAB414 !important;
}

.cep_pageMenuColor7
{
	background-color: #FFB000 !important;
}

.cep_pageMenuExtra01
{
	background-color: #FFB000 !important;
}

.cep_pageMenuExtra01 > a
{
	background-color: #03878A !important;
	color: #FFFFFF !important;
}

.cep_pageMenuExtra01 > a:hover
{
	background-color: #00315A !important;
}

.cep_pageContent
{
	margin-left: 240px;  /* must be same as .cep_pageMenu->width */
	padding: 1em 1em 1.5em 1em;
	overflow-x: auto;
	/*overflow-x: visible;*/
}

.cep_imageSeparator
{
	display: none;
	height: 180px;
	opacity: 0.8;
	background-color: #ffffff;
	background-image: url('../pics/eva/header/68f63bf4e3d70d1e2af6eabdd647766c.png');
	background-repeat: no-repeat;
	background-position: 50% 45%;
	background-size: cover;
	transition: height 100ms, padding-top 250ms;
}

.cep_imageSeparator > div
{
	font-size: 3em;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 20px;
	color: #fff;
	transition: font-size 100ms, padding-top 100ms, padding-left 100ms;
}

.cep_imageSeparator > div > span
{
	font-style: italic;
	font-weight: bold;
}

.cep_pageRightMenu
{
	display: none;
	width: 240px;
	float: right;
	padding-bottom: 1.5em;
}

.cep_pageRightMenuMobile
{
	display: none;
	width: 240px;
	margin-top: 1em;
	padding-bottom: 1.5em;
}

.cep_pageFooterWrapper
{
	position: relative;
	padding: 2.5em 1em 2.5em 260px;
	/*background-image: url('../pics/eva/logo.png');*/
	/*background-repeat: no-repeat;*/
	/*background-position: 20px 30px;*/
	/*background-size: 180px auto;*/
	background-color: #343735;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #ececec;
}

.cep_buttomLinksWrapper
{
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.07em;
	text-align: right;
}

.cep_buttomLinksWrapper a
{
	display: block;
	padding-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	margin-left: 16px;
	margin-right: auto;
	color: #ececec;
}

.cep_buttomLinksWrapper a.active
{
	font-weight: normal;
}

.cep_buttomLinksWrapper a:hover
{
	color: #ffffff;
}

.cep_buttomLinksWrapper .cep_pageMenuColor0,
.cep_buttomLinksWrapper .cep_pageMenuColor1,
.cep_buttomLinksWrapper .cep_pageMenuColor2,
.cep_buttomLinksWrapper .cep_pageMenuColor3,
.cep_buttomLinksWrapper .cep_pageMenuColor4,
.cep_buttomLinksWrapper .cep_pageMenuColor5,
.cep_buttomLinksWrapper .cep_pageMenuColor6
{
	display: inline-block;
	background-color: transparent !important;
}

.cep_buttomLinksWrapper .cep_pageMenuColor0 .page
{
	color: #ececec;
}

.cep_buttomLinksWrapper .cep_pageMenuColor0 .page:hover
{
	background: transparent;
	color: #ffffff;
}

.cep_pageFooter
{
	position: relative;
}

.cep_pageFooter a
{
	margin-bottom: 1em;
	display: inline-block;
	color: #ececec;
	text-decoration: none;
}

.cep_pageFooter a:hover
{
	margin-bottom: 1em;
	display: inline-block;
	color: #ffffff;
}

.cep_pageFooter a > img
{
	vertical-align: middle;
	border: 0;
}

/* Disable left padding and background image in WYSIWYG editor in backend */
.coindms_richtexteditorOverlay .cep_pageFooter
{
	padding: 0;
	background: none;
}

.cep_pageFooter .cep_horzBox
{
	display: inline-block;
	margin-right: 4em;
	vertical-align: top;
}

.cep_pageFooter .cep_horzBox:last-child
{
	margin-right: 0;
}

.cep_pageFooter .cep_textIconSmall
{
	margin-right: 0.5em;
	margin-bottom: 4px;
}

.cep_descriptionKey
{
	background-color: rgb(85, 85, 85);
	opacity: 0.8;
	box-shadow: 3px 3px 0px rgba(47, 47, 47, 0.7);
	border-radius: 5px;
	color: rgb(255, 255, 255);
	display: inline-block;
	margin: 0px 0.2em;
	padding: 0.5em;
}

.cep_paddedInputsBottom textarea,
.cep_paddedInputsBottom select,
.cep_paddedInputsBottom input[type="text"]
{
	margin-bottom: 4px;
}

.cep_accessibilitySwitch
{
	background-color: #DADCDE;
	width: 70px;
	height: 10px;
	border-radius: 10px;
	overflow: visible;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.cep_accessibilitySwitch:after
{
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 10px;
	background-color: #555555;
	position: absolute;
	left: 0;
	right: auto;
	top: -4px;
	transition: left 100ms, right 100ms;
}

.cep_accessibilitySwitch.active:after
{
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 10px;
	background-color: #555555;
	position: absolute;
	right: 0;
	left: auto;
	top: -4px;
	transition: left 100ms, right 100ms;
}

.cep_mobileMenuButton
{
	font-family: 'Font Awesome 5 Free';
	font-size: 48px;
	line-height: 100%;
	position: relative;
	top: 6px;
	left: 6px;
	color: #333020;
	cursor: pointer;
	display: none;
	transition: top 100ms;
}

.cep_mobileMenuButton:before
{
	content: '\f0c9';
}

.cep_hideMobile1
{
}

.cep_hoverBoxBackground
{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}

.cep_hoverBoxWrapper
{
	padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 1001;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

.cep_hoverBoxWrapper.sizeSmall
{
	width: 680px;
	font-size: 1.2em;
	line-height: 140%;
}

.cep_hoverBoxWrapper li
{
	margin-top: 0.7em;
}

.cep_spinner
{
	vertical-align: middle;
	display: inline-block;

	width: 15px;
	height: 15px;

	border: solid 3px transparent;
	border-top-color:  #92B033;
	border-left-color: #92B033;
	border-radius: 15px;

	-webkit-animation: cep_spinnerAnimation 800ms linear infinite;
	-moz-animation:    cep_spinnerAnimation 800ms linear infinite;
	-ms-animation:     cep_spinnerAnimation 800ms linear infinite;
	-o-animation:      cep_spinnerAnimation 800ms linear infinite;
	animation:         cep_spinnerAnimation 800ms linear infinite;
}

@-webkit-keyframes cep_spinnerAnimation {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes cep_spinnerAnimation {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes cep_spinnerAnimation {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes cep_spinnerAnimation {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes cep_spinnerAnimation {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.cep_spinner.big
{
	width: 40px;
	height: 40px;

	border-width: 5px;
	border-right-color: #92B033;
	border-radius: 40px;

	-webkit-animation: cep_spinnerAnimation 2000ms linear infinite;
	-moz-animation:    cep_spinnerAnimation 2000ms linear infinite;
	-ms-animation:     cep_spinnerAnimation 2000ms linear infinite;
	-o-animation:      cep_spinnerAnimation 2000ms linear infinite;
	animation:         cep_spinnerAnimation 2000ms linear infinite;
}

.cep_popupDownloadTenderDocuments,
.cep_popupSubmitQuestions
{
	border-collapse: collapse;
	width: 100%;
	border: 0;
	margin-bottom: 1em;
}

.cep_popupDownloadTenderDocuments td,
.cep_popupDownloadTenderDocuments th,
.cep_popupSubmitQuestions td,
.cep_popupSubmitQuestions th
{
	border: 0;
}

.cep_popupDownloadTenderDocuments label,
.cep_popupSubmitQuestions label
{
	font-size: 0.8em;
	cursor: pointer;
}

.cep_detailsRow
{
	display: none;
}

.cep_detailsRow.expanded
{
	display: table-row;
}

.cep_detailsRow table
{
	border: 0;
}

.cep_detailsRow table tr td
{
	border: 0;
	font-size: 0.9em;
}

.cep_detailsRow table tr td:first-child
{
	padding-right: 12px;
	width: 200px;
}

.cep_actionButtonsWrapper
{
	text-align: center;
	min-width: 70px;
	line-height: 250%;
}

.cep_actionButtonsLegend
{
	margin: 1em 1em 2em 1em;
	padding: 0.5em;
	line-height:2em;
}
.cep_actionButtonsLegend > div:first-child
{
	display: block;
	margin-right: 1em;
	margin-bottom: 1em;
	font-size: 1.2em;
}

.cep_actionButtonsLegend .cep_tenderActionButton
{
	cursor: default;
	margin-right: 1em;
	display: inline-block;
	width: 45%;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0.3em;
}

.cep_actionButtonsLegend .cep_tenderActionButton > div:last-child,
.cep_actionButtonsLegend .cep_tenderActionButton > div:last-child:hover
{
	display: inline-block;
	margin-left: 0.5em;
	color: #333020;
	text-decoration: none;
}

.cep_actionButtonsLegend .cep_tenderActionButton .cep_textIconBig
{
	/*
	height: 22px;
	width: 22px;
	line-height: 22px;
	font-size: 1.0em;
	*/
	cursor: default;
}

.cep_tenderActionButton
{
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

.cep_tenderActionButton:last-child
{
	margin-bottom: 0;
}

/* Overwrite back */
.cep_tenderActionButton .cep_textIconBig
{
	cursor: pointer;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 1em;
}

.cep_tenderActionButton > div:last-child
{
	color: #095197;
	/*text-decoration: underline;*/
	text-decoration: none;
	display: none;
}

.cep_tenderActionButton > div:last-child:hover
{
	/*
	color: white;
	background-color: #095197;
	*/
	text-decoration: underline;
}

.cep_registerVOBTendersForm label
{
	display: block;
	margin-top: 1em;
}

.cep_registerVOBTendersForm input[type="submit"]
{
	margin-top: 1em;
}

#cep_rfvtGoodsAndServicesWrapper
{
	padding-left: 25px;
	display: block;
	margin-bottom: 2em;
	display: none;
}

#cep_rfvtGoodsAndServicesContactsWrapper
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.cep_addContactButton
{
	cursor: pointer;
}

.cep_addContactButton .cep_textIconSmall
{
	height: 24px;
	width: 24px;
	line-height: 24px;
	cursor: pointer;
}

.cep_deleteContact
{
	vertical-align: middle;
	cursor: pointer;
}

.cep_deleteContact:before
{
	font-family: 'Font Awesome 5 Free';
	font-size: 1.2em;
	content: '\f00d';
	vertical-align: top;
	margin-right: 8px;
}

.cep_contactWrapper
{
	margin-bottom: 1em;
}

.cep_contactWrapper .middle
{
	display: block;
}

#cep_rfvtConstructionPlansWrapper
{
	padding-left: 25px;
	display: block;
	margin-bottom: 2em;
	display: none;
}

#cep_rfvtConstructionPlansContactsWrapper
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#cep_submitQuestionsQuestion
{
	height: 187px;
}

.cep_tenderTableWrapper
{
	overflow-x: auto;
}

.cep_tenderTable.completedTenders tr:hover
{
	background-color: #EEEEEE;
}

.cep_tenderTable tr td
{
	/* overflow-wrap: anywhere; */
}

#cep_registerVOBTenderReturnMsgSuccess
{
	color: green;
	font-weight: normal;
	margin-top: 2em;
	margin-bottom: 2em;
}

.cep_procurementTypeSelectorWrapper
{
	text-align: right;
}

.cep_procurementTypeSelectorWrapper > div
{
	display: inline-block;
}

.cep_testSystemUser
{
	font-size: 0.7em;
	display: none;
	padding-bottom: 2em;
	font-style: italic;
}

#cep_downloadTDPopup
{
	overflow-y: auto;
	max-height: 100%;
}

#cep_submitQuestionsPopup
{
	overflow-y: auto;
	max-height: 100%;
}

#cep_submitOfferPopup
{
	overflow-y: auto;
	max-height: 100%;
	margin-bottom: 2em;
}

.cep_cookiePopup {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	/*background-color: rgba(0, 0, 0, 1.0);*/
	background-color: #222222;
	padding: 1em 14em 1em 1em;
	color: #fff;
	font-size: 1em;
	z-index: 101;  /*50*/
}

.cep_cookiePopup a {
	text-decoration: none;
	color: #31A8F0;
	white-space: nowrap;
	transition: color 200ms ease 0s;
}

.cep_cookiePopup a:hover {
	color: #B2F7FF;
}

.cep_cookiePopupCloseBtn {
	color: #000;
	background-color: #F1D600;
	transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
	border-radius: 5px;
	font-size: 1em;
	padding: 0.4em 1.5em;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 18%;
}

.cep_cookiePopupCloseBtn:hover {
	background-color: #FFF;
	color: #000;
}

.cep_menuArrowRight {
	width: 0;
	height: 0;
	border-top: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-left: 0.5em solid #AAB414;
}

.cep_menuArrowDown {
	width: 0;
	height: 0;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-top: 0.5em solid #AAB414;
}

.cep_submitOffersDocumentsWrapper
{
	border: 1px solid #999999;
	background-color: #EFEFEF;
	padding: 0.5em;
	position: relative;
}

.cep_uploadProgressbarWrapper
{
	margin-top: 0.5em;
	background-color: #FFFFFF;
}

.cep_uploadProgressbar
{
	width: 1px;
	height: 1em;
	border: 1px solid #CECECE;
	background-color: #009900;
}
.cep_uploadProgressbarTextElement
{
	font-size: 2em;
	color: #999999;
	padding: 1em;
	text-align: center;
}
/*-------------------------------------------------*/
.cep_submitOffersCloseButton
{
	color: #EE0000;
	cursor: pointer;
	position: absolute;
	right: 0.4em;
	top: 0.2em;
	margin: 0;
	padding: 0;
	border-width: 0;
	background-color: transparent;
}

.cep_submitOffersContinueButton
{
	background-image: url('../pics/general/onebit_27.png');
	background-repeat: no-repeat;
	background-position: 0.2em center;
	background-size: auto 2em;
	padding-left: 3em !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #555555 !important;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.cep_submitOffersContinueButton:hover
{
	background-color: #009900;
	color: #FFFFFF;
}
.cep_submitOffersCancelButton
{
	background-image: url('../pics/general/onebit_29_red.png');
	background-repeat: no-repeat;
	background-position: 0.2em center;
	background-size: auto 2em;
	padding-left: 3em !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #555555 !important;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.cep_submitOffersCancelButton:hover
{
	background-color: #990000;
	color: #FFFFFF;
}
/*-------------------------------------------------*/

/*-------------------------------------------------*/
.cep_toolButton
{
	padding-width: 0em;
	margin-width: 0em;
	font-weight: normal;
}

.cep_toolButton .delete
{
	background-color: #EE0000;
}
/*-------------------------------------------------*/

.cep_noticesListEntry
{
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

/*-------------------------------------------------*/
#coindms_hoverBoxBackground
{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}

#coindms_hoverBoxWrapper
{
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	/* Use -51% instead of -50% due to a rendering bug in Chrome >= v52 (blurred text) */
	-webkit-transform: translate(-51%, -51%);
	transform: translate(-51%, -51%);
	z-index: 1001;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	overflow-y: auto;
	max-height: 100%;
}

#coindms_hoverBoxContent .coindms_animatedIcon
{
	display: table-cell;
	vertical-align: middle;
}

#coindms_hoverBoxContent .coindms_hoverBoxTextStatus
{
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
}

#coindms_hoverBoxButtonWrapper
{
	margin-top: 1em;
	text-align: right;
}

#coindms_hoverBoxButtonWrapper .coindms_button:last-child
{
	margin-right: auto;
}

.coindms_animatedIcon
{
	display: inline-block;
	margin-right: 1em;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
}

.coindms_animatedIcon.animationRotate
{
	-webkit-animation: coindms_animatedIcon_animationRotate 2500ms linear infinite;
	-moz-animation:	coindms_animatedIcon_animationRotate 2500ms linear infinite;
	-ms-animation:	 coindms_animatedIcon_animationRotate 2500ms linear infinite;
	-o-animation:	  coindms_animatedIcon_animationRotate 2500ms linear infinite;
	animation:		 coindms_animatedIcon_animationRotate 2500ms linear infinite;
}

@-webkit-keyframes coindms_animatedIcon_animationRotate {
  100% { -webkit-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes coindms_animatedIcon_animationRotate {
  100% { -moz-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -moz-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes coindms_animatedIcon_animationRotate {
  100% { -o-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes coindms_animatedIcon_animationRotate {
  100% { -ms-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -ms-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes coindms_animatedIcon_animationRotate {
  100% { transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { transform: rotate(0deg); transform: rotate(0deg); }
}

.coindms_animatedIcon.animationRotateReversed
{
	-webkit-animation: coindms_animatedIcon_animationRotateReversed 2500ms linear infinite;
	-moz-animation: coindms_animatedIcon_animationRotateReversed 2500ms linear infinite;
	-ms-animation: coindms_animatedIcon_animationRotateReversed 2500ms linear infinite;
	-o-animation: coindms_animatedIcon_animationRotateReversed 2500ms linear infinite;
	animation: coindms_animatedIcon_animationRotateReversed 2500ms linear infinite;
}

@-webkit-keyframes coindms_animatedIcon_animationRotateReversed {
  0% { -webkit-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes coindms_animatedIcon_animationRotateReversed {
  0% { -moz-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -moz-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes coindms_animatedIcon_animationRotateReversed {
  0% { -o-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes coindms_animatedIcon_animationRotateReversed {
  0% { -ms-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -ms-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes coindms_animatedIcon_animationRotateReversed {
  0% { transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { transform: rotate(0deg); transform: rotate(0deg); }
}

.coindms_animatedIcon.smallAnimationRotate
{
	width: 18px !important;
	height: 18px !important;
	margin-right: auto;
	background-position: 0 0 !important;

	-webkit-animation: coindms_animatedIcon_smallAnimationRotate 1500ms linear infinite;
	-moz-animation:	coindms_animatedIcon_smallAnimationRotate 1500ms linear infinite;
	-ms-animation:	 coindms_animatedIcon_smallAnimationRotate 1500ms linear infinite;
	-o-animation:	  coindms_animatedIcon_smallAnimationRotate 1500ms linear infinite;
	animation:		 coindms_animatedIcon_smallAnimationRotate 1500ms linear infinite;
}

@-webkit-keyframes coindms_animatedIcon_smallAnimationRotate {
  100% { -webkit-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes coindms_animatedIcon_smallAnimationRotate {
  100% { -moz-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -moz-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes coindms_animatedIcon_smallAnimationRotate {
  100% { -o-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes coindms_animatedIcon_smallAnimationRotate {
  100% { -ms-transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { -ms-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes coindms_animatedIcon_smallAnimationRotate {
  100% { transform: rotate(360deg);   transform: rotate(360deg); }
  0%   { transform: rotate(0deg); transform: rotate(0deg); }
}

.coindms_animatedIcon.smallAnimationRotateReversed
{
	width: 18px !important;
	height: 18px !important;
	margin-right: auto;
	background-position: 0 0 !important;

	-webkit-animation: coindms_animatedIcon_smallAnimationRotateReversed 1500ms linear infinite;
	-moz-animation:	coindms_animatedIcon_smallAnimationRotateReversed 1500ms linear infinite;
	-ms-animation:	 coindms_animatedIcon_smallAnimationRotateReversed 1500ms linear infinite;
	-o-animation:	  coindms_animatedIcon_smallAnimationRotateReversed 1500ms linear infinite;
	animation:		 coindms_animatedIcon_smallAnimationRotateReversed 1500ms linear infinite;
}

@-webkit-keyframes coindms_animatedIcon_smallAnimationRotateReversed {
  0% { -webkit-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes coindms_animatedIcon_smallAnimationRotateReversed {
  0% { -moz-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -moz-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes coindms_animatedIcon_smallAnimationRotateReversed {
  0% { -o-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes coindms_animatedIcon_smallAnimationRotateReversed {
  0% { -ms-transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { -ms-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes coindms_animatedIcon_smallAnimationRotateReversed {
  0% { transform: rotate(360deg);   transform: rotate(360deg); }
  100%   { transform: rotate(0deg); transform: rotate(0deg); }
}

.coindms_animatedIcon.working
{
	background-image: url('../pics/general/hoverbox/settings.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.success
{
	background-image: url('../pics/general/hoverbox/ok.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.failure
{
	background-image: url('../pics/general/hoverbox/notok.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.searching
{
	background-image: url('../pics/general/hoverbox/searching.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.info
{
	background-image: url('../pics/general/hoverbox/info.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.mail
{
	background-image: url('../pics/general/hoverbox/coindms_mailicon.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.plus
{
	background-image: url('../pics/general/hoverbox/plus.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.minus
{
	background-image: url('../pics/general/hoverbox/minus.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.attention
{
	background-image: url('../pics/general/hoverbox/attention.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.cancel
{
	background-image: url('../pics/general/hoverbox/cancel.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.warning
{
	background-image: url('../pics/general/hoverbox/warning.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.delete
{
	background-image: url('../pics/general/hoverbox/delete.svg');
	background-position: 0 -1px;
}

.coindms_animatedIcon.error
{
	background-image: url('../pics/general/hoverbox/error.svg');
	background-position: 0 -1px;
}

.coindms_hoverBoxButton
{
	border: 1px solid #ABABAB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: %px;
	padding: 2px 8px 2px 6px;
	color: #515151;
	font-family: Arial;
	font-size: 10pt;
	cursor: pointer;
	display: inline-block;
	margin-right: 6px;
	text-align: center;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #e3e3e3 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(99%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e3e3e3 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#e3e3e3 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#e3e3e3 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#e3e3e3 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
}

.coindms_hoverBoxButton.default
{
	font-weight: bold;
}

.coindms_hoverBoxButton img
{
	vertical-align: middle;
	height: 18px;
	pointer-events: none;
}

.coindms_hoverBoxButton span
{
	vertical-align: middle;
	pointer-events: none;
}

.coindms_hoverBoxButton:hover
{
	background: #f5f5f5;
}

.coindms_hoverBoxButton:active
{
	background: #e3e3e3;
	position: relative;
	top: 1px;
	left: 1px;
}

.coindms_hoverBoxButton.disabled
{
	opacity: 0.4;
	pointer-events: none;
	cursor: default;
}
.coindms_hoverBoxInputTextline
{
	border-radius: 0px 7px 0px 0px;
	-moz-border-radius: 0px 7px 0px 0px;
	-webkit-border-radius: 0px 7px 0px 0px;
	border: 1px solid #CECECE;
	width: 15em;
	padding: 0.2em;
	font-size: 1em;
}

.coindms_hoverBoxInputLabel
{
	display: inline-block;
	width: 7.5em;
	vertical-align: top;
}
.coindms_hoverBoxInputContainer
{
	display: inline-block;
	margin-left: 0.5em;
}
.coindms_hoverBoxInput
{
	margin-top: 1em;
}

.cep_buttomLinksWrapper .copyright
{
	margin-bottom: 1em;
	display: inline-block;
}
/*-------------------------------------------------*/


.cep_formLabel
{
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.cep_formInput
{
	font-size: 1em !important;
}

.cep_formInputContainer
{
	display: inline-block;
	width: 68%;
}

.cep_formInputWrapper
{
	margin-top: 1em;
}
.cep_introText
{
	line-height: 140%;
}
.cep_faqWrapper
{
	background-color: #EFEFEF;
	padding: 1em;
	margin-top: 1em;
}
.cep_faqQuestion
{
	cursor: pointer;
	font-weight: bold;
	color: #555555;
}
.cep_faqAnswer
{
	padding-top: 1em;
}
.cep_dashboardGrouping
{
	display: inline-block;
	vertical-align: bottom;
	font-size: 1.2em;
}
.cep_contentHeadline
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
}
.cep_logoutWrapper
{
	text-align: right;
	margin-right: 1em;
}
.coindms_contentHoverboxBackground
{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 2000;
}
#coindms_contentHoverbox
{
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	/* Use -51% instead of -50% due to a rendering bug in Chrome >= v52 (blurred text) */
	-webkit-transform: translate(-51%, -51%);
	transform: translate(-51%, -51%);
	z-index: 4;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	overflow-y: auto;
	max-height: 80%;
}