body{
	margin: 0px;
	padding: 0px;
}
.map {
	height: 100vh;
	width: 100vw;
}

.hide{
	display: none;
}

#filter-bar{
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%);
	/* height: 20px; */
	background: rgb(255 255 255 / 90%);
    /* width: 90vw; */
    border-radius: 5px;
    box-shadow: 5px 5px 20px -10px;
	font-variant: small-caps;
	font-weight: bold;
    font-size: large;
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.filter{
	width: 100% !important;
}

/* .tagify+input{ */
	/* display: block !important; */
	/* position: static !important; */
	/* transform: none !important; */
	/* width: 100%; */
	/* margin-top: 1em; */
	/* padding: .5em; */
/* } */
tags.tagify{
	overflow: hidden;
	max-height: 40px;
	color: #000;
    background-color: #f8f9fa;
    border-radius: 5px;
}
div.ol-popup.default{
	width: 730px;
}

.hand{
	cursor: pointer;
}

.modalPdf{
	width: 100%;
    height: 80vh;
}

.btn-light,tags.tagify {
    background-color: white;
}

.font-normal{
	font-weight: normal;
    font-size: initial;
}
.bk-auto{
	overflow-y: auto !important;
    font-size: small;
	max-height: 100px !important;
}
tag{
	background-color: #e5e5e5;
}

.tender-active{
	/* background-color: blue; */
	/* color: white; */
	/* padding: 5px; */
	/* border-radius: 5px; */
}
.tender-archive{
	/* background-color: silver; */
	/* color: white; */
	/* padding: 5px; */
	/* border-radius: 5px; */
}
.my-auto{
	text-align: right;
}

#toolbarContainer{
	display: none;
}

.ol-overlaycontainer-stopevent{
	z-index: 1 !important;
}
.tooltip-inner{
	max-width: 500px;
	background-color: #e5e5e5;
	color: black;
	box-shadow: 5px 5px 2px -5px;
}
.tooltip-arrow::before{
    border-bottom-color: #e5e5e5 !important;
}
.twi{
	font-weight: bold;
    color: darkred;
}
.ol-attribution ul{
	font-size: 22px;
}
.ol-popup {
    font-size: .9em;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
#legend{
	font-size: 13px;
}
.selectedTender{
	background-color: #6c757d;
    color: white;
}