.search-btn {
	border: none;
	outline: none;
	height: 2.5rem;
	width: 2.5rem;
	color: #fff;
	background-color: #0199BE;
	cursor: pointer;
	transition: color 100ms ease, background-color 100ms ease;
	font-size: 1rem;
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	border-radius: 2px;
}

.search-btn.btn-blend {
	background-color: transparent;
	color: #0199BE;
}

.search-form {
	background-color: rgb(255 255 255 / 40%);
	padding: 0.25rem 0.5rem;
	border-radius: 2px;
	display: flex;
	width: 100%;
	margin-right: 10px;
}

.search-form input {
	outline: none;
    border: none;
    padding: 5px;
    font: 400 .9rem;
    background-color: transparent;
    width: 100%;
}
.btn-info {
	background: #0199BE;
	border: 1px solid #bbbbbb;
	height: 50px;
	width: 50px;
	box-sizing: border-box;
}
.btn-info .info {
	height: 50px;
    width: 50px;
    padding: 0px;
}
.btn-info .info i {
	font-size: 24px;
    color: #ffffff;
    width: 50px;
    height: 50px;
     align-content: center;
}
.easy-boxshadow {
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 
				0 2px 2px 0 rgb(0 0 0 / 14%), 
				0 1px 5px 0 rgb(0 0 0 / 12%);
}

.searchBox.searchPage {
	width: calc(100% - 50px) !important;
	max-width: calc(100% - 50px) !important;
	min-width: calc(100% - 50px) !important;
}


.info-box {
    background: #f5ecdd;
    position: absolute;
    top: 60px;
    z-index: 999;
}

.info-box span {
    background: #0199BE;
    color: #fff;
    padding: 10px;
font-family: "Open sans condensed", sans serif;
}

.info-box p {
    padding: 10px 20px;
    font: 400 0.9rem "Open sans condensed", sans serif;
}

.far.none {
    display: none;
}