/**  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 ========================================================================== */
.a-SearchBox-field { border-color: rgba(0, 0, 0, 0.25); background-color: #fff; }

.a-SearchBox-input { color: #404040; background-color: transparent; }

.a-SearchBox-input:focus, .a-SearchBox-input.is-focused { box-shadow: 0 0 0 1px #0572ce inset, 0 0 0 1px #0572ce, 0 0 2px 2px rgba(5, 114, 206, 0.5) !important; }

.a-Button.a-SearchBox-button { color: #0572CE; }

.a-Button.a-SearchBox-button:hover, .a-Button.a-SearchBox-button:focus { background-color: #0572CE; color: #FFF; }

.a-Button.a-SearchBox-button:active { background-color: #0466B8; }

.a-SearchBox-icon { color: #404040; }