/* Page center wrapper full width */
@media (max-width: 1200px)
{
	html, body
	{
	}

	.cep_pageCenterWrapper
	{
		width: 100%;
		padding-right: 30px;
		padding-left: 30px;
	}

	.cep_pageContent
	{
		margin-right: auto;
	}

	.cep_pageHeader::after
	{
		top: 109px;
		background-image: none;
	}

	.cep_pageHeader .toolBtn {
		line-height: 140%;
	}
}

@media (max-width: 1120px)
{
	.cep_mobileMenuButton
	{
		display: inline-block;
	}

	.cep_pageMenu
	{
		min-height: 51px;
	}

	.cep_pageMenu .page
	{
		font-size: 0.9em;
	}

	.cep_pageMenu .page span
	{
		padding: 1.0em 2em 1.0em 0.1em;
	}

	#pageMenuEntries
	{
		display: none;
		padding-top: 3.2em;
	}

	.cep_pageMenu.expanded #pageMenuEntries
	{
		display: block;
	}

	.cep_pageMenu.expanded .cep_pageMenuSearch
	{
		bottom: auto;
		height: 49px;
	}

	#pageMenuEntries .cep_pageHeaderToolbar
	{
		position: static;
		display: block;
		min-width: auto;
	}

	#pageMenuEntries .cep_pageHeaderToolbar .toolBtn
	{
		border-top: 1px solid #E7E7E7;
		color: #E70036;
		letter-spacing: 1.6px;
		padding: 1.0em 2em 1.0em 0.1em;
		font-size: 0.9em;
		cursor: pointer;
	}

	#pageMenuEntries .cep_pageHeaderToolbar .toolBtn:hover
	{
		color: #222222;
	}

	#pageMenuEntries .cep_pageHeaderToolbar .cep_pageHeaderBtnInfo
	{
		position: relative;
	}

	.cep_pageMenu.expanded .cep_pageMenuColor0,
	.cep_pageMenu.expanded .cep_pageMenuColor1,
	.cep_pageMenu.expanded .cep_pageMenuColor2,
	.cep_pageMenu.expanded .cep_pageMenuColor3,
	.cep_pageMenu.expanded .cep_pageMenuColor4,
	.cep_pageMenu.expanded .cep_pageMenuColor5,
	.cep_pageMenu.expanded .cep_pageMenuColor6,
	.cep_pageMenu.expanded .cep_pageMenuColor7
	{
		display: block;
		border-top: 1px solid #E7E7E7;
	}
}

/* Mobile version begins */
@media (max-width: 900px)
{
	.cep_actionButtonsLegend > div
	{
		margin-bottom: 0.3em;
	}

	.cep_actionButtonsLegend .cep_tenderActionButton
	{
		display: block;
		text-align: left;
		margin-right: 0em;
		width: auto;
	}
}

@media (max-width: 760px)
{
	#mobileDetector
	{
		color: blue;
	}

	.cep_pageRightMenu
	{
		position: absolute;
		top: calc(100% + 10px);
		z-index: 1;
		padding-bottom: 0;
		margin-left: 0;
		left: 30px;
		right: 30px;
		width: auto;
	}

	.cep_pageRightMenu .cep_boxContent
	{
		display: inline-block;
		width: 33%;
	}
}

@media (max-width: 650px)
{
	.cep_procurementTypeSelectorWrapper
	{
		text-align: left;
	}

	.cep_procurementTypeSelectorWrapper > div,
	.cep_procurementTypeSelectorWrapper > div > span,
	.cep_procurementTypeSelectorWrapper > div > select
	{
		display: block;
		width: 100%;
	}
}

@media (max-width: 540px)
{
	.cep_hoverBoxWrapper.sizeSmall
	{
		width: 95%;
	}
}

@media (max-width: 460px)
{
	.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
	{
		font-size: 0.6em;
	}

	#cep_downloadTDWrapper button,
	#cep_submitQuestionsWrapper button
	{
		display: block;
		width: 100%;
		margin-bottom: 0.5em;
		margin-right: auto !important;
	}

	#cep_downloadTDWrapper .cep_popupDownloadTenderDocuments,
	#cep_downloadTDWrapper .cep_popupDownloadTenderDocuments > tr,
	#cep_downloadTDWrapper .cep_popupDownloadTenderDocuments > tr > td,
	#cep_downloadTDWrapper .cep_popupDownloadTenderDocuments > tbody > tr,
	#cep_downloadTDWrapper .cep_popupDownloadTenderDocuments > tbody > tr > td
	{
		display: block;
	}

	#cep_submitQuestionsWrapper .cep_popupSubmitQuestions,
	#cep_submitQuestionsWrapper .cep_popupSubmitQuestions > tr,
	#cep_submitQuestionsWrapper .cep_popupSubmitQuestions > tr > td,
	#cep_submitQuestionsWrapper .cep_popupSubmitQuestions > tbody > tr,
	#cep_submitQuestionsWrapper .cep_popupSubmitQuestions > tbody > tr > td
	{
		display: block;
	}
}

/* Mobile menu full width */
@media (max-width: 400px)
{
	textarea.middle,
	select.middle,
	input[type="text"].middle,
	input[type="password"].middle,
	input[type="number"].middle,
	input[type="email"].middle
	{
		width: 100%;
	}

	/* Important: This must be exactly half of the .middle class! */
	textarea.middleHalf,
	select.middleHalf,
	input[type="text"].middleHalf,
	input[type="password"].middleHalf,
	input[type="number"].middleHalf,
	input[type="email"].middleHalf
	{
		width: 100%;
	}

	textarea.inLine,
	select.inLine,
	input[type="text"].inLine,
	input[type="password"].inLine,
	input[type="number"].inLine,
	input[type="email"].inLine
	{
		display: block;
		margin-right: 0;
		width: 100%;
	}

	textarea.middleHalf.inLine,
	select.middleHalf.inLine,
	input[type="text"].middleHalf.inLine,
	input[type="password"].middleHalf.inLine,
	input[type="number"].middleHalf.inLine,
	input[type="email"].middleHalf.inLine
	{
		display: block;
		margin-right: 0;
		width: 100%;
	}

	.cep_hoverBoxWrapper.sizeSmall
	{
		width: 95%;
		overflow-x: auto;
	}

	.cep_cookiePopup {
		padding: 1em;
	}

	.cep_cookiePopupCloseBtn {
		position: static;
		display: block;
		top: auto;
		margin-top: 1em;
	}
}

/* Note: Following 2 CSS media queries handles the height! */
@media (max-height: 640px)
{
	#cep_downloadTDPopup
	{
		height: 100%;
		overflow-y: auto;
	}
}

@media (max-height: 730px)
{
	#cep_submitQuestionsPopup
	{
		height: 100%;
		overflow-y: auto;
	}
	#cep_submitOfferPopup
	{
		height: 100%;
		overflow-y: auto;
	}
}