/* ========================================================================== 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 */
/* ========================================================================== App Block ========================================================================== */
.a-AppBlock { position: relative; border-radius: 2px; transition: background-color .1s, box-shadow .1s; background-color: transparent; box-shadow: none; -webkit-transform: translate3d(0, 0, 0); }

.a-AppBlock:hover { background-color: #F8F8F8; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; }

.a-AppBlock:hover .a-Icon { color: #D0D0D0; }

.a-AppBlock .a-Icon { color: transparent; transition: color .1s; margin: 8px 0; }

.a-AppBlock-link { overflow: hidden; display: block; padding: 8px; margin-right: 40px; position: relative; }

.a-AppBlock-link:hover { text-decoration: none; }

.a-AppBlock-link:focus { border-radius: 2px; box-shadow: 0 0 0 1px #0572CE inset; outline: none; }

.a-AppBlock-link:focus .a-AppBlock-icon:before { opacity: 1; }

.a-AppBlock-link:focus + .a-AppBlock-actions .a-AppBlock-button .a-Icon { color: #D0D0D0; }

.a-AppBlock-icon { display: block; width: 64px; height: 64px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 2px 1px rgba(0, 0, 0, 0.025); }

.a-AppBlock-icon:before { transition: opacity .2s; content: "\e046"; font-family: "apex-5-icon-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; margin: 16px; line-height: 64px; padding: 8px; border-radius: 100%; color: #FFF; background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 1px rgba(0, 0, 0, 0.75); opacity: 0; }

.a-AppBlock-actions { position: absolute; right: 0; top: 0; }

.a-AppBlock-button { display: block; border: none; height: 40px; }

.a-AppBlock-button:hover .a-Icon { color: #404040; }

.a-AppBlock-button:focus { border-radius: 2px; box-shadow: 0 0 0 1px #0572CE inset; outline: none; }

.a-AppBlock-button:focus .a-Icon { color: #404040; }

.a-AppBlock-name { margin: 0; font-size: 14px; line-height: 16px; font-weight: normal; color: #404040; max-height: 48px; overflow: hidden; text-overflow: ellipsis; }

.a-AppBlock-id { display: block; font-size: 11px; line-height: 12px; color: #777; margin-top: 4px; }