.searchInput
{
	cursor:pointer;
	height:50px;
	line-height:50px;
	position:relative;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:100%;
}

.searchInput .divInputBackground
{
	background-color:#292a2f;
	border-radius:10px;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}

.searchInput .btnSearchInput
{
	background-color:#37383d;
	background-image:url('../../images/icons/search.svg');
    background-position:center;
    background-repeat:no-repeat;
	background-size:50%;
	border:2px solid #3f4656;
	border-radius:10px;
	display:block;
	height:46px;
	left:0px;
	line-height:46px;
	opacity:0.4;
	position:absolute;
	top:0px;
	transition:border 0.25s, box-shadow 0.25s, opacity 0.25s;
	width:46px;
}

.searchInput:hover .btnSearchInput, .searchInput:focus .btnSearchInput, .searchInput.focus .btnSearchInput
{
    border:2px solid #cffdff;
    box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9;
	opacity:1;
}

.searchInput input.txtSearchInput
{
	background-color:transparent;
	border:none;
	color:#ffffff;
	font-family:"Jost", sans-serif;
	font-size:16px;
	height:100%;
	left:65px;
	margin:0px;
	outline:none;
	padding:0px;
	position:absolute;
	right:15px;
	top:0px;
	-webkit-appearance:none;
}


.searchInput input.txtSearchInput:-webkit-autofill,
.searchInput input.txtSearchInput:-webkit-autofill:hover,
.searchInput input.txtSearchInput:-webkit-autofill:focus,
.searchInput input.txtSearchInput:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #292a2f inset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color:transparent !important;
    background-clip: content-box !important;
}

.searchInput input.txtSearchInput::-webkit-search-cancel-button
{
    -webkit-appearance:none;
	appearance:none;
}

.searchInput input.txtSearchInput:disabled, .searchInput input.txtSearchInput[disabled]
{
	color:#888b90;
	cursor:not-allowed;
}