
.form-control{
  
    background-color: unset !important;;
    background-clip: padding-box;
    border: 1px solid #bed1e6 !important;;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
	color:#000!important;
    box-shadow: unset !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	width:100%;
	padding:10px;
	height:40px;
	margin:0 15px;
	font-size:16px;
}

.search-box-wrapper{
	position:relative;
    padding-right: 15px;
}

.gobal-result-list {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #ccc;
    padding: 10px;
    top: 48px;
    margin-right: 0px;   
    position: relative;
    z-index: 999;
    background: #fff;
    right: 0;
}

@media(max-width:767px){
    .gobal-result-list {
        border-top: none;
        top: 58px;
    }
}

@media (min-width:992px){
    .gobal-result-list {
        top: calc(100% - 30px);
        left: 0;
        width: calc(100% - 15px);
        position: absolute;
        border: 1px solid #ccc;
    }
}

.gobal-result-list a{
    width:100%;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding:10px 0;
    font-size:13px;
    color:#000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gobal-result-list a.active{
    color: #EA292B;
	text-decoration:none;
}
	 
.gobal-result-list a:hover{
    color: #EA292B;
    text-decoration:none;
}

.gobal-result-list .view-more {
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
    margin-top: 5px;
}
@media (min-width:992px){
    .gobal-result-list a{
        padding:6px 0;
    }
    .gobal-result-list .view-more {
        padding: 14px 0 0;
    }
}
	 


input:focus-visible {
outline:none;
border:none;
}


.dropdown-menu{
border: 1px solid #ddd !important;
background-color: #fff !important;;
}

.ui-menu .ui-menu-item-wrapper{
font-size:16px;
}



/* .form-control{
    width: 92% !important;
    margin: 0px 15px;
    border-radius: 0px !important;
    border-width: 0px 0px 1px!important;

} */

.control{
    width: 100% !important;
    margin: 0px 15px;
    border-radius: 0px !important;
    border-width: 0px 0px 1px!important;
	position:fixed;
	top:0px;
	left:0px;
	padding-left:60px !important;
	max-width:100% !important;
	margin-top:0px !important;

}

.back-icon{
display:none;
}

.search-wrapper {
    position: relative;
    width: 50%;
    margin:150px auto;
   
}
@media (max-width:575px){
.form-control{
width:92% !important;
margin:0 15px;
}
}

@media (max-width:1024px){
.dropdown-menu{
width:92% !important;
margin:0 15px;
}

.global-search{margin-top:0px;}
.global-search:focus{width:100% !important;}

.global-search{

 width:100%;
 right:0px;
 border:none;
 margin-right:0px;
}

/* input.global-search:focus + .gobal-result-list{
    width:100% !important; 
    margin-top:-35px; 
    border:none; 
    right:0px;
} */

.ui-widget.ui-widget-content{
    border:unset;
}

.ui-menu .ui-menu-item{
    margin:5px 0;
}

.ui-widget .ui-menu {
    font-size: 16px;
    color:#666666;
    background: #fff;
    border: 1px solid #666;
    position: absolute !important;
    left: 15px !important;
    top: calc(100% - 15px) !important;
    border-radius: 0;
    padding: 5px 0;
    list-style: none;
}

.ui-widget .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
    padding: 2px 5px;
    cursor: pointer;
}

.ui-widget .ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    border: none;
    background: #e7f0f1;
}

.page-search-input .searchinput input{
	
	width:100%;
	max-width:100%;
}

.form-control{
padding-left:45px !important;
width:96% 
}

.search-wrapper {
    position:unset;
    width: 100%;
	margin:150px 0;
    }
	
.remove-margin{
position:fixed !important;
top:0px;
left:0px;
right:0px;
bottom:0px;
background:#fff;
z-index:99999;

}	

.dropdown-menu{
box-shadow:unset !important;
border:none !important;
overflow:unset;
}

.back-icon{
 float:left;
 width:40px; 
 left:0px;
 top:8px;
 position:fixed;
 z-index:100;
}
.back-icon svg{
width:27px; 
height:40px;
margin-left: 5px;
}

.search-box-wrapper.remove-margin #filterglobalsearchinput{
    width:100% !important;
    padding: 0 20px 2px 40px !important;
    display: flex !important;
    margin: 0 !important;
}

}

@media (max-width:767px){
    .search-box-wrapper:not(.remove-margin) input{
        position: absolute;
        right: 0px !important;
        display: flex !important;
        align-items: center;
        min-width: 130px;
        top: 30px !important;
        width: auto !important;
        margin-top: 35px !important;
    }
}

.search-box-wrapper.remove-margin input{
    background-image: none;
    top: 0;
    line-height: 54px;
}


/* Search result  */

.search-result-list{
	position: absolute;
    z-index: 999;
    background: #fff;
    width: 100%;
    border: 1px solid #ddd;
	font-size:14px;
	padding:15px;
}

.search-result-list a{ 
	display:block;
	margin-bottom:15px;
	color:#000;
	overflow: hidden !important;
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-result-list a:last-child{ 
	margin-bottom:0;
}

.search-result-list a:hover, .search-result-list a.active{ 
	color:#d00;
	text-decoration:none;
}

.search-result-list a.view-more{ 
	padding: 15px 0 0;
    border-top: 1px solid #ddd;
    width:100%;
	
}


#search-tabs-content .search-item-wrapper{
    max-width: 100%;
}

#search-tabs-content .search-item-wrapper .search-content{
    width: 100%;
}


.global-search , .globalsearchinput{
    cursor: inherit !important;
}

@media(max-width: 767px) {
    .page-search-wrapper form {    
     width: 93%;
     margin: 0 auto;
     position: relative;
     left: -3px;
     top: 4px;
    }
}

.page-search-input .searchinput .gobal-result-list .view-more {
    display: none;
}

.globalsearchinput+.gobal-result-list {
    top: calc(100% - 2px);
    right: 0;
    width: 100%;
    position: absolute;
    border: 1px solid #ccc;
}

@media (min-width:768px){
    .search-box-wrapper .global-search {
        margin-bottom: 30px;
    }
}