/**  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 */
/* ========================================================================== Menu Bar ========================================================================== */
.a-MenuBar-label { padding: 8px; color: #404040; }

.a-MenuBar-item { border-right: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; margin-left: -1px; }

.a-MenuBar-item:first-child { margin-left: 0; }

.a-MenuBar-item.is-disabled .a-MenuBar-label { color: #A0A0A0; }

.a-MenuBar-item:hover { background-color: #FFF; }

.a-MenuBar-item.is-expanded { background-color: #FFF; }

.a-MenuBar-item.is-focused { box-shadow: 0 0 0 2px #0572ce inset; outline: none; }

/* ========================================================================== Menu  ========================================================================== */
.a-Menu-content { border-color: transparent; border-width: 0; box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 8px 0; }

.a-Menu .a-Menu { margin-top: -9px; }

.a-Menu .a-Menu-item { color: #404040; }

.a-Menu-itemSep .a-Menu-hSeparator { border-color: #F0F0F0; }

.a-Menu .a-Menu-item.is-focused, .a-Menu .a-Menu-item.is-expanded { background-color: #0572CE; color: #FFF; }

.a-Menu .a-Menu-item.is-focused > .a-Menu-statusCol > .a-Icon, .a-Menu .a-Menu-item.is-focused > .a-Menu-accel, .a-Menu .a-Menu-item.is-expanded > .a-Menu-statusCol > .a-Icon, .a-Menu .a-Menu-item.is-expanded > .a-Menu-accel { color: #FFF; }

.a-Menu .a-Menu-item.is-focused .a-Menu-scrollBtn, .a-Menu .a-Menu-item.is-expanded .a-Menu-scrollBtn { color: #404040; }

.a-Menu .a-Menu-item.is-disabled.is-focused { background-color: #F8F8F8; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.15) inset; }

.a-Menu .a-Menu-item.is-disabled.is-focused > .a-Menu-subMenuCol > .a-Icon { color: #404040; }