/*
 * Copyright 2017 Alexandre Terrasa <alexandre@moz-code.org>.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* search */

.has-icon {
    position: relative;
}

.has-icon .form-control {
	padding-left: 35px;
}

.form-control-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.navbar-fixed-top .form-control:hover, .navbar-fixed-top .form-control:focus {
	background: rgba(255, 255, 255, 0.2);
}

.navbar-fixed-top .form-control {
	background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
    box-shadow: none;
}

.navbar-fixed-top .form-control-icon {
	color: #fff;
}

.navbar-fixed-top .form-group {
	margin-top: 8px;
	margin-bottom: 0px;
}

.navbar-fixed-top *::-webkit-input-placeholder { color: #fff; }
.navbar-fixed-top *:-moz-placeholder { color: #fff; }
.navbar-fixed-top *::-moz-placeholder { color: #fff; }
.navbar-fixed-top *:-ms-input-placeholder { color: #fff; }

.search-input {
	width: 100%;
}

.card-list.search-results {
	position: absolute;
	margin-top: 2px;
	right: 15px;
	left: 15px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.12), -1px -1px 3px rgba(0,0,0,.12);
}

.search-results .card.active {
	background: #eee;
	border-color: #eee;
}