.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

.tooltip {
	position: absolute;
	text-align: center;
	padding: 10px;
	font: 12px sans-serif;
	background: white;
	border: 0px;
	border-radius: 1px;
	pointer-events: none;
}

#play-button, #all-button {
	text-transform: uppercase;
	background-color: #0C4354;
	color: white;
	border-radius: 0px;
	border: none;
	cursor: pointer;
}

#play-button > span {
	display: flex;
	align-items: center;
	justify-content: center;
}
#play-button > span > img {
	height:25px;
	margin-left: 20px;
}

#tender-header {
	display: flex;
	align-items: center;
}

#header-container {
	background-color: #37009B;
	flex-grow: 1;
}

#header-container > div {
	margin: 0;
	max-width: 1130px;
	width: calc(90% - 40px);
	padding: 20px;
}

#flag-container{
	display: flex;
	justify-content: center;
	width: calc((100% - 1170px)/2);
	min-width: 160px;
}

#tender-header h1 {
	color: rgb(254, 254, 254);
	font-size: 16pt;
}

#tender-info {
	width: 100%;
}

#tender-info tr {
	border-spacing: 0 4px;
	background-color: rgb(236, 234, 232) !important;
	color: rgb(134, 132, 130)
}
#tender-info tr td {
	padding: 8px 10px;
}

#tender-info tr td:first-child {
	width: 100px;
	vertical-align: top;
}

.project-extra-table table.dataTable > thead > tr{
	background-color: rgb(12, 67, 84);
}

.project-extra-table table.dataTable>tbody>tr[role="row"] {
	background-color: #FFFFFF !important;
}

.project-extra-table table.dataTable{
	padding-top: 5px;
	padding-bottom: 0;
}

.project-extra-table table.dataTable > tbody > tr > th, .project-extra-table table.dataTable > tbody > tr[role='row'] > td{
	border-top: none;
	border-bottom: 3px solid rgb(134, 132, 130);
}

.projectlistbutton{
	background-color: rgb(12, 67, 84);
	white-space: nowrap;
	border: none;
	padding: 5px;
	cursor: pointer;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 10px 10px 20px;
}