/** 
 * Import Compass and Theme Variables
 */
/* ==========================================================================
   Theme Configuration File
   ========================================================================== */
/**
 * Base Colors
 * 
 * Description:
 * Provides a base for the UI.
 * 
 * Usage:
 * General UI Background, Region Headers, Buttons
 */
/**
 * Highlight Colors
 * 
 * Description:
 * Used for providing emphasis or importance to UI components.
 * 
 * Usage:
 * Region Headers, Primary / Hot Buttons
 */
/**
 * Accent and Status Colors
 * 
 * Description:
 * Used for indicating state-based UI components, status, or accents.
 * 
 * Usage:
 * Warnings, Errors, Danger Text, Success, Focus
 */
/**
 * Application Based Colors
 * 
 * Description:
 * Used for applications within APEX development
 */
/* ==========================================================================
   Search Box Widget
   ========================================================================== */
/* line 13, ../../../scss/theme/standard/SearchBox.scss */
.a-SearchBox-field {
  border-color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
}

/* line 18, ../../../scss/theme/standard/SearchBox.scss */
.a-SearchBox-input {
  color: #404040;
  background-color: transparent;
}
/* line 21, ../../../scss/theme/standard/SearchBox.scss */
.a-SearchBox-input:focus, .a-SearchBox-input.is-focused {
  box-shadow: 0 0 0 1px #399bea inset, 0 0 0 1px #399bea, 0 0 2px 2px rgba(57, 155, 234, 0.5) !important;
}

/* line 30, ../../../scss/theme/standard/SearchBox.scss */
.a-Button.a-SearchBox-button {
  color: #2D7BBB;
}
/* line 32, ../../../scss/theme/standard/SearchBox.scss */
.a-Button.a-SearchBox-button:hover, .a-Button.a-SearchBox-button:focus {
  background-color: #2D7BBB;
  color: #FFF;
}
/* line 37, ../../../scss/theme/standard/SearchBox.scss */
.a-Button.a-SearchBox-button:active {
  background-color: #235DB2;
}

/* line 41, ../../../scss/theme/standard/SearchBox.scss */
.a-SearchBox-icon {
  color: #404040;
}