/* search Results*/

#searchResults {
    position: absolute;
    background: #f1f3f5;
    /* padding: .5em; */
    font-size: 0.85em;
    z-index: 3;
    /*max-width: 500px;*/
    /* max-height: 50%; */
    overflow-y: auto;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
#searchResults div {
    padding: 0.3em .5em;   
}
#searchResults div:hover, #searchResults div.selected {
    background-color: #15589f;
    color: #FFF;
    font-weight: normal;
}
.searchType {
    float: left;
   /* margin-top: -2.2em;
    margin-left: .175em;*/
    z-index: 3;
    background: #000;
    opacity: 0.5;
    /*background: none;*/
    font-size: 1.15em;
    padding: .5em;
    border: none;
    color: #FFF;
    /*border: 1px solid #ccc;*/
    display: none;
    width: 160px;
}
.searchType:hover {
    opacity: 0.9;
    background: #15589f;
}
.searchType span { display: block; }
.searchType i.material-icons { display: none; }
.searchType.active { display: inline-block; }
/*#searchType option {
    background: #eee;
}
#searchType option:hover {
    background: #555;
    color: #FFF;
}*/

#searchTypeError {
    display: none;
    margin: 0 auto -2em;
    position: relative;
}
#searchTypeError div {
    padding: .5em 2em;    
    font-size: 0.9em;
}


/*** SEARCH FIELD ***/
/*.searchField {    
    margin: 0 auto 10px;
    padding: 2px 15px;
    display: block;
    width: 100%;
    float: right;
}*/
/*.searchField i:not(.clearSearchText) {
    float: right; 
     z-index: 1; 
     opacity: 0.5; 
     font-size: 1.9em; 
    background: #6c757d;
    color: #fff;
     padding: 1.15em 0.5em; 
     display: inline-block; 
    padding: 10px;
     margin: initial; 
    padding-right: 45px;
}*/
/*.searchField i:not(.clearSearchText):hover {
    opacity: 0.9;
    background: #15589f;
}*/

.searchField i.clearSearchText {
    float: right;
    margin-right: .5em;
    margin-top: -1.28em;
    z-index: 1;
    opacity: 0.5;
    font-size: 1.9em;
    padding: .15em .5em;
    display: none;
}
  
@media (min-width: 600px) {
    @-moz-document url-prefix()  {  
        .searchField i.clearSearchText {
            margin-right: 2em;
        }
    }
}

/*.searchField input {
    padding: 6px;
    border: 1px solid #428bca; 
    border: none;
    color: #555;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    font-size: 1.45em;
    background: #eee;
    margin-right: 7px;
}*/
.searchField input:focus {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(66,139,202,0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(66,139,202,0.5);
    box-shadow: 0px 0px 5px 2px rgba(66,139,202,0.5);
}
.searchField[name="searchLoc"] {
    right: 0;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .searchField i.clearSearchText {
        margin-right: 2.5em; 
    }
}

/*@media (min-width: 600px) and (max-width: 991px) {
    .searchField input {
        font-size: 1.29em;
    }
}*/

@media (max-width: 599px) {
    .searchType {
        width: 8% !important;
        padding: 0;
       /* margin-left: .5em;*/
        border: none;
    }
    .searchType span { display: none; }
    .searchType i.material-icons { display: block;  margin-top: 0 !important; font-size: 1.4em !important; }
    
    
/*    .searchField input {
        height: 1.4em;
    }*/
/*    .searchField .material-icons {
        margin-top: -1.25em !important;
        font-size: 1.6em !important
    }*/
/*    .searchType {
        margin-top: -1.8em !important;
    }*/
    
/*    .searchField i:not(.clearSearchText) {
        padding: .15em .3em;
    }*/
/*    .searchField i.clearSearchText {
        
    }*/
    
    
/*    section.content .searchField {
        
        display: block;
        margin: -2.4em -0.5em 0;
        padding: 5px 0;        
        position: fixed;
        background: #eee;
        width: 100%;
        z-index: 1;
        
        -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    }*/
/*    section.content .searchField #searchForm {
        padding: 0 .5em;
        margin: 0 .5em;
    }*/
}