/**
 * Copyright (c) 2015 Bosch Software Innovations GmbH and others.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 */
@mixin target-filter-query {

.gwt-MenuBar-autocomplete {
      cursor: default;
   }

   .gwt-MenuBar-autocomplete .gwt-MenuItem{
      border-radius: 3px !important;
      cursor: pointer !important;
	  font-weight: 400 !important;
	  line-height: 27px !important;
	  padding: 0 20px 0 10px !important;
	  position: relative !important;
      white-space: nowrap !important;
    }

.gwt-MenuBar-autocomplete .gwt-MenuItem-selected {
    background-color: $hawkbit-primary-color;
    background-image: linear-gradient(to bottom, #1b87e3 2%, #166ed5 98%) !important;
    color: #ecf2f8 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) !important;
}
.suggestion-popup{
	backface-visibility: hidden;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09);
    box-sizing: border-box;
    color: #474747;
    padding: 4px;
    position: relative;
    z-index: 1;
}


.add-update-filter-layout{
	margin:10px;
}

.add-update-filter-actions-layout{
	margin-bottom:5px;
}

.custom-search-layout{
	background-color:#f7fafc;
	border:1px solid #bfc3c8;
	border-radius:4px;
}   


.target-filter-textfield, .target-filter-textfield:focus{
	border:none !important;
	box-shadow: none !important;
}

.error-icon, .success-icon {
    margin-left: 5px;
    margin-right: 5px;
}

.error-icon{
	color: $error-icon-color !important;
}

.success-icon{
	color: $success-icon-color !important;
}

.on-focus-no-border:focus::after{
	border:none !important;
	box-shadow:none !important;
}

.target-filter-spinner{
   margin-top: 5px;
   margin-left: 5px;
   @include valo-spinner(
     $size:16px,
     $speed:500ms
   );
}

.hide-status-label {
    visibility: hidden;
}
  
 .show-status-label {
    visibility: visible;
}



}